小程序——wxs

wxs:weixin script
产生背景:wxml只能通过Mustache语法写一些表达式,无法主动调用方法
主要作用:写一些函数,辅助做一些渲染层的数据处理;如格式化日期,截取字符串
官网:https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/02variate.html
可以在wxml页面写wxs,也可以单独写一个wxs文件
wxml

<text>{{tool.tstfunc()}}</text>
<!-- wxs -->
<wxs module="tool">
  function tst(){
  console.log("test");
    return "test"
  }
  module.exports={
    tstfunc:tst
  }
</wxs>

单独写好wxs文件,在wxml调用

<text>{{numTool.parseNum(15152)}}</text>
<wxs module="numTool" src="tool.wxs" />
function parseNum(count) {
  if(count<1000){
    return count;
  }
  if(count>=1000 && count <10000){
    return (count/1000).toFixed(1)+"k"
  }
  if (count >= 10000) {
    return (count / 10000).toFixed(1) + "w"
  }
}
module.exports = {
  parseNum: parseNum
}

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值