wxs封装

wxs可以直接写在wxml页面中，并且在对应的位置调用，比如在{ { xxx.xxx() }}调用wxs的函数

 第{ {m1.getMax(1)}}天 var getMax = function(index) {  if(index == 1){  return '一'  } else {  return '二'  }  }  module.exports = {getMax : getMax}; // 导出getMax方法

注意

var getMax这个位置只能使用var

封装

1、在小程序的根目录新建一个wxs文件夹，内部新建文件，文件扩展名wxs。这里新建一个getMax.wxs文件举例。

2、在num.wxs文件中写入方法

var getMax = function(index) {  if(index == 1){  return '一'  } else {  return '二'  }  }  module.exports = {getMax : getMax}; // 导出getMax方法

3、在wxml页面中引入

// 在页面中使用 module名.方法名() 第{ {getMax.getMax(index + 1)}}天// 引入getMax.wxs

js公共组件封装

此处演示时间戳转时间的封装：

封装js

新建封装的js

function timeExChange(time){  // 时间戳  let timestamp = time  let date = new Date(parseInt(timestamp) * 1000 );  let Year = date.getFullYear();  let Moth = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1);  let Day = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate());  let Hour = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours());  let Minute = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes());  let Sechond = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());  let GMT = Year + '-' + Moth + '-' + Day + ' '+ Hour +':'+ Minute + ':' + Sechond;   return GMT  } // 此处要使用微信小程序的模板导出，es6导出会报错 module.exports = {  timeExChange: timeExChange };

页面使用

在需要使用的js中引入

import { timeExChange } from '../TimeExchange/time' let time = timeExChange(1662537367) console.log(time ) // 2022-09-07 15:56:07