小程式學習 wxml頁面擷取字串

最近專案中。由於佈局問題不能用css樣式去控制超出一行的字。所以，只能是擷取字串。把方法記錄一下。

1. 需要先建一個.wxs模組。可以是新建一個單獨的檔案，也可以直接在檔案裡新建.wxs

   

2. .wxs裡面寫的就是擷取字串的方法
   
   var Sub = function (val) {
   if (val.length == 0 || val == undefined)
    {
      return;
    } 
    if (val.length > 10) 
    {
      return val.substring(0, 10) + "...";
    } 
    else {
     return val;
    }
   }
   //exports: 透過該屬性，對外共享本模組的私有變數與函式。
   module.exports.Sub=Sub;

3. 每個 wxs 模組均有一個內建的 module 物件。
   在需要使用的page頁面以如下方式進行引用
   
   <!-- 引入wxs指令碼 -->
   <wxs module="hotel" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="../hotelList/hotelList.wxs"></wxs>
   
   <!-- 透過自定義的module名稱tools引用sub擷取方法 -->
   {{hotel.Sub(item.MechanismAddress)}}

   
   

4.