企業(yè)專業(yè)網(wǎng)站建設搜索引擎推廣簡稱
先前引入了公共樣式,但公共樣式文件里面還沒有編寫內(nèi)容
在這里我將一一講解公共樣式內(nèi)應該有什么樣式,和為什么
首先給page添加高度和背景色,當然這個背景色可以在app.vue內(nèi)添加
page{/* 設置page高,讓每個頁面的最小高度為整個視窗的高 */min-height: 100vh; /* 統(tǒng)一字體大小 */font-size: 26rpx;/* 設置每個頁面的默認背景,用做程序底色 */background-color: #f2f2f2;}
/* (2) 圖片默認100%寬度 */image{ width: 100%; }::-webkit-scrollbar{display: none;}/* 防止圖片閃一下 */image{will-change: transform}/* scroll-view */.scroll-row{ width: 100%;white-space: nowrap;line-height: 44px; }.scroll-row-item{ display: inline-block!important; }
設置項目主色調(diào),一般項目都有主色調(diào),方便讓項目看起來更加的統(tǒng)一協(xié)調(diào)
因為這個項目是仿小米,所以使用橙色
/* 主色調(diào) *//* 主背景顏色(橙色)*/.main-bg-color{ background-color: #FD6801; }/* 主點擊背景顏色(淡橙色)*/.main-bg-hover-color{ background-color: rgba(253,104,1,0.85); }/* 主字體顏色(橙色)*/.main-text-color{color: #FD6801;}/* 主邊框顏色 */.main-border-color{ border-color: #F1F1F1; }.input-border-color{border-color: #FD6801;}