微信小程序 wxs的使用 模板的使用

本文介绍了WXML和WXS在微信小程序中的使用,包括一个用于格式化时间的WXS模块示例,展示了如何将日期转换为指定格式的字符串。同时,还提供了一个模板示例,用于展示消息项,包含时间和内容信息。此外,还提及了模板和样式的应用。
摘要由CSDN通过智能技术生成
<wxs module="timer">
  var time = function(value) {
    var date = getDate(value);
    var year = date.getFullYear()
    var month = date.getMonth()+1
    var day = date.getDate()
    var hour = date.getHours()
    var minute = date.getMinutes()
    var second = date.getSeconds()
    return [year,month,day].map(fn).join('-')+' '+[hour,minute,second].map(fn).join(':')
     function fn(n) {
      n = n.toString()
      return n[1] ? n : '0' + n
    }
  }
  module.exports = {
    time: time
  };
 // module.exports.time= time;
</wxs>
{{timer.time(item.createTime)}}
-------------------------------------------------------
//wxs 文件
var format = function(value = 0, value1 = 0) {
  return value * 1 + value1 * 1
};
var number = function(value) {
  var num = value * 0.02586
  return num.toFixed(2)
};

module.exports = {
  format: format,
}
//引用
<wxs module="format" src="../../../utils/util.wxs"></wxs>
format.format ()

模板

<template name="msgItem">
  <view>
    <text> {{index}}: {{msg}} </text>
    <text> Time: {{time}} </text>
  </view>
</template>
<template is="msgItem" data="{{...item}}"/>

//------------------------------------------------------------------------------------

<template name="line">
  <view class="case-line" bindtap="a">
    <view>
      <view class="line-head">血压监测报告
        <text>2018-10-9 10:24:56</text>
      </view>
      <view class="line-description">内容备份内容备份内容内容备份内容备份内容内容备份内容备份内容内容备份内容备份内容内容备份内容备份内容</view>
    </view>
    <text class="iconfont icon-iconfontarrowright"></text>
  </view>

</template>

应用

<!-- <import src ="/template/template.wxml"/> -->

 <!-- <template is="line" ></template> -->
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

web修理工

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值