From da1f751bea60280504d7fa04e6a547c68ef4381a Mon Sep 17 00:00:00 2001 From: xuxueyang <xuxy@fengyuntec.com> Date: 星期五, 12 七月 2024 17:49:30 +0800 Subject: [PATCH] add 商铺信息数据和商铺详情,还todo订单相关的 --- common/global.scss | 157 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 156 insertions(+), 1 deletions(-) diff --git a/common/global.scss b/common/global.scss index 9ea6dc9..ca95a4d 100644 --- a/common/global.scss +++ b/common/global.scss @@ -73,6 +73,69 @@ height: 100%; z-index: -1; } +.component-popup_input_all{ + margin: 0 auto; + margin-top: 160rpx; + height: calc(100vh - 300rpx); + background-color: #fff; + border-radius: 40rpx 40rpx 0rpx 0rpx; + padding: 26rpx; + position: relative; + .button-space{ + // border: 2rpx solid #EEEEEE; + min-height: 124rpx; + } + .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 30rpx; + color: #33a868; + margin-left: 13rpx; + margin-right: 13rpx; + 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: absolute; + bottom: 26rpx; + 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: 160rpx; @@ -122,4 +185,96 @@ color: #000000; line-height: 34rpx; } -} \ No newline at end of file +} + +.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; + } + + } + + +} -- Gitblit v1.9.3