小程序----WXML之WXS页面内脚本

wxs页面内脚本,在渲染层做数据处理。

wxs是小程序的一套脚本语言,结合wxml,可以构建出页面的结构。wxs可以用来写一些函数,辅助做一些渲染层的数据处理。

wxs模块:wxs代码可以编写在wxml文件中的<wxs>标签内,也可以写在以.wxs为后缀名的文件中。每个模块都有自己独立的作用域,需要使用【module.export={xxx:xxx}】导出模块,引入【<wxs module=tool src=tool.wxs />】

案例如下:

页面输出结果展示】                                                              【js文件

          

【wxml文件】

num.toFixed(2):将数字num保留两位小数点

<text>wxs模块的使用</text>
<view>{{num1}}</view>
<view>{{num1>1000 ? num1/1000+'k':num1}}</view>
<view>{{numTool.parseNum(num1)}}</view>
<view>{{numTool.parseNum(num2)}}</view>



<wxs module="numTool">
function parseNUm(num){
  if (num < 1000){
    return num
  } 
  if (num >= 1000 && num < 10000){
    return (num / 1000).toFixed(2)  + "k"
  } 
  if (num>=10000){
   return (num / 10000).toFixed(2) + "w"
  }
}
module.exports={
  parseNum:parseNUm
}
</wxs>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值