小程序03
WXSS&&WXML&&WXS
内联》页内》全局
css选择器
选择器权重
尺寸单位
适配,在iphone6,1px=2rpx
如果CSS太多,可以抽取出来再导入
也可全局配置
在哥哥页面都可以导入
官方样式库
https://github.com/Tencent/weui-wxss
引入的话得引入wxml,wxss,js等等
Mustache语法
可以绑定属性,通过{{isactive?‘active:’’}}绑定,而vue里是通过v-bind:class={active:isactive}来绑定
逻辑判断
小程序是:wx-if,vue是v-if
两者的区别,hidden隐藏的时候,组件是存在的,而wx:if隐藏是,是不存在的.
选择:切换频率很高时,就要用hidden,低的时候就选择wx:if
列表渲染
小程序是wx:for="{{遍历的东西}}" {{item}} vue是v-for="(item,index) in 遍历的东西" {{item}}
block标签
block只是把组件包裹起来,不存在,不会创建组件
给item,index起名字
wx:for-item=‘别名’,wx:for-index=‘别名’
key的作用
key的作用,绑定Id