Advertisement

微信小程序·样式WXSS与WXS语法

阅读量:

1. 样式wxss - rpx

rpx 实际上等同于 rem,在生成响应式网页时会根据不同的屏幕分辨率自动调整大小。

(设计稿一般选用iphone6的)

2. wxs语法 - 模块化思想

为了满足需求,在传入一个具体的 timestamp 时,
能够实现将其转换为可读的具体时间。
基于 Vue 的理念,
我们可以直接动态地计算属性值。
例如,在代码中定义一个函数 {{ getDate() }} 来执行该计算。
其中返回的是对应的可读的时间字符串。

但在微信小程序中,在这种情况下它是不行的。具体来说,
它无法在{}范围内直接访问Page中的功能,
因此我们需要思考如何才能实现这一功能呢?
必须依赖其他wx模块来完成这一功能,
而不是直接访问Page中的内容,
从而体现出wx模块化的设计理念。

设置一个通过 module.exports 导出模块:

复制代码
 // date.wxs 新建模块

    
 function handleDate(startTime){
    
  return getDate(startTime)
    

全部评论 (0)

还没有任何评论哟~