$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: $main; color: #fff; } // 蓝色背景白色字体 .l-bg { background: #0000FF; color: #fff; } // 红色背景 .h-bg { background: #F87A7A; color: #fff; } //紫色边框紫色字体 .z-br { background: #fff; border: 1px solid $main; color: $main; } .chaochuyincang { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }