1. 样式wxss - rpx
rpx 和 rem 其实一样,做自适应的响应式页面的,根据不同的屏幕宽度,自动变更尺寸
(设计稿一般选用iphone6的)
2. wxs语法 - 模块化思想
首先有个需求,就是根据传入一个时间戳,实现将时间戳转换为具体时间的功能,那么如果用 Vue 的思想的话,我直接计算属性,比如 { { getDate( ) }} 这个 getDate 为计算属性,里面 return 了时间戳的显示
但是在微信小程序中,它不支持你这样,它不支持在 { { }} 中去调用 Page 中的函数,那么如何去实现这样的调用功能呢,只能通过去调用其他 wxs 模块的函数,而不是调用 Page 中的函数,从而引入 wxs 的模块化思想
设置一个通过 module.exports 导出模块:
// date.wxs 新建模块
function handleDate(startTime){
return getDate(startTime)
}
module.exports = handleDate
然后在 wxml 中 引入模块:<