uniapp轮播

2022-11-24 Classin上网课强互动

几点经验如下：1.轮播屏幕上方最多出现12名学生，10秒就按照顺序或者随机轮播上台。上台的同学学校要求一定打开摄像头。
24的豆芽·2024-09-05 15:24

uniapp实现位置授权并打开地图选择位置信息

实现效果图：步骤1：登录微信小程序公众平台，在“开发”——>“开发管理”——>“开发设置”中复制AppID(如果没有就申请一个)步骤2：注册并登录腾讯位置服务，点击右上角的控制台，创建应用获取Key,在“应用管理”——>“我的应用”中复制Key。（在创建应用的时候启用产品全打勾，授权APPID就填自己的微信小程序中的APPID，如下所示)步骤3：在微信公众平台“开发”——>“开发管理”——>“开发
sunshine-smile_lr·2024-09-05 15:43

类似《东郊到家》的APP小程序软件系统源码

以下是对这类系统源码的详细解析，包括技术框架、功能模块及新增特性等方面：一、技术框架前端：使用Vue和uniapp框架进行开发，Vue提供了组件化的开发模式，而uniapp则支持多端编译，包括小程序、H5
I592O929783·2024-09-05 14:10

适用于多种设备的的滑块幻灯片插件--jquery插件Swiper

下面是其中效果：使用方法1：引入jq库2：引入Swiper文件：3：引入Swipe基本样式：4：写入html：4.1：比较完整的html：左右箭头轮播图片轮播图片上的内容SlidewithHTMLYoucanputanyHTM
吴杼恩·2024-09-05 00:34

SprinBoot+Vue宠物领养救助微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-05 00:03

jquery swiper插件的用法

它支持触摸滑动、响应式设计、循环滑动、分页器、滚动条等多种功能，非常适合用于轮播图、滑块导航等场景。以下是一个详细的Swiper插件教程及案例介绍。二、加载插件首先加载插件，需要用到的
A_aspectJ项目开发·2024-09-04 23:32

SprinBoot+Vue阅读交流微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-04 22:28

SprinBoot+Vue食堂预约点餐微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-04 22:57

uniapp图片上传，加web core api接收并保存

Uni-App图片上传加后台webcoreApi前台代码后台WebCoreApi代码Startup.cs中代码啥也不说了直接上代码！！！前台代码//Anhighlightedblockuni.chooseImage({count:1,success:(res)=>{uni.uploadFile({url:'http://localhost:24517/api/Upload/UpImgs',file
浮生若森·2024-09-04 20:13

记录 uniapp 全局请求的封装

记录uniapp全局请求的封装为什么要封装全局请求，为了方便我们统一处理后端返回的错误码，处理一些共同的逻辑。request.js//引入请求的基础urlimportbaseurlfrom'.
名字被你们想完了·2024-09-04 20:40

uniapp小程序返回上一页并刷新上一页数据

当前页letinsertResult=awaitInsertAbnomalRecordDetail(recordDetailParams)if(insertResult.statusCode==200){this.showToast('提交成功')setTimeout(()=>{letpages=getCurrentPages()//获取页面栈letprePage=pages[pages.leng
狗狗狗狗亮·2024-09-04 19:07

uniapp navigateBack返回上一页，的简单处理

//返回上一页constnavBack=function(page){constpages=getCurrentPages();//判断跳转了多少页if(pages.length===2){uni.navigateBack({delta:1});}elseif(pages.length===1){//如果没有上一页返回首页uni.switchTab({url:'/pages/index/index
逮捕小子·2024-09-04 19:37

uniapp返回上一页并刷新数据方法

letpages=getCurrentPages();//当前页面letbeforePage=pages[pages.length-2];//上一页uni.navigateBack({success:function(){beforePage.onLoad();//执行上一页的onLoad方法}});1.getCurrentPages()获取当前页面的页面栈，是个数组2.pages[pages.l
布偶123.·2024-09-04 19:06

uniapp引入uniapp打包的H5跳转H5以及H5返回app方法

在app项目添加webview文件夹添加gridWebview.vue文件。代码如下exportdefault{data(){return{src:'',}},computed:{token(){returnthis.$store.state.login.token||''},roles(){returnthis.$store.state.login.roles||''},userInfo(){r
qq_Girl200·2024-09-04 19:06

uniapp css样式盒子上面的箭头样式

在uniapp中，要创建一个盒子上面的箭头样式，可以使用CSS的伪元素::after或::before来实现。以下是一个简单的例子，展示了如何使用CSS创建一个向上的箭头。
m0_69254007·2024-09-04 19:36

uniapp上传视频，直接在模版中写video可能会出现手机测试长一点视频就上传不了，并且因为video这类标签的特殊性，层级问题，出现uniapp，app，video元素错位问题，解决办法

模版中写一个标签在计算属性中来写video元素computed:{videoHTML(){return``},}:firection=0//注意这个属性，非常好用，因为开发app是手机端，所以需要在点击视频放大查看的时候竖屏展示，体验感比较好，横屏展示去改属性值就行，具体可查看管网再去写videohtml的样式就可以了，样式没有太大参考价值，在这里就不放了
TttHhhYy·2024-09-04 19:35

uniapp+echarts分时图五档行情

父组件代码：{{isLeave!=1?tooltipData[1]==null||tooltipData[1]==''||tooltipData[1]=='0.00'?'--':toDecimal(tooltipData[1],getTickDecLen(symbol),true):(symbol.cp==null||symbol.cp==''||symbol.cp=='0.00'?'--':to
Nymph_Zhu·2024-09-04 19:05

vue3+ts封装一个uniapp的自动滚动列表，实现看板效果

展示方案有两种：1、列表上下自动滚动实现轮播效果。（此时具体滚动的高度由用户自己决定，每次滚动几条数据）2、列表以“页”的形式做成轮播图的翻页效果。
女德班吊车尾·2024-09-04 16:18

uniapp多列选择器定义年月日时分秒组件

dateTimePicker.js/***自定义多列时间选择器*/functionwithData(param){returnparam{dateTime.push(current.indexOf(defaultDate[index]));});return{dateTimeArray:dateTimeArray,dateTime:dateTime}}/**格式化日期*/functiongener
Arbort_·2024-09-04 05:59

uniapp开发app使用html2canvas出现的ios兼容问题

uniapp开发app使用html2canvas出现的ios兼容问题记录一下app分享功能uniapp没办法直接操作dom元素，之前小程序用的wx的插件在app中无法使用百度到了uniappapp端使用
久违的小技巧·2024-09-04 03:22

uniapp 判断左滑右滑

判断左右滑的逻辑很简单，稍微改一下也能判断上下滑动1.在盒子里分别定义手指按下离开事件2.定义变量，按下时间，开始位置，结束位置startTime:0,startPosition:0,endPosition:03.结束所在位置-按下时所在位置=滑动的距离//起点touchStart(event){this.startTime=Date.now()this.startPosition=event.c
楚城相拥·2024-09-04 02:16

uniapp scroll-view滚动触底加载 height高度自适应

背景：scroll-view组件是使用，官网说必须给一个高度height，否则无法滚动，所以刚开始设置了设置了一个高度，想着vh应该挺合适的；后来在不同手机应用中，发现不同手机，滚动触底加载的动态效果显示不出来。经过排查，解决办法是让height自适应。。。即，不设置height高度，在css里面设置：.content_box{min-height:0;width:100%;height:100%
影子信息·2024-09-04 02:46

uniapp判定 用户 是向左滑还是向右滑

一个简单组件定义的该组件名称swiper-direct-com(自己可以随便命名)exportdefault{name:"swipe-direct-com",data(){return{//记录开始位置startData:{clientX:'',clientY:''},};},props:{updDistance:{//上下滑动超过多少距离触发updownDistancetype:Number,d
叶林染·2024-09-04 02:15

uniapp从当前小程序跳转到另一个小程序

目标：从当前的自己的小程序跳转到另一个小程序要跳转的那个小程序得是发布的，不然appid是无效的（只能在手机上预览，不能在微信开发者工具里面跳转，微信开发者工具不支持）方法：1：uni.navigateToMiniProgram方法跳转uni.navigateToMiniProgram函数的使用参数说明：appId（string类型，必填）：要打开的小程序的appId。path（string类型，
牧杉-惊蛰·2024-09-04 02:44

uniapp小程序怎么判断滑动的方向

项目场景：获取手机上手指滑动的距离超过一定距离来操作一些逻辑解决方案：在uniapp中，可以通过监听触摸事件来判断滑动的方向。
牧杉-惊蛰·2024-09-04 02:14

SprinBoot+Vue在线商城微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 23:00

echarts tooltip悬浮框自动轮播 鼠标放上则暂停

判断传入的automove为true时，则进行轮播。
Igiveufireworks·2024-09-03 18:56

js处理echarts tooltip定时轮播

echartstooltip定时轮播/***echartstooltip轮播*@paramchartECharts实例*@paramchartOptionecharts的配置信息*@paramoptionsobject
Ciito·2024-09-03 18:56

SprinBoot+Vue问卷调查微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 08:23

SprinBoot+Vue健康管管理微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 01:06

SprinBoot+Vue停车场管理微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 01:06

HTML静态网页成品作业(HTML+CSS+JS)——中华美食八大菜系介绍(1个页面)

不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，使用Javacsript代码实现图片轮播切换，共有
爱码网页成品·2024-09-02 16:18

【Flutter和H5数据传递问题】window.postMessage方法引起的数据问题

问题首先，公司项目的框架是由Flutter去编写的，最初的框架是由uniapp框架来做的，但是uniapp在客户端的性能懂得都懂。。。
阿菜同学·2024-09-02 10:41

基于SpringBoot+Vue协同过滤视频推荐系统

+mybatis+Vue开发工具：eclipse或idea2.主要功能说明：1）用户注册、登录、首页、个人中心、我的收藏、视频新增、后台管理、2）管理员个人中心、用户管理、视频标签管理、视频信息管理、轮播图管理
f168bc2b3926·2024-09-02 09:35

uniapp壁纸项目笔记

项目初始化static文件夹中尽量不要存放一些测试时用的图片。因为项目在打包的时候会将static文件夹一并的打包，这样会使得打包后的项目变得臃肿。解决办法是在项目的根目录下创建一个common文件夹，用于存放测试用的图片和其他文件。common文件夹中的文件只有在被引入的时候才会被一并打包。否则要避免这个情况就只能在打包项目前清理static文件夹。同理，一些公共样式（scss文件）也可以放在c
京城五·2024-09-01 22:54

uniapp使用 uview-plus 底部导航栏(vue3项目)

前提：项目中已引入uview-plus，具体可查看uview-plus官网Tabbar底部导航栏网站：Tabbar底部导航栏|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI框架✍完整代码地址：front-mini-programe/components/tabbar/tabbar.vue·cheinlu/土拨鼠充电系统-Gitee.com一、先在compo
奔跑的露西·2024-09-01 21:17

uniapp使用 uview-plus 底部导航栏(vue3项目)_uniapp底部导航栏

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年最新大数据全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵
2401_84181383·2024-09-01 20:15

uniapp使用 uview-plus 底部导航栏(vue3项目)_uniapp底部导航栏(1)

}else{useStore.setActive(index)constpath=item.pagePathuni.switchTab({url:path})}}}//图标的切换constgetTabbarIcon=(item,index)=>{returnuseStore.activeTab===index?item.selectedIconPath:item.iconPath}>>**说明：*
2401_84182793·2024-09-01 20:15

uniapp尺寸单位 px转rpx

uniapp尺寸单位uni-app支持的通用css单位包括px、rpxpx即屏幕像素rpx即响应式px，一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准，750rpx恰好为屏幕宽度。
万能螺丝刀1·2024-09-01 20:10

【uniapp 解决h5 uni.saveFile 不生效】2种方法解决

用uni.saveFileh5报错saveFileAPIsaveFileisnotyetimplemented查看文档发现不支持h5解决方法：这个我用了pc端一样的方法用a标签来下载保存代码如下：第一种：consta=document.createElement('a');a.href=filePath;//filePath这里的地址是uni.downloadFile中的返回值里的地址a.down
li@h·2024-09-01 17:56

【uniapp】如何在uniapp中使用xr-frame及xr-frame加载并使用gltf模型

微信的xr-frame已经出来有一段时间了，但网上关于它的使用方法的介绍少之又少，我可以合理的猜测，很大的原因是他们的文档写的…真就是…依托**------------吐槽结束正文开始------------XR-FRAME在此处我罗列了一些链接，是官方文档和demo的，指南写的还是可以的，用来入门了解一下没有问题。指南介绍了XR-FRAME的简单使用组件介绍了XR-FRAME中能够使用的组件AP
qq_39377906·2024-09-01 11:47

uniapp使用defineExpose暴露和onMounted访问

defineExpose作用暴露方法和数据允许从模板或其他组件访问当前组件内部的方法和数据。明确指定哪些方法和数据可以被外部访问，从而避免不必要的暴露。增强安全性通过显式声明哪些方法和数据可以被外部访问，防止意外修改内部状态。提高组件的安全性，避免因误操作导致的问题。提升可维护性清晰地定义组件的边界，使其他开发者更容易理解和使用组件。增强组件的可维护性，便于后续的开发和维护工作。onMounted
小汤猿人类·2024-09-01 08:55

微信小程序轮播图

微信小程序swiper组件轮播图照着开发文档尝试,总是能有所收获.之前做Android开发,做个轮播图并不简单,用上viewpage再设置圆点,折腾一通之后还一堆bug.今天尝试微信小程序开发做轮播图,
爱斯基摩白·2024-09-01 03:30

uniapp解决app端不能用＜web-view＞将外部页面嵌入当前页面的问题

uniapp解决app端不能用将外部页面嵌入当前页面的问题参考资料代码（兼容h5与app）父页面子组件Vue2Vue3、组合式、ts参考资料android项目嵌套uniapp页面及交互uniapp嵌套h5
舍予一·2024-08-31 20:15

SprinBoot+Vue学生选课小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-08-31 15:39

基于Spring的Uniapp自动更新实现方法

Uniapp自动更新本文介绍了基于rouyi-uniapp的更新包版本自动推送更新。结合minio和网址下载地址两种方式，计算版本号大小后，可选是否强制更新。
星月梦瑾·2024-08-31 04:54

uniapp开发中遇到的兼容性问题（待续）

1、日期格式问题使用uniapp开发过程中，有这么一段代码，将两个时间字符串通过JS的date构造函数，构造出两个日期并比较大小，在Android平台没有问题，在ios上就出现了日期比较失败，无法执行正常的校验
呆呆papa·2024-08-31 03:17

鸿蒙界面开发（十）：轮播 (Swiper)图布局&宽高比例apsectRatio

轮播——Swiper组件Swiper组件提供滑动轮播显示的能力。Swiper本身是一个容器组件，当设置了多个子组件后，可以对这些子组件进行轮播显示。
weightOneMillion·2024-08-30 23:49

uniapp中使用弹出框控制Tab栏区域显示与隐藏

在uniapp中提供控制TabBar的显示与隐藏的函数uni.hideTabBar()与uni.showTabBar()立即接单constisshow=ref(false)//控制弹出框的显示与隐藏//
Bunury·2024-08-30 19:27

50岁三德子养鸡身价上亿，豪车不开专骑电驴，娶小15岁1米8娇妻

但这部剧并非昙花一现，在这23年里，一直轮播从未间断。现在这部剧中的主角们，"康熙爷"张国立65岁，"宜妃"邓婕62岁，"三德子"赵亮如今也到了知天命的年纪。
清风拂天涯·2024-08-30 18:10
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他