微信小程序

展示与隐藏

 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修改就可）