Uniapp是一款基于Vue框架開發的跨平臺應用開發工具,它可以一次性編寫代碼,同時生成多個平臺的應用程序。在Uniapp的開發中,公用CSS的使用是必不可少的。公用CSS是指被多個組件或頁面使用的CSS樣式,為了減少冗余代碼,提高開發效率,我們可以將一些相同的樣式抽離出來統一管理。
/* 公用css */ /* 1、清楚默認樣式 */ body, div, h1, h2, p, ul, li, ol, dl, dt, dd, textarea, img, form, fieldset, legend, label, input, button { margin: 0; padding: 0; } /* 2、字體樣式 */ body { font-size:16px; font-family: "Microsoft YaHei",sans-serif; color: #333; } h1, h2, h3, h4, h5, h6 { font-family: "Microsoft YaHei",sans-serif; font-weight: normal; } /* 3、a標簽樣式 */ a { text-decoration: none; } /* 4、按鈕樣式 */ button { border: 0; outline: none; cursor: pointer; }
在項目中,我們可以在全局的CSS樣式中引入公用CSS文件,以免多個組件或頁面都去編寫相同的樣式代碼。除此之外,我們也可以在需要使用公用CSS樣式的地方,通過類名的方式引入公用CSS。如下面的示例代碼:
/* 引入公用css */ @import '../common.css'; /* 組件中通過類名引入使用 */{{itemTitle}} {{itemDesc}}
通過上述代碼,我們就可以在組件中方便地使用公用CSS樣式。在Uniapp項目中,合理使用公用CSS可以提高我們的開發效率,減少代碼冗余,使項目更加整潔高效。
上一篇uniapp行間距css
下一篇mysql64位證書秘鑰