uniapp使用全域性顏色

2021-10-13 12:54:37 字數 682 閱讀 7396

在uni.scss中寫入全域性顏色變數

其中$color:#2f90b6是作者定義的主題色

/* 顏色變數 */

//配置了主題色

$color: #2f90b9;

/* 行為相關顏色 */

$uni-color-primary: #007aff;

$uni-color-success: #4cd964;

$uni-color-warning: #f0ad4e;

$uni-color-error: #dd524d;

使用方法如下,需要帶上$符號;

="goods"

>

123<

/p>

<

/div>

<

/template>

<

/script>

"scss"

>

.goods

<

/style>

注意此處的style必須要有lang=「scss」,如果沒有scss請進行npm安裝;

cnpm install sass-loader node-sass

內容都是中國風,不會配色請看這裡

uni app全域性變數

定義乙個專用的模組,用來組織和管理這些全域性的變數,在需要的頁面引入。注意這種方式只支援多個vue頁面或多個nvue頁面之間公用,vue和nvue之間不公用。建立util目錄,並在下面建立util.js檔案 function logutil log module.exports 使用 var uti...

uni app中使用自定義元件全域性化

在vue中自定義元件可以兩方面引入 1是,使用命令安裝方式從網上獲取,並配置在package lock.json檔案中 如圖 version 版本號 resolved 元件連線 integrity 乙個加密串 然後pages.json檔案中也會配置一下 然後就是在main.js中使用全域性元件變數沒...

uniapp中使用Vuex儲存全域性變數和方法

先在專案的根目錄下建立store資料夾並在資料夾中建立index.js index.js中寫上這些 import vue from vue import vuex from vuex vue.use vuex export default newvuex.store mutations main.j...