From 4ba9c0c27c162c1858b11c3d621f52063a420ecd Mon Sep 17 00:00:00 2001 From: xuxueyang <xuxy@fengyuntec.com> Date: 星期二, 08 十月 2024 16:44:57 +0800 Subject: [PATCH] update --- common/global.scss | 758 +++++++++++++++++++++++++++++----------------------------- 1 files changed, 379 insertions(+), 379 deletions(-) diff --git a/common/global.scss b/common/global.scss index 27fab8b..4993f83 100644 --- a/common/global.scss +++ b/common/global.scss @@ -4,415 +4,415 @@ // @import '@/node_modules/uview-ui/theme.scss'; -// .component-tab-container{ -// display: flex; -// width: fit-content; -// margin:0 auto; -// .tab-item{ -// display: flex; -// text-align: center; -// border-radius: 8rpx; -// border: 2rpx solid var(--topicolor); -// background: #fff; -// color: var(--topicolor); -// width: 212rpx; -// line-height: 64rpx; -// font-weight: 600; -// font-size: 28rpx; -// display: block; -// } -// .tab-item.cur{ -// background: var(--topicolor); -// // border-radius: 0rpx 8rpx 8rpx 0rpx; -// color: #fff; -// } -// .tab-item:first-child{ -// border-top-right-radius: 0rpx; -// border-bottom-right-radius: 0rpx; -// } -// .tab-item:last-child{ -// border-top-left-radius: 0rpx; -// border-bottom-left-radius: 0rpx; -// } -// } -// .component-button-upload{ -// width: 96rpx; -// height: 96rpx; -// border-radius: 4rpx; -// border: 2rpx dashed #CECECE; -// position: relative; -// background-image: 100% 100%; -// &::after{ -// content: "+"; -// position: absolute; -// left: 50%; -// top: 50%; -// transform: translate(-50%,-50%); -// // width: 22rpx; -// // height: 22rpx; -// font-size: 24rpx; -// color: #696969; -// } -// } -// .component-price-old{ -// text-decoration: line-through; -// color: #9a9da2 !important; -// font-size: 22rpx !important; -// } -// .component-price-new{ -// position: relative; -// .tip{ -// font-size: 22rpx; -// display: inline-block; -// margin-right: 10rpx; -// } -// .p{ -// font-size: 40rpx; -// font-weight: 600; -// } -// .component-price-old{ -// position: absolute; -// // left: 0rpx; -// top: 40rpx; -// right: 0rpx; -// color: #9a9da2 !important; -// } -// } -// .component-line-vert{ -// width: 2rpx; -// background-color: #EEEEEE; -// } -// .component-popup_input.white{ -// background: #fff; +.component-tab-container{ + display: flex; + width: fit-content; + margin:0 auto; + .tab-item{ + display: flex; + text-align: center; + border-radius: 8rpx; + border: 2rpx solid var(--topicolor); + background: #fff; + color: var(--topicolor); + width: 212rpx; + line-height: 64rpx; + font-weight: 600; + font-size: 28rpx; + display: block; + } + .tab-item.cur{ + background: var(--topicolor); + // border-radius: 0rpx 8rpx 8rpx 0rpx; + color: #fff; + } + .tab-item:first-child{ + border-top-right-radius: 0rpx; + border-bottom-right-radius: 0rpx; + } + .tab-item:last-child{ + border-top-left-radius: 0rpx; + border-bottom-left-radius: 0rpx; + } +} +.component-button-upload{ + width: 96rpx; + height: 96rpx; + border-radius: 4rpx; + border: 2rpx dashed #CECECE; + position: relative; + background-image: 100% 100%; + &::after{ + content: "+"; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%,-50%); + // width: 22rpx; + // height: 22rpx; + font-size: 24rpx; + color: #696969; + } +} +.component-price-old{ + text-decoration: line-through; + color: #9a9da2 !important; + font-size: 22rpx !important; +} +.component-price-new{ + position: relative; + .tip{ + font-size: 22rpx; + display: inline-block; + margin-right: 10rpx; + } + .p{ + font-size: 40rpx; + font-weight: 600; + } + .component-price-old{ + position: absolute; + // left: 0rpx; + top: 40rpx; + right: 0rpx; + color: #9a9da2 !important; + } +} +.component-line-vert{ + width: 2rpx; + background-color: #EEEEEE; +} +.component-popup_input.white{ + background: #fff; -// } -// .component-bg{ -// position: absolute; -// left: 0; -// right: 0; -// bottom: 0; -// top: 0; -// width: 100%; -// 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{ +} +.component-bg{ + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + width: 100%; + 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; + .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-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 { + // 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-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-status-zero{ -// position: relative; + .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-status-zero{ + position: relative; -// } -// .component-status-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-status-zero{ -// position: relative; -// } -// .component-popup_input{ -// margin: 0 auto; -// margin-top: 160rpx; +} +.component-status-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-status-zero{ + position: relative; +} +.component-popup_input{ + margin: 0 auto; + margin-top: 160rpx; -// // margin-left: 78rpx - 26rpx; -// width: 594rpx; + // margin-left: 78rpx - 26rpx; + width: 594rpx; -// background: linear-gradient(180deg, #D8F0EE 0%, #FFFFFF 100%); -// border-radius: 16rpx; -// padding: 26rpx; -// position: relative; -// .title{ -// font-weight: 400; -// font-size: 28rpx; -// color: #333333; -// line-height: 42rpx; -// text-align: center; -// margin-bottom: 32rpx; -// } -// .uni-easyinput{ -// width: auto !important; -// } -// .icon{ -// z-index: -1; -// position: absolute; -// width: 266rpx; -// height: 146rpx; -// top: -134rpx; -// left: 50%; -// transform: translateX(-50%); -// } -// .close-parent{ -// margin-bottom: 34rpx; -// } -// .button-green{ -// margin-top: 50rpx; -// } -// } + background: linear-gradient(180deg, #D8F0EE 0%, #FFFFFF 100%); + border-radius: 16rpx; + padding: 26rpx; + position: relative; + .title{ + font-weight: 400; + font-size: 28rpx; + color: #333333; + line-height: 42rpx; + text-align: center; + margin-bottom: 32rpx; + } + .uni-easyinput{ + width: auto !important; + } + .icon{ + z-index: -1; + position: absolute; + width: 266rpx; + height: 146rpx; + top: -134rpx; + left: 50%; + transform: translateX(-50%); + } + .close-parent{ + margin-bottom: 34rpx; + } + .button-green{ + margin-top: 50rpx; + } +} -// .component-filter-container { -// display: flex; -// .flex1 { -// text-align: center; -// font-weight: 400; -// font-size: 24rpx; -// color: #000000; -// line-height: 34rpx; -// } -// } +.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; +.component-shop-item { + margin-top: 20rpx; + background: #FFFFFF; + border-radius: 8rpx; + padding: 10rpx; -// .info-container { -// position: relative; + .info-container { + position: relative; -// .other-info { -// margin-top: 6rpx; -// font-size: 24rpx; -// color: #666666; -// line-height: 34rpx; -// text-align: left; -// } + .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; -// } + .shop-name { + margin-top: 14rpx; + font-size: 24rpx; + color: #666666; + line-height: 34rpx; + } -// .bottom-buttons { -// // width: 400rpx; -// position: absolute; -// bottom: 0rpx; + .bottom-buttons { + // width: 400rpx; + position: absolute; + bottom: 0rpx; -// left: 0; -// right: 0; + left: 0; + right: 0; -// .icons { -// margin-left: auto; -// margin-right: 0rpx; -// margin-top: -10rpx; + .icons { + margin-left: auto; + margin-right: 0rpx; + margin-top: -10rpx; -// .curnums { -// line-height: 60rpx; -// padding-left: 20rpx; -// padding-right: 20rpx; -// } -// } -// } + .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; + .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; -// } -// } + .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; + .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; -// } + .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; -// } -// } +.u-steps-item{ + /deep/ .u-text__value{ + font-size: 28rpx !important; + } +} -- Gitblit v1.9.3