From ab21a6f4417a319788c50bddae946a130e2be484 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B5=B5=E6=AF=85?= <1335909236@qq.com> Date: Wed, 20 Aug 2025 16:15:05 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E5=9B=A2=E8=B4=AD=E6=A8=A1?= =?UTF-8?q?=E5=9D=97=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/community/list/index.vue | 12 +- packages/myOrders/afterSale/afterSale.json | 10 +- packages/myOrders/changeInfo/index.vue | 2 +- packages/myOrders/index/orderMockData.json | 10 +- .../myOrders/index/popup/afterSale/index.vue | 2 +- packages/myOrders/sendBack/index.vue | 2 +- packages/payTheFees/index/index.vue | 12 +- packages/shop/groupPurchase/index.css | 209 ++++ packages/shop/groupPurchase/index.vue | 101 ++ packages/shop/groupPurchaseDetail/index.css | 971 ++++++++++++++++++ packages/shop/groupPurchaseDetail/index.vue | 685 ++++++++++++ packages/shop/groupPurchaseSubmit/index.css | 476 +++++++++ packages/shop/groupPurchaseSubmit/index.vue | 256 +++++ packages/shop/index/index.vue | 208 ++-- packages/shop/ztLocation/index.css | 55 + packages/shop/ztLocation/index.vue | 63 ++ packages/storeManagement/index/index.css | 44 +- packages/storeManagement/index/index.vue | 214 ++-- .../storeManagement/orderDetail/index.vue | 2 +- .../orderVerification/index.css | 92 ++ .../orderVerification/index.vue | 76 ++ packages/workOrderDashboard/guide/index.vue | 6 +- pages.json | 35 + 23 files changed, 3292 insertions(+), 251 deletions(-) create mode 100644 packages/shop/groupPurchase/index.css create mode 100644 packages/shop/groupPurchase/index.vue create mode 100644 packages/shop/groupPurchaseDetail/index.css create mode 100644 packages/shop/groupPurchaseDetail/index.vue create mode 100644 packages/shop/groupPurchaseSubmit/index.css create mode 100644 packages/shop/groupPurchaseSubmit/index.vue create mode 100644 packages/shop/ztLocation/index.css create mode 100644 packages/shop/ztLocation/index.vue create mode 100644 packages/storeManagement/orderVerification/index.css create mode 100644 packages/storeManagement/orderVerification/index.vue diff --git a/packages/community/list/index.vue b/packages/community/list/index.vue index 7f319578..98ee8479 100644 --- a/packages/community/list/index.vue +++ b/packages/community/list/index.vue @@ -36,7 +36,7 @@ export default { name: '凯旋城东区', address: '衡水市,桃城-衡水市人民路与育才街交叉口西行100米路南', distance: '0 m', - image: 'http://localhost:8080/test_community.png' + image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test_community.png' }, { @@ -44,35 +44,35 @@ export default { name: '岸芷庭蓝（一区）', address: '衡水市,河阳西路与中华南大街交叉口东220米', distance: '1000 m', - image: 'http://localhost:8080/test_community.png' + image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test_community.png' }, { id: 3, name: '滏阳锦苑', address: '衡水市,滏阳苑', distance: '2 km', - image: 'http://localhost:8080/test_community.png' + image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test_community.png' }, { id: 4, name: '隆兴小区', address: '衡水市,河北省衡水市高新区隆兴西路隆兴小区', distance: '5 km', - image: 'http://localhost:8080/test_community.png' + image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test_community.png' }, { id: 5, name: '紫金广场', address: '衡水市,衡水市桃城区人民西路与庆丰南街交叉口', distance: '894 km', - image: 'http://localhost:8080/test_community.png' + image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test_community.png' }, { id: 6, name: '万和瑞景', address: '衡水市,政通街46号', distance: '12249 km', - image: 'http://localhost:8080/test_community.png' + image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test_community.png' } ] }; diff --git a/packages/myOrders/afterSale/afterSale.json b/packages/myOrders/afterSale/afterSale.json index 1b3dadce..86e28949 100644 --- a/packages/myOrders/afterSale/afterSale.json +++ b/packages/myOrders/afterSale/afterSale.json @@ -8,7 +8,7 @@ "after_sales_reason": "拍错商品/不想要了", "after_sales_type": 1, "application_description": "请尽快处理退款", - "application_images": "http://localhost:8080/test.png", + "application_images": "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png", "is_need_process": 1, "process_status": 1, "refund_amount": 68.00, @@ -23,7 +23,7 @@ "goods_id": 8001, "goods_name": "澳洲牛排", "is_support_same_day": 1, - "commodity_pic": "http://localhost:8080/test.png", + "commodity_pic": "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png", "sales_price": 68.00, "count": 1, "after_sales_status": 1 @@ -68,9 +68,9 @@ "after_sales_reason": "商品质量问题", "after_sales_type": 2, "application_description": "商品包装破损", - "application_images": "http://localhost:8080/test.png", + "application_images": "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png", "return_description": "已通过顺丰寄回", - "return_images": "http://localhost:8080/test.png", + "return_images": "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png", "return_tracking_no": "SF1234567890", "return_logistics_company": "顺丰速运", "return_contact_phone": "13800138000", @@ -125,7 +125,7 @@ "applicant": "王五", "after_sales_reason": "商品发错型号", "application_description": "购买的是XL码，收到L码", - "application_images": "http://localhost:8080/test.png", + "application_images": "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png", "is_need_process": 1, "process_status": 1, "after_sales_goods": "1@8006", diff --git a/packages/myOrders/changeInfo/index.vue b/packages/myOrders/changeInfo/index.vue index 3388b480..ad5363f2 100644 --- a/packages/myOrders/changeInfo/index.vue +++ b/packages/myOrders/changeInfo/index.vue @@ -59,7 +59,7 @@ class="copy-icon" @click="copyRefundNo"/> --> - + diff --git a/packages/myOrders/index/orderMockData.json b/packages/myOrders/index/orderMockData.json index b870cb7b..9c628858 100644 --- a/packages/myOrders/index/orderMockData.json +++ b/packages/myOrders/index/orderMockData.json @@ -32,7 +32,7 @@ "order_id": 1001, "goods_id": 8001, "goods_name": "澳洲牛排", - "commodity_pic": "http://localhost:8080/test.png", + "commodity_pic": "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png", "goods_unit": "盒", "goods_spec": "200g/盒", "cost_price": 45.0, @@ -45,7 +45,7 @@ "id": 7002, "goods_id": 8002, "goods_name": "有机西兰花", - "commodity_pic": "http://localhost:8080/test.png", + "commodity_pic": "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png", "goods_unit": "份", "goods_spec": "500g/份", "cost_price": 8.0, @@ -71,7 +71,7 @@ "id": 7003, "goods_id": 8003, "goods_name": "精品榴莲", - "commodity_pic": "http://localhost:8080/test.png", + "commodity_pic": "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png", "sales_price": 152.0, "count": 1, "is_support_same_day": 1, @@ -129,7 +129,7 @@ "id": 7003, "goods_id": 8003, "goods_name": "冷冻虾仁", - "commodity_pic": "http://localhost:8080/test.png", + "commodity_pic": "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png", "sales_price": 152.0, "count": 3, "is_support_same_day": 1, @@ -139,7 +139,7 @@ "id": 7004, "goods_id": 8004, "goods_name": "精品榴莲", - "commodity_pic": "http://localhost:8080/test.png", + "commodity_pic": "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png", "sales_price": 152.0, "count": 1, "is_support_same_day": 2, diff --git a/packages/myOrders/index/popup/afterSale/index.vue b/packages/myOrders/index/popup/afterSale/index.vue index 7ab7672d..025a6238 100644 --- a/packages/myOrders/index/popup/afterSale/index.vue +++ b/packages/myOrders/index/popup/afterSale/index.vue @@ -186,7 +186,7 @@ {{ merchantAddress }} - + diff --git a/packages/myOrders/sendBack/index.vue b/packages/myOrders/sendBack/index.vue index d2595fe4..afde5bd4 100644 --- a/packages/myOrders/sendBack/index.vue +++ b/packages/myOrders/sendBack/index.vue @@ -83,7 +83,7 @@ - + diff --git a/packages/payTheFees/index/index.vue b/packages/payTheFees/index/index.vue index 035db187..ab4bb4eb 100644 --- a/packages/payTheFees/index/index.vue +++ b/packages/payTheFees/index/index.vue @@ -16,15 +16,15 @@ 选择运营商 - + 移动 - + 中国联通 - + 中国电信 @@ -138,11 +138,11 @@ export default { getOperatorIcon() { switch (this.selectedOperator) { case 'chinaMobile': - return 'http://localhost:8080/payTheFees_yidong.png'; + return 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/payTheFees_yidong.png'; case 'chinaUnicom': - return 'http://localhost:8080/payTheFees_liantong.png'; + return 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/payTheFees_liantong.png'; case 'chinaTelecom': - return 'http://localhost:8080/payTheFees_dianxin.png'; + return 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/payTheFees_dianxin.png'; default: return ''; } diff --git a/packages/shop/groupPurchase/index.css b/packages/shop/groupPurchase/index.css new file mode 100644 index 00000000..3bff853f --- /dev/null +++ b/packages/shop/groupPurchase/index.css @@ -0,0 +1,209 @@ +.group-purchase-container { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + max-width: 750rpx; + margin: 0 auto; + background-color: #ffffff; + min-height: 100vh; +} + +/* 顶部横幅 */ +.banner { + background: linear-gradient(to right, #fd8d3c, #fe4909); + color: white; + /* position: relative; */ + overflow: hidden; + height: 350rpx; + display: flex; + align-items: center; + justify-content: space-between; +} + +.banner image { + width: 100%; + height: 300rpx; + /* object-fit: cover; */ + position: absolute; + top: 0; + left: 0; + z-index: 0; +} + + +.banner-content { + z-index: 1; +} + +.banner-title { + font-size: 36rpx; + font-weight: bold; + margin-bottom: 10rpx; + text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); +} + +.banner-subtitle { + font-size: 18rpx; + background-color: rgba(255, 255, 255, 0.2); + padding: 5rpx 10rpx; + border-radius: 4rpx; + display: inline-block; +} + +/* 商品列表 */ +.goods-list { + background-color: #ffffff; + padding: 30rpx 20rpx; + margin-top: -50rpx; + border-radius: 50rpx 50rpx 0 0; +} + +.goods-item { + border-radius: 10rpx; + padding: 15rpx; + margin-bottom: 25rpx; + display: flex; +} + +.goods-image { + width: 140rpx; + height: 140rpx; + border-radius: 15rpx; + overflow: hidden; + margin-right: 15rpx; +} + +.goods-image image { + width: 100%; + height: 100%; + object-fit: cover; +} + +.goods-info { + flex: 1; + display: flex; + flex-direction: column; + justify-content: space-between; + position: relative; +} + +.goods-name { + font-size: 28rpx; + font-weight: bold; + margin-bottom: 8rpx; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.goods-desc { + font-size: 22rpx; + color: #666; + margin-bottom: 10rpx; +} + +.price-container { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 10rpx; +} + +.group-price { + font-size: 28rpx; + color: #e63946; + margin-right: 10rpx; + padding: 3rpx 8rpx; + border-radius: 4rpx; + display: flex; +} + +.group-price1{ + width: 100rpx; + padding: 10rpx 15rpx; + color: #ffffff; + background-color: #fc5d15; + border-radius: 15rpx 0 0 15rpx; +} + +.group-price2{ + width: auto; + padding: 10rpx 15rpx; + background: linear-gradient(to bottom, #fef6d6, #fee8a9); + border-radius: 0 15rpx 15rpx 0; + +} + +.original-price { + font-size: 26rpx; + color: #999; +} + +.countdown { + width: 250rpx; + font-size: 22rpx; + padding: 10rpx 15rpx; + color: #ffffff; + margin-bottom: 15rpx; + border-radius: 50rpx; + background-color: #fe2f01; + position: absolute; + top: 150rpx; + right: 0; +} + +.quantity-control { + display: flex; + align-items: center; + justify-content: flex-end; +} + +.decrease-btn { + width: 40rpx; + height: 40rpx; + background-color: #f5f5f5; + border: 1rpx solid #ccc; + border-radius: 50%; + line-height: 33rpx; + text-align: center; + font-size: 28rpx; + color: #333; +} + +.increase-btn { + width: 40rpx; + height: 40rpx; + background-color: #ff502a; + border-radius: 50%; + line-height: 33rpx; + text-align: center; + font-size: 28rpx; + color: #ffffff; +} + +.quantity { + margin: 0 15rpx; + font-size: 24rpx; + width: 40rpx; + text-align: center; +} + +/* 购物车按钮 */ +.shop_car { + width: 140rpx; + height: 140rpx; + position: fixed; + right: 33rpx; + bottom: 180rpx; + z-index: 10; +} + +.shop_car image { + width: 100%; + height: 100%; +} + +.u-badge { + position: absolute; + right: 0; + top: -10rpx; +} \ No newline at end of file diff --git a/packages/shop/groupPurchase/index.vue b/packages/shop/groupPurchase/index.vue new file mode 100644 index 00000000..26fd29f6 --- /dev/null +++ b/packages/shop/groupPurchase/index.vue @@ -0,0 +1,101 @@ + + + + + \ No newline at end of file diff --git a/packages/shop/groupPurchaseDetail/index.css b/packages/shop/groupPurchaseDetail/index.css new file mode 100644 index 00000000..4ebda1c6 --- /dev/null +++ b/packages/shop/groupPurchaseDetail/index.css @@ -0,0 +1,971 @@ +page { + background-color: #fff; + padding-bottom: 20rpx; + min-height: 100vh; +} + +image { + width: 100%; + height: 100%; +} + +.header { + position: absolute; + z-index: 2; + width: 750rpx; + height: 243rpx; + background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); +} + +.searchBox { + display: flex; + align-items: center; + z-index: 2; +} + +.searchBox_left { + box-sizing: border-box; + padding-left: 20rpx; +} + +.swiper { + height: 750rpx; + width: 750rpx; + position: relative; +} + +.swiper swiper { + width: 100%; + height: 100%; +} + +.swiper .NumDot { + width: 100rpx; + height: 50rpx; + background: rgba(0, 0, 0, 0.5); + border-radius: 100rpx 100rpx 100rpx 100rpx; + font-size: 30rpx; + color: #FFFFFF; + display: flex; + align-items: center; + justify-content: center; + position: absolute; + right: 27rpx; + bottom: 180rpx; +} + +.box_15 { + position: absolute; + left: 0rpx; + top: 600rpx; + width: 750rpx; + height: 150rpx; + flex-direction: row; + display: flex; + background-image: url('https://wechat-img-file.oss-cn-beijing.aliyuncs.com/gp_detail_top.png'); + background-size: cover; +} + +.section_2 { + width: 221rpx; + height: 116rpx; + display: flex; + flex-direction: column; + justify-content: space-between; + margin: 10rpx 0 0 40rpx; +} + +.text-wrapper_4 { + position: relative; + width: 221rpx; + height: 80rpx; + display: flex; + flex-direction: row; +} + +.text_30 { + width: 184rpx; + height: 80rpx; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1.000000); + font-size: 60rpx; + font-family: Arial-Regular; + font-weight: normal; + text-align: left; + white-space: nowrap; + line-height: 80rpx; + margin-left: 37rpx; +} + +.text_31 { + position: absolute; + left: 0rpx; + top: 16rpx; + width: 40rpx; + height: 60rpx; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1.000000); + font-size: 40rpx; + font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif; + font-weight: normal; + text-align: left; + white-space: nowrap; + line-height: 60rpx; +} + +.text_32 { + width: 203rpx; + height: 32rpx; + overflow-wrap: break-word; + color: rgba(255, 185, 178, 1.000000); + font-size: 28rpx; + font-family: Arial-Regular; + font-weight: normal; + text-align: left; + white-space: nowrap; + line-height: 28rpx; + margin: 4rpx 0 0 14rpx; +} + +.text_33 { + width: 60rpx; + height: 80rpx; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1.000000); + font-size: 40rpx; + font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif; + font-weight: normal; + text-align: left; + line-height: 80rpx; + margin: 16rpx 0 0 3rpx; +} + +.section_3 { + width: 225rpx; + height: 94rpx; + display: flex; + flex-direction: column; + justify-content: space-between; + margin: 22rpx 39rpx 0 162rpx; +} + +.text_34 { + width: 140rpx; + height: 32rpx; + overflow-wrap: break-word; + color: rgba(255, 55, 11, 1.000000); + font-size: 28rpx; + font-family: Arial-Regular; + font-weight: normal; + text-align: left; + white-space: nowrap; + line-height: 28rpx; + margin-left: 51rpx; +} + +.box_16 { + position: relative; + width: 225rpx; + height: 39rpx; + margin-top: 23rpx; + flex-direction: row; + display: flex; +} + +.text_35 { + width: 60rpx; + height: 32rpx; + overflow-wrap: break-word; + color: rgba(255, 55, 11, 1.000000); + font-size: 28rpx; + font-family: Arial-Regular; + font-weight: normal; + text-align: left; + white-space: nowrap; + line-height: 28rpx; + margin-top: 3rpx; +} + +.text_36 { + width: 28rpx; + height: 32rpx; + overflow-wrap: break-word; + color: rgba(255, 55, 11, 1.000000); + font-size: 28rpx; + font-family: Arial-Regular; + font-weight: normal; + text-align: left; + white-space: nowrap; + line-height: 28rpx; + margin: 3rpx 0 0 42rpx; +} + +.text_37 { + width: 28rpx; + height: 32rpx; + overflow-wrap: break-word; + color: rgba(255, 55, 11, 1.000000); + font-size: 28rpx; + font-family: Arial-Regular; + font-weight: normal; + text-align: left; + white-space: nowrap; + line-height: 28rpx; + margin: 3rpx 0 0 33rpx; +} + +.text-wrapper_5 { + background-color: rgba(255, 55, 11, 1.000000); + border-radius: 10rpx; + height: 39rpx; + margin-left: -5rpx; + display: flex; + flex-direction: column; + width: 39rpx; +} + +.text_38 { + width: 32rpx; + height: 32rpx; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1.000000); + font-size: 28rpx; + font-family: Arial-Regular; + font-weight: normal; + text-align: left; + white-space: nowrap; + line-height: 28rpx; + margin: 5rpx 0 0 4rpx; +} + +.text-wrapper_6 { + background-color: rgba(255, 55, 11, 1.000000); + border-radius: 10rpx; + height: 39rpx; + display: flex; + flex-direction: column; + width: 39rpx; + position: absolute; + left: 68rpx; + top: 0rpx; +} + +.text_39 { + width: 32rpx; + height: 32rpx; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1.000000); + font-size: 28rpx; + font-family: Arial-Regular; + font-weight: normal; + text-align: left; + white-space: nowrap; + line-height: 28rpx; + margin: 5rpx 0 0 4rpx; +} + +.text-wrapper_7 { + background-color: rgba(255, 55, 11, 1.000000); + border-radius: 10rpx; + height: 39rpx; + display: flex; + flex-direction: column; + width: 39rpx; + position: absolute; + left: 127rpx; + top: 0rpx; +} + +.text_40 { + width: 32rpx; + height: 32rpx; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1.000000); + font-size: 28rpx; + font-family: Arial-Regular; + font-weight: normal; + text-align: left; + white-space: nowrap; + line-height: 28rpx; + margin: 5rpx 0 0 4rpx; +} + +.Money { + display: flex; + align-items: flex-end; + /* margin-top: 40rpx; */ + font-weight: bold; + font-size: 80rpx; + color: #FF370B; + padding-left: 15rpx; +} + +.MoneyMark { + font-size: 60rpx; + padding-bottom: 6rpx; +} + +.MoneyUnit { + font-size: 40rpx; + font-weight: 400; + padding-bottom: 10rpx; +} + +.oldMoney { + font-size: 40rpx; + color: #C7C7C7; + margin-left: 30rpx; + padding-bottom: 4rpx; +} + +.GGBox { + margin: 0 20rpx; + display: flex; + justify-content: space-between; + margin-top: 30rpx; +} + +.GG_rigth { + display: flex; + align-items: center; +} + +.GG_left { + display: flex; + align-items: center; + flex: 1; + flex-wrap: nowrap; + overflow: hidden; + overflow-x: auto; + margin-right: 40rpx; +} + +/* 促销信息样式 */ +.promotions-container { + padding: 15rpx; + background-color: #FFF; + border-radius: 10rpx; + margin: 15rpx 0; +} + +.promotion-item { + display: flex; + align-items: center; + margin-bottom: 20rpx; +} + +.promotion-tag { + width: 80rpx; + text-align: center; + background-color: #ffe8e5; + color: #ff5029; + padding: 5rpx 15rpx; + border-radius: 10rpx; + font-size: 26rpx; + margin-right: 30rpx; +} + +.promotion-content { + font-size: 26rpx; + color: #333; +} + +.promotion-content1 { + width: auto; + padding: 5rpx 10rpx; + text-align: center; + background-color: #ff6749; + color: white; + border-radius: 10rpx; +} + +.GG_Item { + font-size: 26rpx; + color: #999999; + background: #F6F7FB; + border-radius: 10rpx 10rpx 10rpx 10rpx; + padding: 12rpx 16rpx; + white-space: nowrap; + margin-right: 20rpx; +} + +.Tit { + font-size: 36rpx; + color: #222222; + margin: 0 20rpx; + margin-top: 20rpx; + font-weight: 700; +} + +.Msg { + font-size: 26rpx; + color: #999999; + margin: 0 20rpx; + margin-top: 20rpx; +} + +.GoodsMsg { + /* font-size: 30rpx; */ + color: #222222; + margin: 0 20rpx; + margin-top: 55rpx; + font-weight: 700; +} + + +.Msg_Item { + display: flex; + align-items: center; + border-bottom: 1rpx solid #EBEBEB; + ; +} + +.Msg_ItemTit { + width: 120rpx; + margin-right: 100rpx; + font-size: 26rpx; + color: #999999; + margin: 0 20rpx; + padding: 30rpx 0; +} + +.Msg_ItemCon { + font-size: 26rpx; + color: #222222; + display: flex; + align-items: center; +} + +.Msg_ItemCon image { + width: 28rpx; + height: 28rpx; +} + +.GoosMsg { + width: 100%; +} + +.GoosMsg image { + width: 100%; + height: auto; +} + +.Car { + width: 750rpx; + height: 123rpx; + background: #FFFFFF; + box-shadow: 3rpx -3rpx 15rpx 0rpx rgba(255, 27, 27, 0.05); + display: flex; + position: fixed; + left: 0; + right: 0; + bottom: 0; + box-sizing: border-box; + padding: 0 30rpx; + justify-content: space-between; +} + +.car_left { + display: flex; + align-items: center; + font-size: 24rpx; + color: #222222; +} + +.car_left image { + width: 40rpx; + height: 40rpx; +} + +.car_right { + width: 470rpx; + height: 70rpx; + background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%); + border-radius: 100rpx 100rpx 100rpx 100rpx; + font-size: 36rpx; + color: #FFFFFF; + display: flex; + align-items: center; + justify-content: center; + margin-top: 26rpx; +} + +.cars { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + position: relative; +} + +.share { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-right: 36rpx; +} + +.u-badge { + position: absolute; + right: 0; + top: -10rpx; +} + +.car_right .input { + font-size: 36rpx; + color: #FFFFFF; + font-weight: 700; +} + + +.shadow { + background: rgba(0, 0, 0, 0.4); + position: fixed; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 9; +} + +.shadowBox1 { + height: 250rpx; + width: 100%; + background-color: #fff; + position: absolute; + left: 0; + bottom: 0; + display: flex; +} + +.shadowBox1Item { + flex: 1; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-size: 26rpx; + color: #000000; +} + +.shadowBox1Item image { + width: 100rpx; + height: 100rpx; + margin-bottom: 26rpx; +} + +.shadowBox2 { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + width: auto; + height: auto; +} + +.shadowBox_img { + width: 600rpx; + height: 945rpx; + background: url('https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_share_bg.png') no-repeat; + background-size: 100% 100%; +} + +.shadowBox_btn { + font-size: 36rpx; + color: #FFFFFF; + width: 600rpx; + height: 90rpx; + background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%); + border-radius: 100rpx 100rpx 100rpx 100rpx; + display: flex; + align-items: center; + justify-content: center; + margin-top: 60rpx; +} + +.boxshadow_tit { + font-size: 32rpx; + color: #222222; + text-align: center; + padding-top: 40rpx; +} + +.boxshadow_img { + width: 450rpx; + height: 600rpx; + margin: 0 auto; + margin-top: 40rpx; +} + +.line { + margin: 0 auto; + width: 556rpx; + height: 1rpx; + border-bottom: 1rpx dashed #E9E9E9; + margin-top: 40rpx; +} + +.shadowBoxInfo { + display: flex; + align-items: center; + margin-left: 62rpx; + margin-top: 11rpx; +} + +.shadowboxInfo_left { + width: 130rpx; + height: 130rpx; + background: #EFEFEF; + border-radius: 50%; + overflow: hidden; + display: flex; + align-items: center; + justify-content: center; + margin-right: 36rpx; +} + +.shadowboxInfo_right_1 { + font-size: 32rpx; + color: #222222; + margin-bottom: 10rpx; +} + +.shadowboxInfo_right_2 { + font-size: 26rpx; + color: #999999; +} + +.active { + background: #FF370B; + color: #fff; +} + +.priceInfo { + height: 450rpx; + padding: 20rpx; +} + +.priceInfo-title { + /* font-size: 30rpx; */ + font-weight: bolder; + margin: 15rpx 0 20rpx 0; +} + +.priceInfo-content { + font-size: 26rpx; + color: #9c9c9c; + line-height: 1.7; +} + +.priceInfo-content-title { + font-size: 28rpx; + color: #333; +} + +.fenge { + width: 100%; + height: 15rpx; + background-color: #f5f7fb; +} + +/* 评价部分样式 */ +.reviews-section { + padding: 20rpx; + background-color: #fff; + margin-bottom: 20rpx; +} + +.reviews-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 20rpx; +} + +.reviews-header h3 { + /* font-size: 32rpx; */ + font-weight: bold; +} + +.view-all { + color: #999; + font-size: 26rpx; + background: none; + border: none; + padding: 0; +} + +.reviews-list { + margin-top: 20rpx; +} + +.review-item { + padding: 20rpx 0; + border-bottom: 1rpx solid #f5f5f5; +} + +.review-user { + display: flex; + align-items: center; + margin-bottom: 15rpx; +} + +.user-avatar { + width: 60rpx; + height: 60rpx; + border-radius: 50%; + margin-right: 15rpx; +} + +.user-info { + flex: 1; +} + +.user-name { + font-size: 28rpx; + font-weight: 500; +} + +.user-purchase { + font-size: 24rpx; + color: #999; + margin: 10rpx 0; +} + +.review-content { + font-size: 27rpx; + line-height: 1.5; + margin-bottom: 15rpx; +} + +.review-images { + display: flex; + flex-wrap: wrap; + gap: 10rpx; + margin-bottom: 15rpx; +} + +.review-img { + width: 140rpx; + height: 140rpx; + border-radius: 8rpx; +} + +.review-time { + font-size: 24rpx; + color: #999; + text-align: right; +} + +.popup-header { + display: flex; + padding-left: 80rpx; + margin: 20rpx 0; +} + +.popup-header-h3 { + font-weight: bold; + margin: 0 auto; +} + +.popup-header-view { + font-size: 24rpx; + color: #999; + margin-right: 30rpx; +} + +.temp { + display: flex; + justify-content: space-between; + align-items: center; +} + +.temp1 { + display: flex; + justify-content: space-between; + align-items: center; + font-size: 24rpx; + color: #959595; + margin: 20rpx 0 5rpx 0; +} + +.temp_img { + width: 35rpx; + height: 35rpx; + margin-right: 10rpx; +} + +.temp_img1 { + width: 30rpx; + height: 30rpx; + margin: 5rpx 5rpx 0 5rpx; +} + +.itemSize { + width: 30%; + font-size: 26rpx; + color: #333; + background: #F6F7FB; + border-radius: 40rpx; + padding: 10rpx 15rpx; + white-space: nowrap; + margin: 20rpx 30rpx; +} + +.itemSize_active { + background: #FF370B; + color: #fff; +} + +.itemSize-img { + width: 100rpx; + height: 100rpx; + margin-right: 30rpx; + border-radius: 20rpx; + border: 1rpx solid red; +} + +.itemSize_top { + display: flex; + margin-left: 30rpx; +} + +.itemSize_info { + margin-top: 10rpx; +} + +.itemSize_name { + font-size: 28rpx; + font-weight: 500; + font-weight: bold; +} + +.itemSize_price { + font-size: 28rpx; + font-weight: 500; + margin-top: 10rpx; + color: red; +} + +/* 已购买区域样式 */ +.purchase-area { + display: flex; + justify-content: space-between; + align-items: center; + padding: 20rpx 30rpx; + background-color: #fff; +} + +.purchase-count { + font-size: 28rpx; + color: #333; + font-weight: bold; +} + +.view-more { + font-size: 28rpx; + color: #333; + display: flex; + align-items: center; +} + +.buy-btn{ + width: 150rpx; + height: 50rpx; + line-height: 50rpx; + background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%); + color: #ffffff; + border: none; + border-radius: 35rpx; + font-size: 28rpx; + text-align: center; +} + +/* 团购记录弹窗样式 */ +.purchase-popup { + background-color: #fff; + padding: 15rpx; +} + +.purchase-records { + padding: 20rpx 0; +} + +.record-header { + display: flex; + justify-content: space-around; + padding: 10rpx 0; + border-bottom: 1rpx solid #eee; + margin-bottom: 20rpx; +} + +.record-header-item { + font-size: 28rpx; + color: #666; + flex: 1; + text-align: center; +} + +.record-list { + max-height: 500rpx; + overflow-y: auto; +} + +.record-item { + display: flex; + justify-content: space-around; + align-items: center; + padding: 20rpx; + border-bottom: 1rpx solid #f5f5f5; +} + +.record-user { + display: flex; + align-items: center; + flex: 1; +} + +.user-avatar { + width: 60rpx; + height: 60rpx; + border-radius: 50%; + margin-right: 10rpx; +} + +.user-name { + font-size: 24rpx; + color: #999; +} + +.record-amount { + font-size: 24rpx; + color: #999; + flex: 1; + text-align: center; +} + +.record-time { + font-size: 24rpx; + color: #999; + flex: 1; + text-align: center; +} + +.record-footer { + display: flex; + justify-content: flex-end; + padding: 20rpx; +} + +.buy-button { + width: 180rpx; + height: 70rpx; + line-height: 70rpx; + background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%); + color: #ffffff; + border: none; + border-radius: 35rpx; + font-size: 28rpx; + text-align: center; +} \ No newline at end of file diff --git a/packages/shop/groupPurchaseDetail/index.vue b/packages/shop/groupPurchaseDetail/index.vue new file mode 100644 index 00000000..3f41fe26 --- /dev/null +++ b/packages/shop/groupPurchaseDetail/index.vue @@ -0,0 +1,685 @@ + + + + + \ No newline at end of file diff --git a/packages/shop/groupPurchaseSubmit/index.css b/packages/shop/groupPurchaseSubmit/index.css new file mode 100644 index 00000000..7b166309 --- /dev/null +++ b/packages/shop/groupPurchaseSubmit/index.css @@ -0,0 +1,476 @@ +page { + background-color: #f5f7fb; + +} + +.container { + padding: 0; + margin: 0; + font-size: 28rpx; + color: #333; +} + +/* 顶部切换栏 */ +.tab-bar { + display: flex; + background-color: #fff; + padding: 20rpx 0; +} + +.tab-item { + width: 180rpx; + height: 70rpx; + line-height: 70rpx; + text-align: center; + border-radius: 15rpx; + margin: 0 20rpx; + font-size: 28rpx; + border: 1rpx solid #ddd; +} + +.tab-item.active { + background-color: #ff370b; + color: #fff; +} + +/* 分隔线 */ +.divider { + height: 20rpx; + background-color: #f5f5f5; +} + +/* 公共标题样式 */ +.section-title { + font-size: 32rpx; + color: #333; + font-weight: bold; + padding: 20rpx 30rpx; +} + +/* 收货地址区域 */ +.info-section { + background: repeating-linear-gradient(to right, + #fe5355, + #fe5355 20px, + #549aff 20px, + #549aff 40px); + padding: 10rpx 0; +} + +.address-section { + background-color: #fff; +} + +.address-info { + padding: 30rpx; + display: flex; + justify-content: space-between; + align-items: flex-start; + border-bottom: 1rpx solid #eee; +} + +.address-main { + flex: 1; +} + +.address-name-phone { + display: flex; + align-items: center; + margin-bottom: 10rpx; +} + +.name { + font-size: 32rpx; + margin-right: 20rpx; +} + +.phone { + font-size: 30rpx; + color: #666; +} + +.address-detail { + font-size: 28rpx; + color: #666; + line-height: 40rpx; +} + +.address-arrow { + color: #333; +} + +/* 商品信息区域 */ +.goods-section { + background-color: #fff; + margin-bottom: 20rpx; +} + +.goods-item { + border-radius: 10rpx; + padding: 15rpx; + display: flex; + background-color: #fff; + +} + +.goods-image { + width: 140rpx; + height: 140rpx; + border-radius: 15rpx; + overflow: hidden; + margin-right: 15rpx; +} + +.goods-image image { + width: 100%; + height: 100%; + object-fit: cover; +} + +.goods-info { + flex: 1; + display: flex; + flex-direction: column; + justify-content: space-between; + position: relative; +} + +.goods-name { + font-size: 28rpx; + font-weight: bold; + margin-bottom: 8rpx; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.goods-desc { + font-size: 22rpx; + color: #666; + margin-bottom: 10rpx; +} + +.price-container { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 10rpx; +} + +.group-price { + font-size: 28rpx; + color: #e63946; + margin-right: 10rpx; + border-radius: 4rpx; + display: flex; +} + +.group-price1 { + width: 100rpx; + padding: 10rpx 15rpx; + color: #ffffff; + background-color: #fc5d15; + border-radius: 15rpx 0 0 15rpx; +} + +.group-price2 { + width: auto; + padding: 10rpx 15rpx; + background: linear-gradient(to bottom, #fef6d6, #fee8a9); + border-radius: 0 15rpx 15rpx 0; + +} + +.original-price { + font-size: 26rpx; + color: #999; +} + +.countdown { + width: 250rpx; + font-size: 22rpx; + padding: 10rpx 15rpx; + color: #ffffff; + margin-bottom: 15rpx; + border-radius: 50rpx; + background-color: #fe2f01; + position: absolute; + top: 150rpx; + right: 0; +} + +.quantity-control { + display: flex; + align-items: center; + justify-content: flex-end; +} + +.decrease-btn { + width: 40rpx; + height: 40rpx; + background-color: #f5f5f5; + border: 1rpx solid #ccc; + border-radius: 50%; + line-height: 33rpx; + text-align: center; + font-size: 28rpx; + color: #333; +} + +.increase-btn { + width: 40rpx; + height: 40rpx; + background-color: #ff502a; + border-radius: 50%; + line-height: 33rpx; + text-align: center; + font-size: 28rpx; + color: #ffffff; +} + +.quantity { + margin: 0 15rpx; + font-size: 24rpx; + width: 40rpx; + text-align: center; +} + +/* 运费和总金额区域 */ +.fee-section, +.total-section { + background-color: #fff; + padding: 30rpx; + display: flex; + justify-content: space-between; + border-bottom: 1rpx solid #eee; +} + +.fee-name, +.total-name { + font-size: 30rpx; +} + +.fee-value, +.total-value { + font-size: 30rpx; + color: #333; +} + +.total-value { + font-weight: bold; + color: #FF7658; +} + +/* 支付方式区域 */ +.payment-section { + background-color: #fff; + margin-bottom: 20rpx; + margin-top: 15rpx; +} + +.payment-item { + padding: 30rpx; + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 1rpx solid #eee; +} + +.payment-icon { + width: 60rpx; + height: 60rpx; + margin-right: 20rpx; +} + +.payment-icon image { + width: 100%; + height: 100%; +} + +.payment-content { + flex: 1; +} + +.payment-name { + font-size: 32rpx; + margin-bottom: 5rpx; +} + +.payment-desc { + font-size: 26rpx; + color: #333; +} + +.payment-select { + color: #FF7658; +} + +/* 立即支付按钮 */ +.pay-button { + height: 100rpx; + line-height: 100rpx; + text-align: center; + background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%); + color: #fff; + font-size: 36rpx; + font-weight: bold; + border-radius: 50rpx; + position: absolute; + bottom: 50rpx; + left: 15%; + width: 70%; +} + +/* 自提样式 */ +.pickup-info { + padding: 30rpx; + background-color: #fff; +} + +.pickup-address { + font-size: 30rpx; + margin-bottom: 10rpx; +} + +.pickup-time { + font-size: 28rpx; + color: #999; +} + +/* 弹窗 */ +.shadow { + background: rgba(0, 0, 0, 0.4); + position: fixed; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 9; +} + +.shadowBox2 { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + width: auto; + height: auto; +} + +.shadowBox_img { + width: 600rpx; + height: 900rpx; + background-color: #fff; + border-radius: 20rpx; +} + +.boxshadow_tit { + font-size: 32rpx; + color: #222222; + padding-top: 40rpx; + display: flex; + justify-content: center; + align-items: center; +} + +.boxshadow_tit_img { + width: 70rpx; + height: 70rpx; + margin-right: 10rpx; +} + +.boxshadow_img { + width: 300rpx; + height: 300rpx; + margin: 0 auto; + margin-top: 40rpx; + text-align: center; +} + +.boxbottom { + width: 100%; + margin-top: 100rpx; + display: flex; + justify-content: center; + align-items: center; +} + +.line1 { + width: 80rpx; + height: 1rpx; + margin: 0 10rpx; + background: linear-gradient(to left, #333, #fff); +} + +.line2 { + width: 80rpx; + height: 1rpx; + margin: 0 10rpx; + background: linear-gradient(to right, #333, #fff); +} + +.shadowBox1 { + width: 100%; + display: flex; + margin-top: 30rpx; +} + +.shadowBox1Item { + flex: 1; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-size: 26rpx; + color: #000000; +} + +.shadowBox1Item image { + width: 100rpx; + height: 100rpx; + margin-bottom: 26rpx; +} + +.shadowBoxInfo { + display: flex; + align-items: center; + margin-left: 62rpx; + margin-top: 11rpx; +} + +.shadowboxInfo_left { + width: 130rpx; + height: 130rpx; + background: #EFEFEF; + border-radius: 50%; + overflow: hidden; + display: flex; + align-items: center; + justify-content: center; + margin-right: 36rpx; +} + +.shadowboxInfo_right_1 { + font-size: 32rpx; + color: #222222; + margin-bottom: 10rpx; +} + +.shadowboxInfo_right_2 { + font-size: 26rpx; + color: #999999; +} + +.shadowBox_btn { + font-size: 36rpx; + color: #FFFFFF; + width: 600rpx; + height: 90rpx; + background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%); + border-radius: 100rpx 100rpx 100rpx 100rpx; + display: flex; + align-items: center; + justify-content: center; + margin-top: 60rpx; +} \ No newline at end of file diff --git a/packages/shop/groupPurchaseSubmit/index.vue b/packages/shop/groupPurchaseSubmit/index.vue new file mode 100644 index 00000000..02f78f5b --- /dev/null +++ b/packages/shop/groupPurchaseSubmit/index.vue @@ -0,0 +1,256 @@ + + + \ No newline at end of file diff --git a/packages/shop/index/index.vue b/packages/shop/index/index.vue index 71d64edb..f1cd4d8a 100644 --- a/packages/shop/index/index.vue +++ b/packages/shop/index/index.vue @@ -1,26 +1,26 @@ + + \ No newline at end of file diff --git a/packages/storeManagement/index/index.css b/packages/storeManagement/index/index.css index 9a47faeb..475c0757 100644 --- a/packages/storeManagement/index/index.css +++ b/packages/storeManagement/index/index.css @@ -41,25 +41,35 @@ image { } -.content{ - margin-top: 30rpx; - height: 1100rpx; - padding: 20rpx; - width: 100%; - box-sizing: border-box; - background-color: #fff; - display: flex; +.content { + margin-top: 30rpx; + height: 1100rpx; + padding: 20rpx; + width: 100%; + box-sizing: border-box; + background-color: #fff; + display: flex; } -.iconStyle{ - width: 100%; - height: 200rpx; +.iconStyle { + width: 100%; + height: 200rpx; } -.nav_icon { - width: 50rpx; - height: 50rpx; - margin-bottom: 20rpx; +.grid-item { + width: 80rpx; + height: 80rpx; + border-radius: 25rpx; + background-color: #f6f6f6; + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 15rpx; +} + +.nav_icon { + width: 50rpx; + height: 50rpx; } .community { @@ -351,7 +361,7 @@ image { position: relative; } -.boxshadowCon_Text{ +.boxshadowCon_Text { font-size: 20rpx; color: #999999; text-align: center; @@ -361,7 +371,7 @@ image { position: relative; } -.boxshadowCon_Text2{ +.boxshadowCon_Text2 { font-size: 20rpx; color: #999999; font-weight: 500; diff --git a/packages/storeManagement/index/index.vue b/packages/storeManagement/index/index.vue index c0572132..22bc3404 100644 --- a/packages/storeManagement/index/index.vue +++ b/packages/storeManagement/index/index.vue @@ -1,134 +1,146 @@ \ No newline at end of file diff --git a/packages/storeManagement/orderDetail/index.vue b/packages/storeManagement/orderDetail/index.vue index 32e55660..94366c7e 100644 --- a/packages/storeManagement/orderDetail/index.vue +++ b/packages/storeManagement/orderDetail/index.vue @@ -44,7 +44,7 @@ ￥64.1 确认退款后款项将自动原路返回消费者 退款备注 - + 确定 diff --git a/packages/storeManagement/orderVerification/index.css b/packages/storeManagement/orderVerification/index.css new file mode 100644 index 00000000..adab508f --- /dev/null +++ b/packages/storeManagement/orderVerification/index.css @@ -0,0 +1,92 @@ +.verification-container { + display: flex; + flex-direction: column; + align-items: center; + padding: 60rpx 40rpx; + box-sizing: border-box; + background-color: #ffffff; +} + +.input-container { + width: 100%; + margin-bottom: 60rpx; +} + +.input-label { + display: block; + font-size: 28rpx; + color: #999999; + margin-bottom: 20rpx; +} + +.verification-input { + width: 100%; + height: 88rpx; + border-bottom: 1rpx solid #ddd; + font-size: 32rpx; + color: #333333; +} + +.verify-btn { + width: 100%; + height: 98rpx; + line-height: 98rpx; + text-align: center; + background: linear-gradient(90deg, #FF5A34 0%, #FF370B 100%); + border-radius: 49rpx; + font-size: 32rpx; + color: #ffffff; + font-weight: bold; + margin-bottom: 100rpx; + border: none; +} + +.scan-container { + display: flex; + flex-direction: column; + align-items: center; +} + +.scan-icon { + width: 200rpx; + height: 200rpx; + border-radius: 20rpx; + background-color: #f8f8f8; + display: flex; + justify-content: center; + align-items: center; + position: relative; + margin-bottom: 30rpx; + border-radius: 50%; +} + +.barcode-icon { + width: 130rpx; + height: 130rpx; +} + +.scan-red-icon { + width: 40rpx; + height: 40rpx; + background-color: #FF370B; + border-radius: 50%; + position: absolute; + bottom: 30rpx; + right: 30rpx; + display: flex; + justify-content: center; + align-items: center; +} + +.scan-red-icon::before { + content: ''; + width: 16rpx; + height: 16rpx; + background-color: #ffffff; + border-radius: 50%; +} + +.scan-text { + font-size: 28rpx; + color: #333333; +} \ No newline at end of file diff --git a/packages/storeManagement/orderVerification/index.vue b/packages/storeManagement/orderVerification/index.vue new file mode 100644 index 00000000..bd639b68 --- /dev/null +++ b/packages/storeManagement/orderVerification/index.vue @@ -0,0 +1,76 @@ + + + + + diff --git a/packages/workOrderDashboard/guide/index.vue b/packages/workOrderDashboard/guide/index.vue index 8f389573..a3307426 100644 --- a/packages/workOrderDashboard/guide/index.vue +++ b/packages/workOrderDashboard/guide/index.vue @@ -2,7 +2,7 @@ - + {{ communityVal }} @@ -10,7 +10,7 @@ - +