1. 创建 WXS 模块文件(推荐单独存放)
在项目目录下新建 utils.wxs 文件,编写时间转换逻辑:
// utils.wxs
module.exports = {// 将毫秒转换为分钟(保留1位小数)convertToMinutes: function(ms) {if (typeof ms !== 'number') return '0.0'return (Math.round(ms / 60000 * 10) / 10).toFixed(1)},// 将秒转换为分钟(保留1位小数)convertSecondsToMinutes: function(seconds) {if (typeof seconds !== 'number') return '0.0'return (Math.round(seconds / 60 * 10) / 10).toFixed(1)}
}
2. 在 WXML 中引入 WXS 模块
在需要使用的 WXML 文件中,通过 标签引入模块:
<!-- 页面.wxml -->
<wxs src="../../utils.wxs" module="timeUtils" /><!-- 示例:显示转换结果 -->
<view><!-- 转换毫秒(如 90000ms = 1.5分钟) --><text>90000ms = {{timeUtils.convertToMinutes(90000)}}分钟</text><!-- 转换秒(如 150秒 = 2.5分钟) --><text>150秒 = {{timeUtils.convertSecondsToMinutes(150)}}分钟</text>
</view>
3. 直接内联 WXS 代码(可选)
如果不想单独创建文件,也可以直接在 WXML 中内联 WXS:
<wxs module="timeUtils">module.exports = {convertToMinutes: function(ms) {if (typeof ms !== 'number') return '0.0'return (Math.round(ms / 60000 * 10) / 10).toFixed(1)}}
</wxs><!-- 调用方式相同 -->
<text>{{timeUtils.convertToMinutes(120000)}}</text>
4. 动态数据绑定(结合 JS)
如果需要转换动态数据,在 Page 的 JS 中定义数据,通过 {{}} 绑定:
// 页面.js
Page({data: {durationMs: 90000, // 毫秒durationSec: 150 // 秒}
})
<!-- 页面.wxml -->
<text>动态毫秒值:{{timeUtils.convertToMinutes(durationMs)}}分钟</text>
<text>动态秒值:{{timeUtils.convertSecondsToMinutes(durationSec)}}分钟</text>