這里主要是布局以及字體圖標(biāo)與文字的對齊述暂，字體圖標(biāo)大顏色痹升，以及秒殺欄的結(jié)構(gòu)等
可以看出業(yè)務(wù)邏輯是，一旦請求到數(shù)據(jù)畦韭，就渲染成功疼蛾，，看到數(shù)據(jù)變化艺配，就每隔一秒察郁，刷新一次剩余時間返回
-
關(guān)于vertical-align（常用于設(shè)置圖片或字體圖標(biāo)在父元素中的豎直方向位置）
image.png - 關(guān)于寬度和元素寬度
如果設(shè)置寬度為100%衍慎，并且設(shè)置了內(nèi)邊距，由于一開始內(nèi)邊距不算在寬度里皮钠，會被忽略稳捆，必須加上box-sizing:border-box;使內(nèi)邊距算在元素的寬度里 - 關(guān)于漸變色
lineargradient(to 方向,開始色號,結(jié)束色號) - 關(guān)于布局
寬高
內(nèi)容的水平、豎直對齊方向
邊框樣式和形狀
內(nèi)邊距麦轰、外邊距
內(nèi)容的大小乔夯、顏色
背景顏色
整體的布局或定位方式
iconfont:字體圖標(biāo)的使用，要現(xiàn)在相關(guān)文件復(fù)制在assets的fonts文件夾下款侵，并且在base中引入默認(rèn)樣式和導(dǎo)入文件路徑末荐，在文中通過普通的修改字體樣式的方法修改字體圖標(biāo)的大小和顏色，如果無法滿意對齊新锈，使用vertical-align
1 本地的顯示
-
目錄結(jié)構(gòu)
image.png -
結(jié)構(gòu)
image.png -
樣式
image.png
image.png -
顯示
image.png
image.png
2 獲取state數(shù)據(jù)的顯示
監(jiān)聽界面數(shù)據(jù)的變化
image.png
當(dāng)輸入計算屬性或者data中的數(shù)據(jù)名稱甲脏，強(qiáng)制轉(zhuǎn)換成字符串，監(jiān)聽該數(shù)據(jù)的變化
封裝秒的時間處理函數(shù)：
1 新建assets/js/tools.js
2 輸入秒妹笆，返回小時/分鐘/秒的對象
-
拿到服務(wù)器的數(shù)據(jù)
image.png -
顯示服務(wù)器的數(shù)據(jù)
image.png
由于是服務(wù)器返回的數(shù)據(jù)块请，需要確保數(shù)據(jù)返回了再生成元素，這點(diǎn)很重要 -
監(jiān)聽數(shù)據(jù)的變化晾浴，調(diào)用函數(shù)
image.png
