From 44dbae4a6ffb73478cd7980f37f1760e9a070c07 Mon Sep 17 00:00:00 2001 From: xuxy <1059738716@qq.com> Date: 星期日, 28 七月 2024 23:55:21 +0800 Subject: [PATCH] add 帮助富文本等页面 --- common/global.scss | 188 ++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 187 insertions(+), 1 deletions(-) diff --git a/common/global.scss b/common/global.scss index c06dcfa..946058e 100644 --- a/common/global.scss +++ b/common/global.scss @@ -62,9 +62,84 @@ background: #fff; } +.component-bg{ + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + width: 100%; + height: 100; + height: 100%; + z-index: -1; +} +.component-popup_input_all{ + margin: 0 auto; + margin-top: 160rpx; + height: calc(100vh - 300rpx); + overflow-y: scroll; + background-color: #fff; + border-radius: 40rpx 40rpx 0rpx 0rpx; + padding: 26rpx; + position: relative; + .button-space{ + // border: 2rpx solid #EEEEEE; + min-height: 140rpx; + } + .value-items{ + + + .value-item{ + min-width: 152rpx; + width: fit-content; + text-align: center; + height: 58rpx; + background: #F1F5F2; + border-radius: 36rpx; + margin-bottom: 18rpx; + font-weight: 400; + font-size: 28rpx; + line-height: 58rpx; + padding: 8rpx 24rpx; + color: #33a868; + margin-left: 6rpx; + margin-right: 6rpx; + border: 2rpx solid #F1F5F2; + } + .value-item.cur{ + background: #E1F0E7; + border-radius: 36rpx; + border: 2rpx solid #20613D; + color: #20613D; + + } + } + + .button-green{ + border-top: 2rpx solid #EEEEEE; + position: fixed; + bottom: 80rpx; + left: 26rpx; + right: 26rpx; + height: 78rpx; + background: #20613D; + border-radius: 40rpx; + font-weight: 600; + font-size: 32rpx; + color: #FFFFFF; + line-height: 78rpx; + } + .button-green.button-white{ + background: #F1F5F2; + font-weight: 400; + font-size: 32rpx; + color: #20613D; + line-height: 78rpx; + } +} .component-popup_input{ margin: 0 auto; - margin-top: calc(50% + 200rpx); + margin-top: 160rpx; // margin-left: 78rpx - 26rpx; width: 594rpx; @@ -100,3 +175,114 @@ margin-top: 50rpx; } } + + +.component-filter-container { + display: flex; + .flex1 { + text-align: center; + font-weight: 400; + font-size: 24rpx; + color: #000000; + line-height: 34rpx; + } +} + +.component-shop-item { + margin-top: 20rpx; + background: #FFFFFF; + border-radius: 8rpx; + padding: 10rpx; + + .info-container { + position: relative; + + .other-info { + margin-top: 6rpx; + font-size: 24rpx; + color: #666666; + line-height: 34rpx; + text-align: left; + } + + .shop-name { + margin-top: 14rpx; + font-size: 24rpx; + color: #666666; + line-height: 34rpx; + } + + .bottom-buttons { + // width: 400rpx; + position: absolute; + bottom: 0rpx; + + left: 0; + right: 0; + + .icons { + margin-left: auto; + margin-right: 0rpx; + margin-top: -10rpx; + + .curnums { + line-height: 60rpx; + margin-left: 12rpx; + margin-right: 12rpx; + } + } + } + + .title { + font-weight: 600; + font-size: 32rpx; + color: #000000; + line-height: 44rpx; + margin-top: 8rpx; + position: relative; + + .price { + position: absolute; + font-weight: 400; + font-size: 28rpx; + color: #CF0000; + line-height: 40rpx; + top: 0; + right: 0; + } + } + + } + + .img { + width: 206rpx; + height: 206rpx; + border-radius: 8rpx; + position: relative; + + .level { + position: absolute; + width: 66rpx; + height: 44rpx; + background: #20613D; + left: 0; + top: 0; + border-top-left-radius: 8rpx; + border-bottom-right-radius: 8rpx; + color: #FFFFFF; + line-height: 44rpx; + font-size: 24rpx; + text-align: center; + } + + } + + +} + + +.u-steps-item{ + /deep/ .u-text__value{ + font-size: 28rpx !important; + } +} -- Gitblit v1.9.3