微信小程序：用wxs进行过滤处理

WXS 与 JavaScript 是不同的语言,有自己的语法,并不和 JavaScript 一致

新建一个filter.wxs文件

var unit = {// 将分转为元并保留两位小数moneyFilter: function (val) {if (!val) returnval /= 100;return val.toFixed(2);},// 对手机号进行星号处理phoneFilter: function (val) {if (!val) returnreturn val.substring(0, 3) + '****' + val.substring(7);},// 将名字进行星号处理nameFilter: function (val) {if (!val) returnvar a = []for (var i = 0; i < val.length; i++) {a[i] = ''}val = val.substring(0, 1) + a.join('*')return val},// 对总金额进行过滤totalFilter: function (val) {if (!val) returnvar total = 0;for (var i = 0; i < val.length; i++) {val[i].Price /= 100;total += val[i].Price || 0;}return total.toFixed(2);},// 对支付状态进行过滤payStutas: function (val) {// if (!val) returnvar store = [{ id: 0, text: '待付款', color: '#00b578' },{ id: 1, text: '待支付', color: '#00b578' },{ id: 2, text: '超时', color: '#ff976a' },{ id: 3, text: '用户取消', color: '#a9a9ad' },{ id: 4, text: '支付成功', color: '#007AFF' },{ id: 5, text: '正在付款', color: '#07c160' },{ id: 6, text: '退款', color: '#ff976a' },{ id: 7, text: '冻结', color: '#323233' },{ id: 9, text: '商家取消', color: '#a9a9ad' },]for (var i = 0; i < store.length; i++) {if (val == store[i].id) return store[i]}},// 将时间戳转为 / 形式timeFilter: function (val) {if (!val) returnvar date = getDate(parseInt(val));var year = date.getFullYear()var month = date.getMonth() + 1var day = date.getDate()var hour = function () {if (date.getHours() < 10) {  //补‘0’return '0' + date.getHours()}return date.getHours();}var minute = function () {if (date.getMinutes() < 10) {return '0' + date.getMinutes()}return date.getMinutes();}var second = function () {if (date.getSeconds() < 10) {return '0' + date.getSeconds()}return date.getSeconds();}return year + '/' + month + '/' + day + ' ' + hour() + ':' + minute() + ":" + second();},
}
module.exports = {moneyFilter: unit.moneyFilter,phoneFilter: unit.phoneFilter,nameFilter: unit.nameFilter,timeFilter: unit.timeFilter,totalFilter: unit.totalFilter,payStutas: unit.payStutas,
}

引用

<wxs src="../../utils/filter/filter.wxs" module="filter" />
<text style="color:{{filter.payStutas(item.PayStatus).color}}">{{filter.payStutas(item.PayStatus).text}}
</text>
<text>￥{{filter.moneyFilter(detItem.Price)}}</text>

微信小程序：用wxs进行过滤处理相关推荐

微信小程序使用.wxs在.wxml中分割字符串渲染多条数据
在开发微信小程序的项目中,由于接口中有一个字段的值以符号作为分隔,存放了多个value需要在前端展示(例如下图中的good_field字段). 需求效果图首先这是一个循环渲染出来列表,我无法在这整个 ...
微信小程序的wxs用法
意义微信小程序不允许在行间运行复杂的处理逻辑(...) 行间里面很多函数都不能用就很不方便 wxs的两种用法直接写到wxml中像这样 <view wx:for="{{liveC ...
微信小程序中 wxs的使用
本文简单介绍一下在开发微信小程序中怎么使用wxs 首先建个wxs的文件夹文件夹下有个 format.wxs fromat.wxs里代码: // 处理价钱格式保留小数 function pric ...
微信小程序中wxs文件的用法
微信小程序中的wxs文件,大家或多或少都有见过,但怎么使用呢?在项目开发中又能给我们带来什么便捷和解决什么问题呢?借助一个案例为大家介绍具体用法. 一.什么是wxs文件及wxs文件有什么作用 wxs相 ...
【微信小程序】WXS 脚本
概述 1.1.什么是WXS WXS(WeiXin Script)是小程序独有的一套脚本语言,结合WXML,可以构建出页面的结构. 1.2.WXS的应用场景 WXML中无法调用在页面的.js中定义的函数 ...
微信小程序-利用wxs脚本实现姓名、手机号、身份证号中间带星显示
WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构.WXS 与 JavaScript 是不同的语言,有自己的语法,并不和 JavaScript 一致.详情 ...
【微信小程序】wxs如何调试？
在wxs中打印,字符串化并在前面添加变量类型,同时添加时间戳避免因重复而被过滤,使输出更佳清晰直观. function wxsLog() {var j = arguments.lengthvar li ...
微信小程序用wxs实现手机号码用****代替
页面结构创建了verify.wx文件 verify.wxs /*** 处理字符串为*格式, 中间显示自定义*号* str 需要处理的字符串* startLength 前面显示的字符串长度* endL ...
微信小程序之wxs页面使用正则表达式
需求: 判断用户昵称是否为手机号,若为手机号,则中间四位用****隐藏显示我是把它写在了wxs页面,再在显示界面导入方法调用 js状态下使用正则(❌错误写法): var telEncrypt = f ...
微信小程序5-真机测试
微信小程序1-小程序基础,开发工具安装使用微信小程序2-WXSS,WXS 微信小程序3-小程序生命周期和组件微信小程序4-小程序的api 1.打开小程序开发工具 1).点击真机调试 2).用微信扫 ...

微信小程序：用wxs进行过滤处理

微信小程序：用wxs进行过滤处理相关推荐

最新文章

热门文章