From f8867b8df117d1ac0f1311970994e15059c3da03 Mon Sep 17 00:00:00 2001 From: xuxueyang <xuxy@fengyuntec.com> Date: 星期四, 05 九月 2024 15:57:36 +0800 Subject: [PATCH] add 兼容扫码问题 --- common/global.scss | 261 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 260 insertions(+), 1 deletions(-) diff --git a/common/global.scss b/common/global.scss index 7e6edbf..2cddd3b 100644 --- a/common/global.scss +++ b/common/global.scss @@ -72,10 +72,158 @@ height: 100; height: 100%; z-index: -1; + background-size: 100% 100%; +} +.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: 160rpx; + } + .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-button-contact{ + background: none; + border: none; + box-sizing: 0px; + outline: none; + border-inline: none; + // margin-top: 0px; + display: flex; + margin-left: 0rpx; + margin-right: auto; + font-size: 30rpx; + flex: 1; + padding-left: 0rpx; + padding-right: 0rpx; + line-height: 40rpx; +} +.component-buttons{ + display: flex; + margin-left: auto; + width: fit-content; + + .button { + // width: 216rpx; + padding: 10rpx 20rpx; + line-height: 34rpx; + font-size: 24rpx; + height: 34rpx; + background: #20613D; + text-align: center; + border-radius: 30rpx; + min-width: 80rpx; + + } + + .button-1 { + padding: 10rpx 20rpx; + line-height: 34rpx; + font-size: 24rpx; + height: 34rpx; + background: #20613D; + text-align: center; + border-radius: 30rpx; + min-width: 80rpx; + background: #fff; + color: #333; + border: 2rpx solid #333; + + } + + .button-0 { + padding: 10rpx 20rpx; + line-height: 34rpx; + font-size: 24rpx; + height: 34rpx; + background: #20613D; + text-align: center; + border-radius: 30rpx; + min-width: 80rpx; + color: #fff; + border: 2rpx solid #20613D; + } +} +.component-button-contact::after{ + display: none !important; +} +.component-stock-zero::after{ + position: absolute; + line-height: 100%; + // font-size: ; + left: -2rpx; + right: -2rpx; + top: -2rpx; + bottom: -2rpx; + font-size: 600; + content: '已售罄'; + color: #fff; + text-align: center; + padding-top: calc(50% - 20rpx); + background-color: #52525275; +} +.component-stock-zero{ + position: relative; } .component-popup_input{ margin: 0 auto; - margin-top: calc(50% + 200rpx); + margin-top: 160rpx; // margin-left: 78rpx - 26rpx; width: 594rpx; @@ -111,3 +259,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; + padding-left: 20rpx; + padding-right: 20rpx; + } + } + } + + .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