随笔分类 - uni-app
摘要:01通过npm的方式安装uView组件库 uView依赖SCSS,您必须要安装此插件,否则无法正常运行。 如果您的项目是由HBuilder X创建的, 相信已经安装scss插件, 如果没有,请在HX菜单的 工具->插件安装中找到"scss/sass编译"插件进行安装, 如不生效,重启HX即可 然后执
阅读全文
摘要:微信小程序音频播放 // 开启播放音频 startAudio(){ const innerAudioContext = uni.createInnerAudioContext();//创建并返回内部 audio innerAudioContext.autoplay = false;//不自动播放 i
阅读全文
摘要:<img class="static-video" @tap="startAudio" v-if="currentPlay==false" :src="imageUrl+'/voice.png'" /> <img class="play-video" v-else :src="imageUrl+'/
阅读全文
摘要:<template> <view class="steps"> <view class="list" v-for="(item,index) in listArr":key="index"> <view class="left-time"> <text class="data-da"> 12-12
阅读全文
摘要:可能很多小伙伴们。看见这个标题后; 觉得作者是一个标题党。 textarea设置maxlength后, 限制用户输入的字符呗! 还能怎么样呢? 恭喜你,说对了一半。 之前我也一直是这样想的。 知道今天我写小完程序后自己测试。 发现textarea设置maxlength后, 并不是我们想的那样简单:
阅读全文
摘要:1.配置属性问题 //设置容器高度为100% page{ height: 100% } 2. 切换页面时 滚动条滚回到顶部 //切换页面时调用API wx.pageScrollTo({ scrollTop: 0 }) 3. onReachBottom被覆盖 检查页面onReachBottom函数是否
阅读全文
摘要:<u-select v-model="subjectFlag" title="选择科目" @confirm="okSubjecthander" label-name="subjectName" :default-value="subjectAarr" value-name="subjectId" :
阅读全文
摘要:小程序单张uni-app图片预览 uni.previewImage({ current:0, urls: [mess.honorIcon],//['你的图片地址'] }); 小程序多张图片预览 <view class="img-boix-view"> <image class="limit-size
阅读全文
摘要:uni-app动态更改顶部标题 uni-app uni.setNavigationBarTitle({ title: '编辑班级荣誉' }) 小程序 wx.setNavigationBarTitle({ title: '趣味表情' })
阅读全文
摘要:1. view <view class="bottom-wri-box" :style="{bottom: bottomHeight}"> <image @tap="changeChander" class="left-cont-icon" :src="imageUrl+'/huifu-icon.p
阅读全文
摘要:<template> <view class="page-demo"> <view class="demo" v-for="(item,index) in listArr" :key="index" :class="{'aa': item.type==1001, 'bb': item.type==1
阅读全文
摘要:效果图 <template> <view class="page-demo"> <view class="srcool-box"> <scroll-view scroll-y="true" class="cont-scrool"> <view class="demo-height" v-for="(
阅读全文
摘要:<template> <view class="page-demo"> <scroll-view class="scrool-more" scroll-x="true" scroll-with-animation="true"> <text class="label-name" v-for="(it
阅读全文
摘要:onLoad(option){ console.log("onLoad",option); //主要用于上一个页面传递过来的参数 }, onShow(){ 切入前台触发,用我的话来讲就是这个页面出现一次, 他就被调用一次包括你【前进】和【后退】到这个页面。 }, onReady: (){ 首次显示页
阅读全文
摘要:今天uni-app发布了一个体验版本, 但是我发现扫码登录后; 非常的卡顿在授权登录的时候; 但是在我的模拟器开发的时候, 是非常的流畅的。 没有一点儿的卡顿; 在真机上预览的时候也是非常的流畅的; 解决方法: 开发版本和正式的版本还是有很大的区别的; 你需要将 打开试开启; 否者会非常的卡顿; 打
阅读全文
摘要:在项目下创建一个文件夹https 然后在文件夹下面创建两个文件api.js request.js api.js 用于存放项目的请求接口 request.js 用于存放封装的请求接口get post 在static下创建文件appConfig.js 这个文件用于配置项目的配置项或者说是配置开关 可以配
阅读全文
摘要:我们经常会遇见列表; 但是今天却发现下拉的时候; 无法触发onReachBottom事件; 原来是因为列表内容嵌套出现问题; 导致onReachBottom事件无法被触发 记住:列表内容如果是组件;外层不需要再包裹一层 错误的嵌套, 组件外层嵌套导致无法触发onReachBottom事件; <vie
阅读全文
摘要:我们都知道,只用用户触发change事件的时候,我们才知道,用户选择的是哪一个值; 如何用户没有触发change事件,我们压根就不知道用户选择的是哪一个值; 那么什么时候,用户不会触发change事件了? 就是在用户选择第1个值的时候;就点击了确认; 那么此时就不会去触发change事件 解决办法:
阅读全文
摘要:今天我在使用picker-view的时候,发现无法给picker-view给一个默认值;后面经过发现后; 才知道到,是一个异步问题; 1==>动态循环出来的数据,在data中直接循环,不要在return中去写,否者可能不会出现自己定义展示的默认值; 2==》根据官网的描述,:value="valie
阅读全文
摘要:今天遇见一个问题,在使用picker-view的时候; 出现我选择的值和输出的值不一致; 经过与官方的demo做对比发现; 官方是实时的将值从组件中向上抛出去; 值是从change事件传递出去的 而我为了减少实时的想父组件传递值; 我将这个值存起来了的; 在用户点击确认的时候; 我才向上将值抛出去;
阅读全文