微信小程序

xxml

<view data-id="{{id}}">{{dome}}</view>
<checkbox checked="{{msg}}"></checkbox >
<view hidden="{{false}}">1111</view> 
// hidden属性控制元素是否隐藏 如果隐藏元素还是存在只是不显示
<view wx:if="{{false}}">11111</view>
// 如果为false 元素将消失
<view wx:for-index="key"  wx:key="{{index}}" wx:for="{{array}}" >
    {{key}}|{{item}}
   </view>
   <view wx:for="{{arr2}}">
   {{index}}|{{item.a}}
   </view>
   <block wx

js

Page({
	data:{
		msg:true,
		text:"dome",
		id:"我是id"
	}
])

注意 引号和花括号之间不可以有空格，会解析成字符串
wx:key 提高渲染效率
wx:for-item=“val” 将item渲染时用的属性名修改成val
wx:for-index=“key” 将index索引改成key

尺寸单位

rpx 可以根据屏幕宽度进行自适应，规定屏幕宽为750rpx
是一个相对值

引入wxss

@import “wxss样式”

行内样式
<view style='background-color:yellow;color:{{"red"}}'>style</view>
</view>

view 的属性

hover-class 当用户点击时添加的一个样式
text

text的属性

text 中的一个selectable属性表示是否能被选中
decode 其中的内容是否解码

image

默认image组件 宽度320px、高度240px
其实时web中的图片标签和背景图片的结合
并且不支持以前的web中的背景图片的写法

swiper

宽默认100%，高度默认150px

swiper-item

宽默认100%