caniuse库过期问题的原因uni-app的编译器是基于npm的，依赖了众多包括mpvue、webpack在内的npm库，这些库又引用了一个三方库caniuser-lite。caniuser-lite这个库的代码里有个浏览器兼容数据的更新检查，过老的数据影响自动补齐css前缀。开发者平时写uni-app时并不需要手动补浏览器的css前缀，就是因为这个库在自动补前缀。这个库它自己每半年过期一次，过期后会报错如下：Browserslist:caniuse-liteisoutdated.Pleaserunnextcommandnpmupdatecaniuse-litebrowserslist``这
文章目录1.页面效果2.页面样式代码更多登录ui页面uni-app微信小程序之好看的ui登录页面（一）uni-app微信小程序之好看的ui登录页面（二）uni-app微信小程序之好看的ui登录页面（三）uni-app微信小程序之好看的ui登录页面（四）uni-app微信小程序之好看的ui登录页面（五）1.页面效果2.页面样式代码template> viewclass="t-login"> imageclass="img-a"src="https://zhoukaiwen.com/img/loginImg/2.png">image> imageclass="img-b"src="http
笔记中的内容仅适用于HBulider构建的uniapp项目，通过其他方式构建的uniapp项目请参考uni-simple-router官网uni-simple-router(hhyang.cn) uniapp用到了vue的很多api，但在路由管理的功能上相较于vue-router还是比较欠缺的，比如全局导航守卫。 我们可以通uniapp的插件uni-simple-router来实现类似于vue-router的功能，但多端兼容时，一些用法还需要注意，我们会讲到。一、安装如果你的项目没有使用package，请先初始化：$npminit-y安装依赖：$npminstalluni-
1.首先设置以下选项.该选项的作用是让微信小程序允许样式穿透.在需要改动的文件内加上options:{styleIsolation:'shared'}2.然后再使用vue的样式穿透写法.::v-deep.类样式{}或者/deep/.类样式{}
👨💻作者简介：程序员半夏,一名全栈程序员，擅长使用各种编程语言和框架，如JavaScript、React、Node.js、Java、Python、Django、MySQL等.专注于大前端与后端的硬核干货分享,同时是一个随缘更新的UP主.你可以在各个平台找到我!🏆本文收录于专栏:uniapp踩坑指南🔥专栏介绍:本专栏提供了uni-app开发过程中必不可少的组件和解决方案。本书详细介绍了各种常用组件的使用方法和技巧，以及如何应对uniapp开发中遇到的各种问题。前言最常见的横屏场景是视频播放应用。在竖屏模式下，用户通常只能看到视频的一部分，而在横屏模式下，用户可以利用更宽的屏幕空间来观看完整的视
目录：uni-app实现小程序上下滑动播放视频实现代码源码获取方法：会员学习群：uni-app实现小程序上下滑动播放视频实现代码您可以通过以下步骤实现在uni-app小程序中上下滑动播放视频：1.在页面中引入video组件，并设置宽高及src属性。videosrc="../video.mp4"id="video"style="width:100%;height:100%;"/>2.在页面的onLoad生命周期方法中获取video组件并添加上下滑动事件。onLoad(){constvideo=uni.createVideoContext('video')letstartYvideo.onTouc
0前言 博主本身是小白，然后做一个项目的时候需要自己的微信小程序需要有接受蓝牙数据的功能，于是就自己摸索着进行了学习，这个博客主要用于记录自己的学习过程。 更加优秀的博客，也是我借鉴的博客，可以看下面的链接http://t.csdnimg.cn/FnQ2Whttp://t.csdnimg.cn/FnQ2W1硬件方面 使用USB转TTL，HC-082连接之前对蓝牙模块的调试 下面是HC-08的模块说明书，不明白的地方可以直接进行查阅。HC-08说明书https://www.hc01.com/downloads/HC-08V3.1.pdf 蓝牙连接的时
说明使用uni-app开发，选择vue3语法，开发工具是HBliuderX。虽然内置有vuex，但是个人还是喜欢用Pinia，所以就添加进去了。Pinia官网连接添加步骤第一步：在项目根目录下执行命令：npminstallpinia第二步：配置main.js文件//#ifdefVUE3import{createSSRApp}from'vue'import*asPiniafrom'pinia'; //配置pinia第一句exportfunctioncreateApp(){constapp=createSSRApp(App)//状态管理conststore=Pinia.createPinia()
把你的下载地址前缀添加到合法域名就解决了在调试工具里成功了是因为勾选了下面这项下面是我的下载并打开函数methods:{ //下载 downloadFileFn(data){ if(this.detailsObj.currentUserBuy){ uni.downloadFile({ //data是路径 url:'https://'+data, success(res){ //保存到本地 uni.saveFile({ tempFilePath:res.tempFilePath,//文件的临时路径 success:function(re
目录uni-app目录结构uni-app中的事件uni-app项目中@符号文件路径不提示uni-app中的组件通信页面通信组件间通信节点操作定义全局scss变量APP相关解决uniapp编译到APP出现页面抖动与滑动条tabbar添加一个位于中间的按钮uni.pageScrollTo滚动问题uni-app目录结构静态资源只能存放在static文件夹内uni-app中的事件//事件映射表，左侧为WEB事件，右侧为``uni-app``对应事件{click:'tap',touchstart:'touchstart',touchmove:'touchmove',touchcancel:'touchc
