微信小程序
微信小程序工作笔记
喔烨鸭
没追求的低端码农
展开
-
微信小程序判断文件是否为图片的方法,以及根据不同字段返回不同内容,时间进行转换
formatSX(item){ let title=""; switch(item){ case 1 : title ="制定和修改业主大会议事规则" ;break; case 2 : title ="制定和修改管理规约" ;break; case 3 : title ="制定物业服务内容、标准以及物业服务收费方案" ;break; case 4 : title ="选聘和解聘物业服务企业" ;break; c原创 2020-11-17 09:32:16 · 1671 阅读 · 0 评论 -
微信小程序三级联动,三列形式
wxml:<!--pages/category/category.wxml--><view class="container"> <scroll-view class='nav_left' scroll-y='true'> <block wx:for="{{cateItems}}" wx:key="{{index}}"> <view class="nav_left_items {{curNav==item.value?'ac.原创 2020-10-25 00:20:01 · 772 阅读 · 0 评论 -
微信小程序三级联动,非微信自带picker类型
这里写的暂时不是一个组件,可以当做参考。如果有小伙伴有其他更好的解决方案或者优化地方可以提出来,效果如下:wxml:<view class=""> <view class="animation-button" bindtap="translate">地址:{{contentadd}}</view> <view class="float {{isRuleTrue?'isRuleShow':'isRuleHide'}} "> <view原创 2020-10-24 14:15:42 · 190 阅读 · 0 评论 -
微信小程序实现WXML中直接处理数据,并且保留两位小数
1.新开一个页面,叫addmul.wxs,写入下面的函数等内容var filters = { //百分比数据 Percentage: function(number1,number2){ return (Math.round(number1/(number2)*10000)/100.00+"%") }}module.exports = { Percentage: filters.Percentage}2.在需要处理数据的地方引入3.如果有循环的数据直接将数据带原创 2020-10-19 16:27:09 · 1593 阅读 · 0 评论 -
微信小程序用户提交信息成功后,点击左上角返回仍然可以看到历史填的数据,如何让用户点击返回上一页面看不到之前的数据
小程序虽然是一个页面跳一个页面,但不是只有wx.navigateTo这种,wx.navigateTo是有左上角返回的按钮的,用户点击可以返回上一页,如果表单数据也用wx.navigateTo跳转的话,到了提交成功页面,点击左上角返回,会跳转上以页面提交的信息那里,用户提交成功后是不能返回后看到这个信息使用wx.redirectTo(关闭当前页面,跳转到应用内的某个页面)可以解决上述该问题一定要看清楚具体哪个页面跳转哪里,我之前页面写过wx.redirectTo,但是点击返回还是出现历史天国的信息,后来原创 2020-10-19 13:01:54 · 2225 阅读 · 0 评论 -
微信小程序点击左侧列表显示右侧内容
wxml<view class='warp'> <view class='list'> <view class='style {{item.id==num?"active":""}}' catchtap='clickList' wx:for="{{message}}" wx:key="" id="{{index}}">{{item.text}}</view> </view> <view> <vie原创 2020-10-18 22:27:51 · 1967 阅读 · 1 评论 -
微信小程序写选择题类型
本人拿到的需求是投票类型,所以数据是后端传过来的数据,类似选择题也可以参考此方法,但是如果是一个页面只展示一个的这种就不适用。效果图:<view class=""> <view wx:for="{{ITEMSLIST}}" wx:key="index" class="guiyue-item" > <view class="guiyue-item-title"> <view&原创 2020-10-18 22:17:36 · 3568 阅读 · 0 评论 -
微信小程序点击单个图片进行预览图片,点击预览pdf文件
这里介绍的是单个图片点击预览的,也可以多张,方法差不多index.wxml<view class="page"> <view class="page__hd"> <text class="page__title">image</text> <text class="page__desc">图片</text> </view> <view class='imgList'>原创 2020-09-25 10:30:57 · 1718 阅读 · 2 评论 -
微信小程序循环数据,组件使用,block标签使用场景,简易分包
本篇是介绍大致会出现的循环数据结构类型,有更深层次的可以单独取出来进行循环处理废话不多说,上代码:index.wxml<view class="page"> <view class="title">各种循环</view> <!-- 第一种 --> <view class="one"> <view wx:for="{{arr}}">{{item}}</view> </view>原创 2020-09-25 12:17:25 · 1333 阅读 · 0 评论