小程序
hcq29
29的前端之路
展开
-
【小程序】wx:for=""下对多维数组的遍历,并根据data-key值改变相应的样式
一维数组的遍历并更改样式在这里首先在JS中创建一个一维数组还有一个旗子:data: { choose_items: [ '橙子', '苹果', '香蕉', '西瓜', '草莓', '葡萄' ], current_item: 0, },在wxml中遍历数组: <view bindtap='clicked' wx:for="{{choo...原创 2019-04-21 17:33:30 · 3937 阅读 · 0 评论 -
【小程序】对二维数组中的某一个对象进行排序
为了方便而不出差错,利用自己最熟悉的方法,冒泡排序。用我写的一个小程序为例子,产生以下的一个lists数组可见事件的事件是无序的,对时间进行排序从而将整个数组进行排序for(var j = 0 ; j < lists.length; j++){ for(var k = 0 ; k < lists.length-1-j ; k++){ if (...原创 2019-04-14 10:21:44 · 1848 阅读 · 3 评论 -
【小程序】absolute布局防止冒泡事件,点击按钮后出现view弹框还有自定义的遮罩层,点击遮罩层弹框消失
在很多情况下,出于人的习惯,喜欢在非选择或编辑的情况下,喜欢点击遮罩层使弹出框隐藏,下面自定义一个弹出框,其实就是将一个view标签的内容显示出来。具体效果如下:点击按钮时(查看某个具体内容)会弹出一个带有遮罩层的弹出框,上面的内容赋予的点击事件不会因为下层的遮罩层的点击事件产生冒泡行为。只有点击外层可见的遮罩层或者弹框内自定义的弹框消失按钮才会消失。代码如...原创 2019-04-27 16:21:22 · 2075 阅读 · 0 评论 -
【小程序】点击查看图片 wx.previewImage
wx.previewImage(Object object)在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作。官方文档例子:以下是对一张图片的预览data: { photo: ''}//后续将要查看的图片赋值给photopreviewImg: function (e) { var photo = [this.data....原创 2019-05-15 18:38:46 · 3454 阅读 · 0 评论 -
【小程序】本地图片未加载成功的情况 Failed to load local image resource /pages/XXX/
在开发小程序的时候,发现在加载图片时并没有异常,但是后台却报错了。例如以下我的一段代码:<image bindtap="chooseImg" class='photo' src='{{photo}}'></image>这里的{{photo}}是JS传进来的一个变量,但是在显示某个框框的时候将photo的值设为一个路径值,即在选择图片的时候,会因为其路径并不是在...原创 2019-05-11 19:29:04 · 51180 阅读 · 15 评论 -
【小程序】点击评论弹出输入框,自定义输入框,防止遮盖。
一、目的解决输入框被遮盖问题自定义输入框样式二、前期效果.commentInputView{ width: 100%; background-color: rgba(204, 204, 204, 0.61); padding: 4%; position: fixed; display: flex; justify-content: space-betw...原创 2019-05-12 16:41:24 · 7688 阅读 · 2 评论 -
【小程序】图片加载时出现拉扯感,抖动感。
现象当我们在写入图片标签时,为了方便喜欢在wxml里面写入css样式,比如以下<view> <image src='/images/BILIBILI_LOGO.png' mode="widthFix" style="width:140rpx; height:60rpx;"></image></view>在页面加载的时候,首先加载...原创 2019-08-30 14:20:15 · 1758 阅读 · 3 评论