微信小程序中 wxs的使用

亦凉 2023-06-16 04:52 3阅读 0赞

本文简单介绍一下 在开发微信小程序中 怎么使用wxs 首先建个wxs的文件夹 文件夹下有个 format.wxs  
![在这里插入图片描述][20191124153139829.png]  
fromat.wxs里代码：

// 处理价钱格式 保留小数
    function priceFormat(price,number){ 
      var number=number||2;
      // 处理字符串
      var f_price=parseFloat(price)
    
      return f_price.toFixed(number) 
    }
    
    // 处理时间格式
     var dateFormat = function (timestamp,format){ 
       if(!format){ 
         format ="yyyy-MM-dd hh:mm:ss";
       }
       timestamp=parseInt(timestamp*1000);
       var realDate=getDate(timestamp);
       function timeFormat(num){ 
         return num<10? '0'+ num : num;
       }
       var date=[
         ["M+",timeFormat(realDate.getMonth()+ 1)],
         ["d+",timeFormat(realDate.getDate())],
         ["h+",timeFormat(realDate.getHours())],
         ["m+",timeFormat(realDate.getMinutes())],
         ["s+",timeFormat(realDate.getSeconds())],
         ["q+",Math.floor((realDate.getMonth()+3)/3)],
         ["S+",realDate.getMilliseconds()],
       ];
       var regYear=getRegExp("(y+)","i");
       var reg1= regYear.exec(format);
       if(reg1){ 
         format =format.replace(reg1[1],(realDate.getFullYear()+"").substring(4-reg1[1].length));
       }
       for(var i =0;i<date.length;i++){ 
         var k =date[i][0];
         var v = date[i][1];
         var reg2=getRegExp("("+ k + ")").exec(format);
         if(reg2){ 
           format= format.replace(reg2[1],reg2[1].length==1?v:("00" +v).substring((''+v).length));
         }
       }
       return format;
     }
    //这里是将两个函数导出
    module.exports={ 
      priceFormat: priceFormat,
      dateFormat: dateFormat
    }

这里是有两个小例子 第一个函数是处理价钱后面保留小数 ，第二个函数是处理时间戳转为日期格式  
接下来那里要用 就在那里引用：

<wxs src="../../wxs/format.wxs" module="format"/>
    
    <view>{ { format.priceFormat(price, 3)}}</view>
    <view>{ { format.dateFormat(time, "yyyy-MM-dd hh:mm:ss")}}</view>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ1MDQzMTA1_size_16_color_FFFFFF_t_70]

[20191124153139829.png]: https://img-blog.csdnimg.cn/20191124153139829.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ1MDQzMTA1_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191124153852483.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ1MDQzMTA1,size_16,color_FFFFFF,t_70