From 4ba9c0c27c162c1858b11c3d621f52063a420ecd Mon Sep 17 00:00:00 2001 From: xuxueyang <xuxy@fengyuntec.com> Date: 星期二, 08 十月 2024 16:44:57 +0800 Subject: [PATCH] update --- App.vue | 416 ----------------------------------------------------------- 1 files changed, 0 insertions(+), 416 deletions(-) diff --git a/App.vue b/App.vue index 95bb58e..3f13a81 100644 --- a/App.vue +++ b/App.vue @@ -1308,419 +1308,3 @@ } </style> -<style lang="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-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; - - } - } - - .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-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; - - // 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; - } -} - - -.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; - } -} - -</style> \ No newline at end of file -- Gitblit v1.9.3