小程序03

WXSS&&WXML&&WXS

小程序03
小程序03
内联》页内》全局

css选择器

小程序03
选择器权重
小程序03

尺寸单位

小程序03
适配,在iphone6,1px=2rpx小程序03
小程序03

如果CSS太多,可以抽取出来再导入

小程序03
也可全局配置
小程序03
在哥哥页面都可以导入

官方样式库

https://github.com/Tencent/weui-wxss小程序03
引入的话得引入wxml,wxss,js等等

Mustache语法

小程序03
小程序03

可以绑定属性,通过{{isactive?‘active:’’}}绑定,而vue里是通过v-bind:class={active:isactive}来绑定

逻辑判断

小程序是:wx-if,vue是v-if
小程序03
小程序03
两者的区别,hidden隐藏的时候,组件是存在的,而wx:if隐藏是,是不存在的.
选择:切换频率很高时,就要用hidden,低的时候就选择wx:if

列表渲染

小程序03
小程序03
小程序是wx:for="{{遍历的东西}}" {{item}} vue是v-for="(item,index) in 遍历的东西" {{item}}

block标签

block只是把组件包裹起来,不存在,不会创建组件
小程序03
小程序03
小程序03

给item,index起名字

wx:for-item=‘别名’,wx:for-index=‘别名’
小程序03

key的作用

小程序03

key的作用,绑定Id
小程序03