展示与隐藏
data: {
msg1:'你好',
type:1,
flag:true,
},
<input value="{{msg1}}" type="text" bindinput="display"> </input>
<!-- 、条件渲染 wx:if -->
<view wx:if="{{type===1}}">男</view>
<view wx:elif="{{type===2}}">女</view>
<view wx:else>lalla</view>
<!-- <block wx:if="{{true}}">
<view>view1</view>
<view>view1</view>
<view>view1</view>
</block>>
-->
<view hidden="{{flag}}">flag为TRUE时显示</view>
wx:for
<view wx:for="{{arr}}" wx:key="index">
索引是:{{index}},item:{{item}}
</view>
data: {
arr:['1' ,'2' ,'3'],
},
wxss
全局样式
页面配置一样
"enablePullDownRefresh": true 下拉刷新
tabar
在app.json中添加与Windows同级的taBar
"tabBar": {
"list": [{
"pagePath": "pages/home1/home1",
"text": "首页",
"iconPath": "/images/home.png",
"selectedIconPath": "/images/home-active.png"
},
{
"pagePath": "pages/contact1/contact1",
"text": "联系我",
"iconPath": "/images/contact.png",
"selectedIconPath": "/images/contact-active.png"
},
{
"pagePath": "pages/message1/message1",
"text": "信息",
"iconPath": "/images/message.png",
"selectedIconPath": "/images/message-active.png"
}
]
},
网络数据请求
配置request合法域名
发起get请求(post的将get修改就可)