123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129 |
- /**
- * 这里是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;
- }
- }
|