每個(gè)小程序包含三個(gè)必不可少的文件
app.js app.json app.wxss
app.js: 腳本文件， 在這里監(jiān)聽(tīng)并處理小程序的生命周期 以及全局變量
app.json:叫程序全局配置， 比如底部導(dǎo)航條樣式， 窗口背景色，默認(rèn)標(biāo)題等
app.wxss: 全局樣式表

官方文檔 https://mp.weixin.qq.com/debug/wxadoc/dev/index.html

案例包含知識(shí)點(diǎn)：
默認(rèn)請(qǐng)求必須為 https， 開(kāi)發(fā)時(shí)手動(dòng)開(kāi)啟調(diào)試即可在 http 環(huán)境下運(yùn)行
上拉加載 下拉刷新
分享轉(zhuǎn)發(fā)
自定義分享轉(zhuǎn)發(fā)按鈕
輪播圖循環(huán)滾動(dòng)
模版的使用
html解析轉(zhuǎn)換為小程序可解析（借助于wxParser）

具體的不一一介紹， 看效果上代碼

項(xiàng)目目錄列表

1、頁(yè)面布局 底部導(dǎo)航 兩個(gè)分類 
2、主頁(yè)面 頂部 輪播滾動(dòng) 列表
1、底部導(dǎo)航 由 app.json
頁(yè)面路徑
  "pages": [
    "pages/index/index",
    "pages/detail/detail"
  ],
模版文件同樣需要在app.json 聲明， 首頁(yè) 列表 item 使用
  "template": [
    "template/homeCell"
  ],
配置底部導(dǎo)航
"tabBar": {
    "color": "#7A7E83",
    "selectedColor": "#ff3366",
    "borderStyle": "black",
    "backgroundColor": "#ffffff",
    "list": [
        {
          "pagePath": "pages/index/index",
          "iconPath": "image/nav_home_normal.png",
          "selectedIconPath": "image/nav_home_selected.png",
          "text": "數(shù)英"
        },
        {
          "pagePath": "pages/logs/logs",
          "iconPath": "image/nav_my_normal.png",
          "selectedIconPath": "image/nav_my_selected.png",
          "text": "我"
        }
      ]
    },
另外可以配置 全部網(wǎng)絡(luò)請(qǐng)求超時(shí) networkTimeout 具體參照 開(kāi)發(fā)文檔
首頁(yè) 
index.wxml
<import src="../../template/homeCell.wxml" />
//swiper  輪播控件   circular 屬性 true 無(wú)限輪播
<swiper class="banner" circular="true" indicator-dots="true" indicator-active-color="#ffffff" autoplay="true" interval="4000" duration="1000">
  <block wx:for="{{imgUrls}}">
    <swiper-item>
      <image src="{{item.cover}}" class="slide-image" data-conType="{{item.conType}}" data-cover="{{item.cover}}" data-conId="{{item.conId}}" bindtap="clickAction"/>
    </swiper-item>
  </block>
</swiper>
<block wx:for="{{items}}">
    <template is="homeCell" data="{{item}}"/>
</block>
//額外創(chuàng)建一個(gè)加載更多item
<view class="loadmore" >
  <text class="more_title">正在加載...</text>
</view>
//imgUrls  json 數(shù)組 
//這里點(diǎn)擊圖片需要傳遞參數(shù)  詳情 類型  詳情頂部圖片  詳情 id  
//傳參方式 data-conType="{{item.conType}}" 注意 獲取時(shí)候 小寫(xiě)  data.contype 如下 
  clickAction: function (event) {
    let data = https://www.wxapp-union.com/event.currentTarget.dataset;
    console.log('****' + data.conid);
//點(diǎn)擊打開(kāi)新的頁(yè)面并 傳遞參數(shù)
    wx.navigateTo({