微信小程序中 wxs的使用

本文简单介绍一下 在开发微信小程序中 怎么使用wxs 首先建个wxs的文件夹 文件夹下有个 format.wxs

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
}

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

<!--pages/about/about.wxml-->


<!-- wxs 应用 -->
<wxs src="../../wxs/format.wxs" module="format"/>

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