target:实际触发事件的节点 currentTarget:绑定事件的节点
currentTarget和target?[图片][图片][图片] 做了一个小demo,把currentTarget换成target为什么不行呢?还有就是定义的item为什么指向了页面的data,修改item就可以修改data的数据?
2021-03-19wait:'../../source/wait.gif?k=' +Math.random()
安卓 image组件下 gif不支持动态渲染<image src='{{wait}}'> </image> 当路径为本地图片的时候使用 this.setData({ wait:'../../source/wait.gif' +math.random() }) 测试了两款安卓机型 小米 和 华为P8 不支持 动态渲染 图片资源,但是苹果和PC段都可以
2021-03-18this.setData
页面数据渲染不出来,怎么回事?js: [图片] wxml [图片] 当前页面从数据库获取到的数据 [图片] 模拟器的状态 [图片] 理论上应该把数组里面的视频地址,加载到视频组件的sec里面啊,应该有视频显示,可是为什么没有视频内容
2021-03-18let text = this.data.text let item = text[text.length - 1] if(item) { this.setData({newid: item.id}) }
怎么把多层数组中的值取出来,赋值给data里面的变量?假设我现在有一个数组text,里面还是数组,怎么把最里面的一个值拿出来,赋值给别的变量。如: text{ {name,id} {name,id} {name,id} } data{ newid, text } 怎么样把text中的id,赋值给data中的newid
2021-03-18iOS 底部margin无效
关于安卓能滑到底部 但是ios不可以?[图片] 这张图是ios的 [图片] 这张是ios的 [图片] 这是page的代码
2021-03-17到底之后 滑动的是页面。。你把页面滑动禁止了就不会滑了
苹果scroll-view滑动至底部,再上滑会出现整个页面滑动,scroll-view列表无法滑动?有没有大佬遇到这个问题, IOS 中 页面分为 左边导航右边列表,列表使用 scroll-view,高度为 100%,当列表滑动到底部之后,继续上划出现整个页面都跟着上滑,放开手指再往回划 scroll-view 列表后也是整个页面一起滑动,要过一会 scroll-view 才会恢复正常,如下视频 [视频]
2021-03-17有点多。。如果没有一次滑一片的需求的话,可以只渲染3个,然后每次滚动都去设置列表和当前项
swiper组件数据加载慢怎么办?用swiper在页面上渲染数据非常慢,数组长度75就渲染的很慢,求教有没有办法优化体验 [图片]
2021-03-09<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> </head> <body> <div id="app"> <div class="title-column"> <div class="title">时段</div> <!-- <div class="mark" wx:for="{{end-start+1}}" wx:key="$this"> --> <div class="mark" v-for="(lst,index) in (end-start+1)"> <div class="mark-start"> <div class="mark-label">{{lst+start}}</div> <div class="mark-line"></div> </div> </div> </div> <div class="value-column" v-for="(obj,index) in list"> <!-- <div class="title">{{obj[0].label}}</div> --> {{obj.label }} <div class="value" :class="[hasValue(obj.values, pot+start)?'has-value':'not-has-value']" v-for="(pot,index) in (end-start+1)" :key="pot"> </div> <!-- <div :class="value {{ }}" v-for="(lst,index) in end-start+1" v-for-lst="hour" :key="$this"> </div> --> </div> </div> <script type="text/javascript"> new Vue({ el: '#app', data: { start: 6, end: 24, test: [1, 2, 3], list: [{ label: "今天", values: [7, 8, 9, 20, 21] }, { label: "昨天", values: [10, 11, 12, 13, 14] }, ] }, methods: { hasValue(values, value) { return values.indexOf(value) != -1 } } }); </script> <style> .title-column { display: flex; height: 60px; line-height: 60px; font-size: 18px; border-bottom: 1px solid #333; } .title { width: 100px; flex-shrink: 0; text-align: center; } .mark { flex: 1 0 0; position: relative; } .mark-start { position: absolute; left: 0; width: 0; display: flex; flex-direction: column; align-items: center; } .mark-line { width: 1px; height: 4px; background-color: #333; position: absolute; bottom: 0; } .mark:nth-child(2n+1) .mark-label { opacity: 0; } .mark:nth-child(2n+1) .mark-line { height: 2px; } .value-column { display: flex; align-items: center; height: 40px; line-height: 40px; font-size: 18px; } .value { flex: 1 0 0; height: 30px; } .has-value { background-color: #aaa; } .not-has-value { background-color: red; } .value:last-child { background-color: transparent; } </style> </body> </html>
条形图?<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> </head> <body> <div id="app"> <div class="title-column"> <div class="title">时段</div> <!-- <div class="mark" wx:for="{{end-start+1}}" wx:key="$this"> --> <div class="mark" v-for="(lst,index) in end-start+1"> <div class="mark-start"> <div class="mark-label">{{lst+start}}</div> <div class="mark-line"></div> </div> </div> </div> <div class="value-column" v-for="(obj,index) in list"> <!-- <div class="title">{{obj[0].label}}</div> --> {{obj.label }} <div :class="value {{hasValue(item.values, hour+start)?'has-value':'not-has-value'}}" v-for="(pot,index) in end-start+1" :key="$this"> </div> <!-- <div :class="value {{ }}" v-for="(lst,index) in end-start+1" v-for-lst="hour" :key="$this"> </div> --> </div> </div> <script type="text/javascript"> new Vue({ el: '#app', data: { start: 6, end: 24, test: [1, 2, 3], list: [{ label: "今天", values: [7, 8, 9, 20, 21] }, { label: "昨天", values: [10, 11, 12, 13, 14] }, ] }, // Vue.filter('my-filter', function (value) { // // 返回处理后的值 // }) }); // <wxs module="util"> // function hasValue(values, value) { // return values.indexOf(value) != -1 // } // module.exports.hasValue = hasValue // </wxs> </script> <style> .title-column { display: flex; height: 60rpx; line-height: 60rpx; font-size: 18rpx; border-bottom: 1px solid #333; } .title { width: 100rpx; flex-shrink: 0; text-align: center; } .mark { flex: 1 0 0; position: relative; } .mark-start { position: absolute; left: 0; width: 0; display: flex; flex-direction: column; align-items: center; } .mark-line { width: 1px; height: 4px; background-color: #333; position: absolute; bottom: 0; } .mark:nth-child(2n+1) .mark-label { opacity: 0; } .mark:nth-child(2n+1) .mark-line { height: 2px; } .value-column { display: flex; align-items: center; height: 40rpx; line-height: 40rpx; font-size: 18rpx; } .value { flex: 1 0 0; height: 30rpx; } .has-value { background-color: #aaa; } .not-has-value { background-color: red; } .value:last-child { background-color: transparent; } </style> </body> </html>
2021-03-08text2audio
小程序如何实现语音播报的功能?类似于收款后语音播报小程序如何实现语音播报的功能?类似于收款后语音播报
2021-03-05贴下你代码或者做个代码片段呢
picker-view的开发问题 如何在变化是保存已选择时间 如图?[图片][图片] [图片] 求思路 代码片段 https://developers.weixin.qq.com/s/Nmt0OzmH7AoU
2021-03-05