微信小程序 入門

目錄結構：

•  app.json  .小程序的全局配置 

1. pages：  當前小程序全部頁面路徑。
2. window：小程序全部頁面的頂部背景顏色，文字顏色定義在這裏。
3. tabBar：  設置底部 tab 
4. networkTimeout：設置網絡超時時間
5. debug：設置是否開啓 debug 模式

• project.config.json .工具配置(開發項目時的個性化配置)

• app.js 小程序入口

組件:

  1.scroll-view   

 　　enable-back-to-top 屬性在開發者工具中沒有體現，手機預覽有做用。

 　　style="height:{{windowHeight}}" 必須設置高度值不能用百分比，採用js獲取視口高度 getSystemInfo函數

   　　js文件：wx.getSystemInfo({

　　　　　　　　success: function (res) {

        　　 　　 　　self.setData({

             　　 　　  windowHeight: res.windowHeight + "px",

        　　 　　　　})

    　　　　　　 }　　

　　　　　　 })

 2.view

        列表循環實現：

<view wx:for="{{songList}}" wx:key="songName" class='flex-wrp bc_songList' style=" background-color:{{index%2==0?'':'wheat'}}"> //根據行號 動態生成行背景顏色

<view>

　　<image style='width:32px;height:32px' mode="aspectFit" src="/static/icons/songList.png"></image>

</view>

<view>{{index+1}}.</view>

<view>{{item.songName}}</view>

</view>

框架：

    wx:if="{{item.play==false}}"   wx:else   // 條件是true是false 必定要寫（坑）