這裏主要是底部商品欄的秒殺，界面。會做靜態的和動態的，動態的尤其要注意在watch中如何操作渲染元素
如果拿到服務器的數據需要操作界面元素，一般是通過watch和$nextClick 配合使用，確保不僅數據更新了並且界面更新了
如何設置水平滾動：
一般需要子元素的寬度大於父元素的寬度
通過鼠標的水平位移控制子元素的左外邊距
也可以使用iscroll框架，節省時間，但是由於很久沒有更新
不適用於vue
這裏選用css的屬性，控制水平滾動，在容器內設置容器內的內容水平滾動，並且消除滾動條
插入字體圖標
1 靜態顯示秒殺商品
-
文件目錄
![]()
設置網頁的背景色默認爲灰色，每一欄爲白色
-
結構
![]()
類的命名規則是全部小寫，子類繼承父類，用-隔開
- 樣式
![]()
![]()
![]()
需要注意要給滾動元素的容器設置overflow-x的屬性，確保裏面的子元素具有滾動屬性
2 服務器顯示數據
子元素寬度要根據返回商品個數變化
-
數據獲取
![]()
-
數據渲染
![]()
只有確保數據數據返回了，才能通過v-for獲取其中的對象
-
數據監聽處理設置寬度
- 封裝倒計時函數
![]()
- 監聽數據變化操作界面
![]()
