wxs语法运用

WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。WXS 代码可以编写在 wxml 文件中的 <wxs> 标签内,或以 .wxs 为后缀名的文件内。这里说下.wxs文件:

1. 新建.wxs文件,并在其中写入需要在wxml中使用的函数,并暴露:

// 秒转分钟
var turnMin = function (s) {
  s = Number(s);
  if (isNaN(s)) {
    return 0;
  }
  var min = (s/60).toFixed(2);
  return min;
}

//保留2位小数,如:2,会在2后面补上00.即2.00 
var fixed = function toDecimal2(x) {
  var f = parseFloat(x);
  if (isNaN(f)) {
    return '0.00' ;
  }
  var f = Math.round(x * 100) / 100;
  var s = f.toString();
  var rs = s.indexOf('.');
  if (rs < 0) {
    rs = s.length;
    s += '.';
  }
  while (s.length <= rs + 2) {
    s += '0';
  }
  return s;
}  

module.exports = {
  fixed: fixed,
  turnMin: turnMin
};

2. 需要使用的wxml文件中引入使用:

<wxs src="../../utils/wxs/convert.wxs" module="tools" />
// 每个 wxs 模块均有一个内置的 module 对象; exports: 通过该属性,可以对外共享本模块的私有变量与函数。

<text class='font-36 info-color line-70'>{{tools.turnMin(customerStatistics.browseTimeLength) || 0}}</text>

猜你喜欢

转载自www.cnblogs.com/qlongbg/p/11889132.html
wxs