/** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /* uni.scss */ @import '@/uni_modules/uview-ui/theme.scss'; /* 页面左右间距 */ $page-row-spacing: 30rpx; $page-color-base: #f8f8f8; $page-color-light: #f8f6fc; $base-color: #fa436a; /* 文字尺寸 */ /* 文字尺寸 */ $font-ssm: 22rpx; $font-sm: 24rpx; $font-mid: 28rpx; $font-base: 30rpx; /*文字颜色*/ $font-color-dark: #303133; $font-color-base: #606266; $font-color-light: #909399; $font-color-disabled: #c0c4cc; $font-color-spec: #4399fc; /* 边框颜色 */ $border-color-dark: #dcdfe6; $border-color-base: #e4e7ed; $border-color-light: #ebeef5; /* 图片加载中颜色 */ $image-bg-color: #eee; /* 行为相关颜色 */ $uni-color-primary: #fa436a; $uni-color-success: #4cd964; $uni-color-warning: #f0ad4e; $uni-color-error: #dd524d; /* 颜色变量 */ /* 项目主色 */ $promain: #025b58; $prosecond: #ed742f; $red: #f60808; $green: #15ab54; $yellow: #f0ad4e; $blue: #1f96f6; /* 文字基本颜色 */ $textmain: #333; //基本色 $textcom: #666; $textgrey: #999; $textWhite: #fff; $fuColor: #c6cadb; // 彩色 .red { color: $red; } .green { color: $green; } .yellow { color: $yellow; } .blue { color: $blue; } .blank { color: #000; } .white { color: $textWhite; } //主色 .promain { color: $promain; } .prosecond { color: $prosecond; } .textmain { color: $textmain; } .textgrey { color: $textgrey; } .fuColor { color: $fuColor; } .fontssm { font-size: $font-ssm; } .fontsm { font-size: $font-sm; } .fontmid { font-size: $font-mid; } .fontbase { font-size: $font-base; } /* 背景颜色 */ $bgmain: linear-gradient(90deg, rgba(252, 78, 45, 1) 0%, rgba(247, 38, 20, 1) 100%); /* 边框颜色 */ $bordermain: #ededed; /* input 样式 */ .input-placeholder { color: #999999; } // 点击态无 .navigator-hover { background: transparent !important; opacity: 1; } .uni-page-head-transparent .uni-page-head-btn { background: transparent !important; } // toast等级 uni-toast { z-index: 99999; } button { background: transparent; &::after { border: 0; } }