上午

下午

3.結合所學的template7知識，在上週完成的demo上，添加了本地模擬資料的動態渲染，包括使用者暱稱，使用者標識，特權title和部分，其中紅色和藍色的圖示，通過status=0和1來進行控制，模擬灰色效果。效果如下： 部分模擬資料如下；

data.viewList=[
          {
            title:'交易特權',
            icons:[
              {
                name:'滬深L2限免'
              },
              {
                name:'港股L2限免'
              },
              {
                name:'方舟交易'
              },
              {
                name:'滬深L2限免（PC）'
              },
            ]
          },
 

4.同時，用兩種方法實現了點選items會彈出對應的文字資訊的功能。第一種是用給div新增data屬性，再在js裡使用data(" ")進行獲取。第二種是直接通過選擇器find()進行定位取出。這個功能不只是可以處理文字資訊，也可以處理後臺傳回的一切標識該div的變數 比如id等。這樣的話，就可以處理對應的div事件了。

6.發現因為本專案的F7框架比較老舊，所以Template7的版本也比較老（F7框架中集成了Template7）。導致有些helper和官網文件裡不一樣，比如js_if就沒有，本專案自己封裝了一個js_compare。結合實際專案用了下，感覺效果是差不多的。