微信小程序——wxs模块的使用

WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。

注意：

只能引用 .wxs 文件模块，且必须使用相对路径。

举例：

demo.wxml文件

<wxs src="../../utils/wordSplit.wxs" module="m1"/>
<view>{{m1.wordSplit(myText)}}</view>
<view>{{m1.unitFormat(number)}}</view>

demo.js文件

  data: {
    myText: '我的文字文字文字',
	number: 12345
  }

wordSplit.wxs文件

// 当字符串长度大于４的时候，截取， 并用省略号表示
var wordSplit = function (word) {
  if (word.length > 4) {
    word = word.substring(0, 4) + '...'
  }
  return word
}
// 当数字大于1000， 取整，保留一位小数， 用 K表示 
var unitFormat = function (number) {
  if (number > 1000) {
    number  = (number/1000).toFixed(1)  + 'K'// 小数取整， 保留一位
  }
  return number
}

// wordSplit 为函数名
module.exports.wordSplit = wordSplit
module.exports.unitFormat = unitFormat