$uni-color-primary: #007aff; $uni-color-success: #4cd964; $uni-color-warning: #f0ad4e; $uni-color-error: #dd524d; $uni-text-color: #333; //基本色 $uni-text-color-inverse: #fff; //反色 $uni-text-color-grey: #999; //辅助灰色,如加载更多的提示信息 $uni-text-color-placeholder: #808080; $uni-text-color-disable: #c0c0c0; $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: #e5e5e5; $uni-font-size-sm: 12rpx; $uni-font-size-base: 14rpx; $uni-font-size-lg: 16; $uni-img-size-sm: 20rpx; $uni-img-size-base: 26rpx; $uni-img-size-lg: 40rpx; $uni-border-radius-sm: 2rpx; $uni-border-radius-base: 3rpx; $uni-border-radius-lg: 6rpx; $uni-border-radius-circle: 50%; $uni-spacing-row-sm: 5rpx; $uni-spacing-row-base: 10rpx; $uni-spacing-row-lg: 15rpx; $uni-spacing-col-sm: 4rpx; $uni-spacing-col-base: 8rpx; $uni-spacing-col-lg: 12rpx; $uni-opacity-disabled: 0.3; // 组件禁用态的透明度 $uni-color-title: #2C405A; // 文章标题颜色 $uni-font-size-title: 20rpx; $uni-color-subtitle: #555555; // 二级标题颜色 $uni-font-size-subtitle: 26rpx; $uni-color-paragraph: #3F536E; // 文章段落颜色 $uni-font-size-paragraph: 15rpx; $blue: #1890FF; $orange: #ffb420; $red: #FF6B01; $bc: #f0f3f5; $green: #54d378; $bc_light: #F7F7F7; $fc: #fff; $bg: rgba(242, 242, 242, 1); $bg2: #f2f2f2; $main: rgba(102, 0, 255, 1); $color1: #c8c9cc; $color2: #976DEC; $color3: #DDDDDD; $color4: #666666; $color5: #f7f7f7; $color6: #DFDFDF; $color7: #FFC122; $color8: #FFD111; $color9: #f7f8fa; $color10: #b4bbc5; $text1: #797979; $text2: #c8c9cc; $text3: #333333; $text4: #CCCCCC; $text5: #999999; $text6: #6600FF; $text7: #7238E7; $text8: #BCBCBC; $text9: #D7D7D7; $page-color-base: #f8f8f8; $page-row-spacing: 30upx; $page-color-base: #f8f8f8; $page-color-light: #f8f6fc; $page-bg-dark: #000000; $base-color: #1890FF; $home-bg-color: #f8f8f8; /* 文字尺寸 */ $font-ti: 18rpx; $font-sm: 24rpx; $font-base: 28rpx; $font-lg: 32rpx; $font-lg-more: 36rpx; /*文字颜色*/ $font-color-dark: #303133; $font-color-base: #606266; $font-color-light: #909399; $font-color-disabled: #C0C4CC; $font-color-spec: #4399fc; $font-color-white: #ffffff; /* 边框颜色 */ $border-color-dark: #DCDFE6; $border-color-base: #E4E7ED; $border-color-light: #EBEEF5; /* 图片加载中颜色 */ $image-bg-color: #eee; /* 行为相关颜色 */ $uni-color-primary: #1890FF; $uni-color-success: #4cd964; $uni-color-warning: #f0ad4e; $uni-color-error: #dd524d; // 商品价格 $uni-color-red: #EC5C52; $uni-color-orange: #FF9603; .normal-tip { // display: inline-block; font-size: 24rpx; line-height: 40rpx; padding: 4rpx 10rpx; &.by { border-radius: 20rpx; } &.yd { border-radius: 5rspx; } ; } @mixin flex { display: flex; justify-content: space-between; align-items: center; } @mixin line-clamp () { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .fixed-page-content { width: 100%; height: 100%; padding-bottom: 120rpx; box-sizing: border-box; } .page-content { width: 100%; height: 100%; } .white-box { width: 100%; font-size: 28rpx; padding: 0 40rpx; background-color: #ffffff; box-sizing: border-box; &:not(:last-child) { margin-bottom: 30rpx; } .flex-item { align-items: center; .tel-box { display: flex; align-items: center; justify-content: flex-end; .custom-tel-component { margin-left: 20rpx; } } } .cell-item { color: var(--Black); padding: 30rpx 0; display: flex; justify-content: space-between; position: relative; &::after { position: absolute; box-sizing: border-box; content: ' '; pointer-events: none; right: 0; bottom: 0; left: 0; border-bottom: 2rpx solid #ebedf0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } >.label { flex: 1; width: 30%; .tips { font-size: 22rpx; color: var(--greyColor); } &.required { position: relative; &::after { content: '*'; color: var(--Red); position: absolute; font-size: 30rpx; top: -15rpx; left: -15rpx; } } } >.tit { color: var(--Black); flex: 1; width: 70%; text-align: right; .van-radio-group { display: flex; justify-content: flex-end; .van-radio { &:not(:first-child) { margin-left: 30rpx; } } } } } .block-cell-item { color: var(--Black); padding: 30rpx 0; position: relative; &::after { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; right: 16rpx; bottom: 0; left: 16rpx; border-bottom: 2rpx solid #ebedf0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .label { width: 100%; padding-bottom: 30rpx; &.required { position: relative; &::after { content: '*'; color: var(--Red); position: absolute; font-size: 30rpx; top: -15rpx; left: -15rpx; } } .tips { font-size: 22rpx; color: var(--greyColor); } } .tit { width: 100%; color: var(--Black); .van-radio-group { display: flex; justify-content: flex-end; .van-radio { &:not(:first-child) { margin-left: 30rpx; } } } .textarea { background-color: #F8F8F8; font-size: 30rpx; color: #B7B7B7; border-radius: 10rpx; padding: 30rpx; word-break: break-all; } } } ; .custom-white-box-content { padding-bottom: 30rpx; } } .z-bg { background: rgba(102, 0, 255, 1); color: #fff; } // 蓝色背景白色字体 .l-bg { background: #0000FF; color: #fff; } // 红色背景 .h-bg { background: #F87A7A; color: #fff; } .y-bg { background: #e4ce6b; color: #fff; } //紫色边框紫色字体 .z-br { background: #fff; border: 1px solid rgba(102, 0, 255, 1); color: rgba(102, 0, 255, 1); } .chaochuyincang { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }