diff --git a/pages/mine_package/mine_order/mine_order.vue b/pages/mine_package/mine_order/mine_order.vue index 2c3684a..04d7285 100644 --- a/pages/mine_package/mine_order/mine_order.vue +++ b/pages/mine_package/mine_order/mine_order.vue @@ -870,81 +870,80 @@ export default { line-height: 1.6; } +.after-sales-tabs-text { + width: 36rpx; + height: 30rpx; + text-align: center; + line-height: 30rpx; + background: #7934f6; + border-radius: 4rpx; + font-size: 20rpx; + color: #ffffff; + margin-left: 12rpx; +} + .after-sales-popup { max-height: 80% !important; - .after-sales-title { - font-size: 28rpx; - color: #71737c; - text-align: center; - padding: 28rpx 32rpx; +.after-sales-title { + font-size: 28rpx; + color: #71737c; + text-align: center; + padding: 28rpx 32rpx; +} - .close_but { - color: #000; - font-weight: 800; - } - } +.after-sales-title .close_but { + color: #000; + font-weight: 800; +} - .slot-content { - width: calc(100% - 64rpx); - padding: 0 32rpx; +.slot-content { + width: calc(100% - 64rpx); + padding: 0 32rpx; +} - .after-sales-tabs { - width: calc(100% - 64rpx); - height: 80rpx; - background: #f5f5f7; - border-radius: 8rpx; - display: flex; - align-items: center; - padding: 0 8rpx; +.after-sales-tabs { + width: calc(100% - 64rpx); + height: 80rpx; + background: #f5f5f7; + border-radius: 8rpx; + display: flex; + align-items: center; + padding: 0 8rpx; +} - .after-sales-tabs-item { - width: 50%; - height: 64rpx; - display: flex; - justify-content: center; - align-items: center; - font-size: 28rpx; - color: #666666; +.after-sales-tabs-item { + width: 50%; + height: 64rpx; + display: flex; + justify-content: center; + align-items: center; + font-size: 28rpx; + color: #666666; +} - .after-sales-tabs-text { - width: 36rpx; - height: 30rpx; - text-align: center; - line-height: 30rpx; - background: #7934f6; - border-radius: 4rpx; - font-size: 20rpx; - color: #ffffff; - margin-left: 12rpx; - } +.after-sales-tabs-item.active { + color: #000000; + border-radius: 8rpx; + background-color: #fff; +} - &.active { - color: #000000; - border-radius: 8rpx; - background-color: #fff; - } - } - } +.content_ { + margin-top: 20rpx; +} - .content_ { - margin-top: 20rpx; +.content_ .content_1, +.content_ .content_2 { + text-align: left; + margin-top: 20rpx; +} - .content_1, - .content_2 { - text-align: left; - margin-top: 20rpx; - } - - .content_3 { - width: calc(100% - 32rpx); - height: 132rpx; - box-shadow: 0px 4rpx 12rpx 0px rgba(215, 215, 215, 0.5); - border-radius: 16rpx; - box-sizing: border-box; - } - } - } +.content_ .content_3 { + width: calc(100% - 32rpx); + height: 132rpx; + box-shadow: 0px 4rpx 12rpx 0px rgba(215, 215, 215, 0.5); + border-radius: 16rpx; + box-sizing: border-box; } .order_warp { @@ -964,19 +963,19 @@ export default { display: flex; margin-top: 30rpx; align-items: center; +} - .order_type_title_item { - margin-right: 40rpx; - font-weight: 500; - font-size: 30rpx; - color: #222222; - } +.order_type_title_item { + margin-right: 40rpx; + font-weight: 500; + font-size: 30rpx; + color: #222222; +} - .order_type_title_item_sel { - font-weight: 800; - font-size: 36rpx; - color: $app-bt-bj; - } +.order_type_title_item_sel { + font-weight: 800; + font-size: 36rpx; + color: $app-bt-bj; } .order_list_warp { @@ -989,106 +988,106 @@ export default { border-radius: 20rpx; padding: 30rpx 20rpx; margin-top: 20rpx; +} - .order_item_header { - display: flex; - justify-content: space-between; - align-items: center; - } +.order_item_header { + display: flex; + justify-content: space-between; + align-items: center; +} - .order_product_title { - font-weight: bold; - font-size: 28rpx; - color: #1a1a1a; - margin-left: 10rpx; - } +.order_product_title { + font-weight: bold; + font-size: 28rpx; + color: #1a1a1a; + margin-left: 10rpx; +} - .order_item_header_left { - display: flex; - align-items: center; - } +.order_item_header_left { + display: flex; + align-items: center; +} - .order_item_header_right { - font-weight: 500; - font-size: 22rpx; - } +.order_item_header_right { + font-weight: 500; + font-size: 22rpx; +} - .order_right_due { - display: flex; - background: #fff9f2; - border-radius: 19rpx 22rpx 22rpx 19rpx; - } +.order_right_due { + display: flex; + background: #fff9f2; + border-radius: 19rpx 22rpx 22rpx 19rpx; +} - .order_right_due_msg { - background: $app-bt-bj; - border-radius: 22rpx 0rpx 12rpx 22rpx; - color: #ffffff; - padding: 10rpx 20rpx; - } +.order_right_due_msg { + background: $app-bt-bj; + border-radius: 22rpx 0rpx 12rpx 22rpx; + color: #ffffff; + padding: 10rpx 20rpx; +} - .order_right_due_time { - font-weight: bold; - font-size: 24rpx; - color: $app-bt-bj; - padding: 10rpx 20rpx; - } +.order_right_due_time { + font-weight: bold; + font-size: 24rpx; + color: $app-bt-bj; + padding: 10rpx 20rpx; +} - .order_item_collect { - margin-top: 20rpx; +.order_item_collect { + margin-top: 20rpx; +} - .collect_msg { - font-weight: 500; - font-size: 24rpx; - color: #666666; - text-align: right; - } +.collect_msg { + font-weight: 500; + font-size: 24rpx; + color: #666666; + text-align: right; +} - .collect_msg_s { - display: flex; - justify-content: space-between; - } - } +.collect_msg_s { + display: flex; + justify-content: space-between; } .cancel_show_warp { padding: 20rpx; +} - .cancel_show_title_warp { - position: relative; - font-weight: bold; - font-size: 36rpx; - color: #222222; - line-height: 48rpx; - text-align: center; - } +.cancel_show_title_warp { + position: relative; + font-weight: bold; + font-size: 36rpx; + color: #222222; + line-height: 48rpx; + text-align: center; +} - .cancel_show_title_icon { - position: absolute; - right: 14rpx; - top: 6rpx; - } +.cancel_show_title_icon { + position: absolute; + right: 14rpx; + top: 6rpx; +} - .cancel_show_msg_warp { - background: #f8f8f8; - padding: 30rpx; - font-weight: 500; - font-size: 26rpx; - color: #222222; - line-height: 48rpx; - margin-top: 20rpx; - } +.cancel_show_msg_warp { + background: #f8f8f8; + padding: 30rpx; + font-weight: 500; + font-size: 26rpx; + color: #222222; + line-height: 48rpx; + margin-top: 20rpx; +} - .cancel_show_reason_warp { - margin-top: 20rpx; +.cancel_show_reason_warp { + margin-top: 20rpx; +} - .reason_title { - font-weight: bold; - font-size: 32rpx; - color: #222222; - line-height: 36rpx; - margin-bottom: 20rpx; - } - } +.reason_title { + font-weight: bold; + font-size: 32rpx; + color: #222222; + line-height: 36rpx; + margin-bottom: 20rpx; } .but_border_warp { @@ -1107,20 +1106,20 @@ export default { background: transparent; z-index: 100; box-shadow: 0rpx -4rpx 12rpx 0rpx rgba(0, 0, 0, 0.06); +} - .cancel_show_button { - position: initial; - width: 94%; - background: linear-gradient(270deg, #b164fb 0%, #7934f6 100%); - border-radius: 8rpx; - height: 88rpx; - display: flex; - align-items: center; - justify-content: center; - font-weight: bold; - font-size: 28rpx; - color: #ffffff; - } +.cancel_show_button { + position: initial; + width: 94%; + background: linear-gradient(270deg, #b164fb 0%, #7934f6 100%); + border-radius: 8rpx; + height: 88rpx; + display: flex; + align-items: center; + justify-content: center; + font-weight: bold; + font-size: 28rpx; + color: #ffffff; } .content_info_title { @@ -1150,25 +1149,25 @@ export default { background: #ffffff; box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(0, 0, 0, 0.06); border-radius: 12rpx; +} - .content_info { - display: grid; - margin-left: 20rpx; - text-align: left; - } +.content_info { + display: grid; + margin-left: 20rpx; + text-align: left; +} - .content_info_title { - font-weight: 600; - font-size: 26rpx; - color: rgba(0, 0, 0, 0.9); - line-height: 38rpx; - } +.content_info_title { + font-weight: 600; + font-size: 26rpx; + color: rgba(0, 0, 0, 0.9); + line-height: 38rpx; +} - .content_info_mobile { - font-size: 30rpx; - color: rgba(0, 0, 0, 0.4); - display: flex; - } +.content_info_mobile { + font-size: 30rpx; + color: rgba(0, 0, 0, 0.4); + display: flex; } .but_ { @@ -1202,4 +1201,4 @@ export default { text-align: center; } } - + \ No newline at end of file