``` /** * 這里是uni-app內置的常用樣式變量 * * uni-app 官方擴展插件及插件市場（https://ext.dcloud.net.cn）上很多三方插件均使用了這些樣式變量 * 如果你是插件開發者，建議你使用scss預處理，并在插件代碼中直接使用這些變量（無需 import 這個文件），方便用戶通過搭積木的方式開發整體風格一致的App * */ /** * 如果你是App開發者（插件使用者），你可以通過修改這些變量來定制自己的插件主題，實現自定義主題功能 * * 如果你的項目同樣使用了scss預處理，你也可以直接在你的 scss 代碼中使用如下變量，同時無需 import 這個文件 */ /* 顏色變量 */ /* 行為相關顏色 */ $uni-color-primary: #007aff; $uni-color-success: #4cd964; $uni-color-warning: #f0ad4e; $uni-color-error: #dd524d; $uni-nothing-text: #999; //空白頁文字 $theme-color:#E93323; $theme-color-opacity:rgba(233,51,35,.6); $bg-star: #f62c2c; $bg-end:#f96e29; /* 背景顏色 */ $uni-bg-color:#ffffff; $uni-bg-color-grey:#f8f8f8; $uni-bg-color-hover:#f1f1f1;//點擊狀態顏色 $uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩顏色 /* 邊框顏色 */ $uni-border-color:#c8c7cc; /* 尺寸變量 */ /* 文字尺寸 */ $uni-font-size-sm:24upx; $uni-font-size-base:28upx; $uni-font-size-lg:32upx; /* 圖片尺寸 */ $uni-img-size-sm:40upx; $uni-img-size-base:52upx; $uni-img-size-lg:80upx; /* Border Radius */ $uni-border-radius-sm: 4upx; $uni-border-radius-base: 6upx; $uni-border-radius-lg: 12upx; $uni-border-radius-circle: 50%; /* 水平間距 */ $uni-spacing-row-sm: 10px; $uni-spacing-row-base: 20upx; $uni-spacing-row-lg: 30upx; /* 垂直間距 */ $uni-spacing-col-sm: 8upx; $uni-spacing-col-base: 16upx; $uni-spacing-col-lg: 24upx; /* 透明度 */ $uni-opacity-disabled: 0.3; // 組件禁用態的透明度 /* 文章場景相關 */ $uni-color-title: #2C405A; // 文章標題顏色 $uni-font-size-title:40upx; $uni-color-subtitle: #555555; // 二級標題顏色 $uni-font-size-subtitle:36upx; $uni-color-paragraph: #3F536E; // 文章段落顏色 $uni-font-size-paragraph:30upx; ```