diff --git a/pages.json b/pages.json
index 57960f7..4e81bf5 100644
--- a/pages.json
+++ b/pages.json
@@ -178,6 +178,13 @@
{
"navigationBarTitleText" : ""
}
+ },
+ {
+ "path" : "pages/mine/OrderDetails/OrderDetails",
+ "style" :
+ {
+ "navigationBarTitleText" : ""
+ }
}
],
"globalStyle": {
diff --git a/pages/booking/respectable/respectable.vue b/pages/booking/respectable/respectable.vue
index 8f45b08..7186182 100644
--- a/pages/booking/respectable/respectable.vue
+++ b/pages/booking/respectable/respectable.vue
@@ -1,70 +1,188 @@
<template>
-<view class="flex-col justify-start page">
- <view class="flex-col section">
- <view class="flex-col group">
- <view class="flex-col relative section_2">
- <view class="flex-row items-baseline self-stretch">
- <text class="font text">尊贵体验</text>
- <text class="ml-20 font_2 text_2">非遗匠心独运，奢华专属定制</text>
- </view>
- <text class="self-start font_2 text_3">服装特点</text>
- <view class="flex-col items-start self-stretch group_2">
- <text class="font_3">提供限量版或定制款汉服，如宫廷风格龙袍、凤冠霞帔等。</text>
- <text class="mt-2 font_3">服装工艺精湛，面料奢华，适合特殊场合或高端体验。</text>
- <text class="mt-2 font_3">配饰豪华，尽显尊贵气质。</text>
- </view>
- <text class="self-start font_2 text_4">服务内容</text>
- <view class="flex-col items-start self-stretch group_3">
- <text class="font_3">定制化妆及发型设计。</text>
- <text class="mt-2 font_3">服装租赁服务。</text>
- <text class="mt-2 font_3">高端摄影服务（含10张精修照片）。</text>
+<view class="flex-col page">
+ <view class="flex-col justify-start items-start relative group">
+ <view class="section"></view>
+ <text class="font text pos">填写预约信息</text>
+ <view class="flex-col section_2 pos_2">
+ <view class="flex-row justify-between items-center group_2">
+ <view class="flex-row items-center">
+ <image
+ class="shrink-0 image"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=8bde7b2f7a6da1a009b89295a48cc8ec.png"
+ />
+ <text class="font_2 text_2 ml-7">联系人：张三</text>
+ <text class="font_2 text_3 ml-7">15888610253</text>
</view>
<image
- class="image pos"
- src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=a708765f6b985078e3f28954b3fe4dcd.png"
+ class="image_2"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=10d9d3f5abdae8518f3c6c3fa1bbb544.png"
/>
</view>
- <view class="mt-12 flex-col section_3">
- <text class="self-start font text_5">服装选择</text>
- <view class="flex-col self-stretch mt-11">
- <view class="flex-row items-center mt-10 list-item" v-for="(item, index) in fuzhuang" :key="index">
- <image
- class="shrink-0 image_3"
- src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=91d23f14317358e61b5b6e64919fcf05.png"
- />
- <view class="flex-col flex-1 ml-11">
- <view class="flex-col self-stretch">
- <view class="flex-row justify-end self-stretch group_4">
- <text class="font_4">详细信息</text>
- <image
- class="image_2"
- src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=9975609994c07321ade6a37bb7864447.png"
- />
- </view>
- <text class="self-start font_5 text_6 mt-3">龙凤呈祥华丽长袍</text>
- </view>
- <view class="mt-4 self-stretch group_5">
- <text class="font_7">服装简介：</text>
- <text class="font_6">
- 这件京剧服饰色彩鲜艳，以红色和绿色为主色调，配以金色和银色的点缀。它使用了传统的云纹、凤凰和其他吉祥图案，这些图案通过精细的刺绣工艺...
- </text>
- </view>
- <text class="mt-4 self-end font_8">￥550</text>
- </view>
+ <view class="flex-row justify-between items-center group_3">
+ <view class="flex-row items-center">
+ <image
+ class="image"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=c6dac3074d9c4e4d6286c07f0ea03db5.png"
+ />
+ <view class="flex-col items-start ml-9">
+ <text class="font_3">到店日期：2024-10-15</text>
+ <text class="mt-2 font_3">具体场次：上午场（09:30-12:00）</text>
</view>
</view>
+ <image
+ class="image_2"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=10d9d3f5abdae8518f3c6c3fa1bbb544.png"
+ />
+ </view>
+ </view>
+ </view>
+ <view class="flex-col group_4">
+ <text class="self-start font text_4">选择预约类别</text>
+ <view class="mt-14 flex-col justify-start self-stretch section_3">
+ <view class="flex-row equal-division">
+ <view class="flex-col items-center section_4 equal-division-item">
+ <image
+ class="image_3"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=8d7c72d7541acde36f72d77b0e869448.png"
+ />
+ <text class="mt-2 font_4 text_5">整套约拍</text>
+ </view>
+ <view class="flex-col items-center section_5 equal-division-item ml-23">
+ <image
+ class="image_3"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=0f93b11d2804338440c616b1c69df87b.png"
+ />
+ <text class="mt-2 font_4">自带服装</text>
+ <view class="mt-2 section_6 pos_3"></view>
+ </view>
</view>
</view>
- <view class="mt-40 flex-row section6">
- <view class="flex-col items-center shrink-0 section_4">
+ </view>
+ <view class="flex-col section_7">
+ <view class="flex-col group_5">
+ <text class="self-start font text_6">选择服装价位</text>
+ <view class="flex-row items-center self-stretch section_8 view">
+ <view class="flex-row items-center flex-1">
+ <image
+ class="shrink-0 image_4"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=c58ffae9f1ef4340291223163c7a8297.png"
+ />
+ <view class="flex-col flex-1 ml-13">
+ <text class="self-start font_2 text_7">简约风尚</text>
+ <view class="flex-row items-baseline self-stretch mt-11">
+ <text class="font_2">价位：</text>
+ <text class="font_6 text_8 ml-1">￥100-200</text>
+ </view>
+ <text class="self-stretch font_7 text_9 mt-11">传承非遗之美，简约演绎经典</text>
+ </view>
+ </view>
+ <view class="flex-row shrink-0 ml-21">
+ <view class="flex-col justify-start items-center button"><text class="font_5">选择</text></view>
+ <image
+ class="ml-8 image_5"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=7d16fc8dfa328fc97ff273ebeab9bc18.png"
+ />
+ </view>
+ </view>
+ <view class="flex-row justify-between items-center self-stretch section_8">
<image
class="image_4"
- src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=47be6e2fba9a351ce021444d1113200f.png"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=bc0e955304da0a2ccafe3a66ac1f3aca.png"
+ />
+ <view class="flex-col">
+ <text class="self-start font_2 text_10">时尚精选</text>
+ <view class="flex-row items-baseline self-stretch mt-11">
+ <text class="font_2">价位：</text>
+ <text class="font_6 text_12 ml-1">￥200-400</text>
+ </view>
+ <text class="self-stretch font_7 text_13 mt-11">融合时尚与传统，精选非遗华章</text>
+ </view>
+ <view class="flex-col justify-start items-center text-wrapper"><text class="font_5 text_11">已选</text></view>
+ <image
+ class="image_5"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=7d16fc8dfa328fc97ff273ebeab9bc18.png"
/>
- <text class="mt-2 text_8">客服</text>
</view>
- <view class="flex-col justify-start items-end flex-1 section_5" @click="jump_xuzhi">
- <view class="flex-col justify-start items-center text-wrapper"><text class="text_7">现在去预约</text></view>
+ <view class="flex-row items-center self-stretch section_8">
+ <view class="flex-row items-center flex-1">
+ <image
+ class="shrink-0 image_6"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=4c1c758fda92536b923ec745cb077f5a.png"
+ />
+ <view class="flex-col flex-1 ml-13">
+ <text class="self-start font_2 text_14">奢华专属</text>
+ <view class="flex-row items-baseline self-stretch mt-11">
+ <text class="font_2">价位：</text>
+ <text class="font_6 text_8 ml-1">￥400-800</text>
+ </view>
+ <text class="self-stretch font_7 text_9 mt-11">非遗匠心独运，奢华专属定制</text>
+ </view>
+ </view>
+ <view class="flex-row shrink-0 ml-21">
+ <view class="flex-col justify-start items-center button"><text class="font_5">选择</text></view>
+ <image
+ class="ml-8 image_5"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=7d16fc8dfa328fc97ff273ebeab9bc18.png"
+ />
+ </view>
+ </view>
+ </view>
+ <view class="flex-col">
+ <view class="divider"></view>
+ <view class="flex-col group_6">
+ <view class="flex-col">
+ <text class="self-start font text_15">选择拍摄场景</text>
+ <view class="flex-row self-stretch mt-15">
+ <view class="flex-row justify-center items-center section_9">
+ <image
+ class="image_7"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=c1648e930bd0a16582101342bc977e3f.png"
+ />
+ <text class="ml-16 font_8 text_16">室内</text>
+ <view class="ml-16 section_10"></view>
+ </view>
+ <view class="flex-row justify-center items-center section_9 ml-23">
+ <image
+ class="image_7"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=fdab8bc2c0e97484b59f998d8623f890.png"
+ />
+ <text class="ml-16 font_8 text_17">室外</text>
+ <view class="ml-16 section_10"></view>
+ </view>
+ </view>
+ </view>
+ <view class="mt-26 flex-row justify-center items-center">
+ <image
+ class="badge"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=18dd2fa44538df4392850f46b9b3550e.png"
+ />
+ <text class="ml-4 font_7 text_18">预约须知</text>
+ </view>
+ </view>
+ </view>
+ </view>
+ <view class="flex-row justify-between items-center section_11">
+ <view class="flex-row items-center group_7">
+ <view class="flex-col justify-start items-start shrink-0 relative">
+ <text class="font_8">定金：</text>
+ <image
+ class="image_2 pos_4"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=3393d3563afcfe7dedbadba1ea5328a0.png"
+ />
+ </view>
+ <text class="font_6 text_19">88.</text>
+ <text class="text_21">00</text>
+ </view>
+ <view class="flex-row items-center">
+ <view class="flex-row button_3">
+ <text class="text_22">费用说明</text>
+ <image
+ class="shrink-0 image_8 ml-3"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=0455b173571a47fdc438588e788f26c5.png"
+ />
+ </view>
+ <view class="ml-10 flex-col justify-start items-center button_2">
+ <text class="font_4 text_20">确定预约</text>
</view>
</view>
</view>
@@ -72,200 +190,397 @@
</template>
<script setup>
- import {ref} from 'vue'
- const fuzhuang = ref([null,null,null,null,null,null])
- const jump_xuzhi =()=>{
- uni.navigateTo({
- url: '../../../pages/booking/BillingOfFees/BillingOfFees'
- })
- }
+import { ref } from 'vue';
+
+ const Whole = ref([
+ tab:'选择服装价位'
+ {
+ img:'',
+ name:'简约风尚',
+ price:'100-200',
+ title:'传承非遗之美，简约演绎经典'
+ },
+ {
+ img:'',
+ name:'时尚精选',
+ price:'200-400',
+ title:'融合时尚与传统，精选非遗划账'
+ },
+ {
+ img:'',
+ name:'奢华专属',
+ price:'400-800',
+ title:'非遗匠心独运，奢华专属定制'
+ }
+ ])
+const own=ref([
+ tab:'选择服务'
+ {
+ img:'',
+ name:'妆发预约',
+ price:'20',
+ title:'包括底妆，眉毛，眼妆，腮红和唇妆，根据您的肤色和服装风格进行个性化设计'
+ },
+ {
+ img:'',
+ name:'摄影服务',
+ price:'15',
+ title:'提供专业的摄影棚和灯光设备，为客户打造舒适的拍摄环境'
+ },
+])
</script>
<style lang="scss" scoped>
+.ml-7 {
+ margin-left: 13.13rpx;
+}
+.ml-9 {
+ margin-left: 16.88rpx;
+}
+.ml-13 {
+ margin-left: 24.38rpx;
+}
+.ml-21 {
+ margin-left: 39.38rpx;
+}
+.ml-1 {
+ margin-left: 1.88rpx;
+}
+.mt-15 {
+ margin-top: 28.13rpx;
+}
+.ml-23 {
+ margin-left: 43.13rpx;
+}
.mt-11 {
margin-top: 20.63rpx;
}
-.ml-11 {
- margin-left: 20.63rpx;
-}
-.mt-3 {
- margin-top: 5.63rpx;
+.ml-3 {
+ margin-left: 5.63rpx;
}
.page {
+ padding-top: 45rpx;
background-color: #f5f5dc;
- height: 100%;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
-}
-.section {
- padding-top: 22.5rpx;
- background-color: #f5f5dc;
+ height: 100%;
}
.group {
- padding: 0 16.88rpx;
+ padding-top: 11.25rpx;
}
-.section_2 {
- padding: 37.5rpx 41.25rpx 30rpx;
- background-color: #fffdbb;
- border-radius: 18.75rpx 18.75rpx 0rpx 0rpx;
+.section {
+ margin-left: 71.25rpx;
+ background-color: #ffffff00;
+ border-radius: 18.75rpx;
+ width: 281.25rpx;
+ height: 281.25rpx;
}
.font {
font-size: 30rpx;
font-family: Open Sans;
+ line-height: 27.75rpx;
+ color: #323232;
}
.text {
- color: #323232;
- line-height: 27.86rpx;
-}
-.font_2 {
- font-size: 22.5rpx;
- font-family: Open Sans;
- line-height: 22.5rpx;
- color: #323232;
-}
-.text_2 {
- color: #898989;
- line-height: 21.36rpx;
-}
-.text_3 {
- margin-top: 22.5rpx;
- line-height: 20.79rpx;
-}
-.group_2 {
- margin-top: 15rpx;
- padding: 0 22.5rpx;
-}
-.font_3 {
- font-size: 22.5rpx;
- font-family: Open Sans;
- line-height: 26.25rpx;
- color: #696969;
-}
-.text_4 {
- margin-top: 26.25rpx;
- line-height: 20.77rpx;
-}
-.group_3 {
- margin-top: 15rpx;
- padding: 0 24.38rpx;
-}
-.image {
- width: 127.5rpx;
- height: 127.5rpx;
+ line-height: 27.96rpx;
}
.pos {
position: absolute;
- right: 18.77rpx;
- bottom: 11.25rpx;
+ left: 21.62rpx;
+ top: 0;
}
-.section_3 {
- padding: 37.5rpx 30rpx;
+.section_2 {
+ padding-left: 33.75rpx;
+ padding-right: 28.13rpx;
background-color: #fffef8;
border-radius: 18.75rpx;
- margin-bottom: 80rpx;
}
-.text_5 {
- color: #000000;
- line-height: 27.71rpx;
+.pos_2 {
+ position: absolute;
+ left: 20.63rpx;
+ right: 20.63rpx;
+ top: 53.63rpx;
}
-.list-item {
- padding: 22.5rpx 18.75rpx 22.5rpx 30rpx;
- background-color: #fff3c3;
- border-radius: 9.38rpx;
+.group_2 {
+ padding: 31.88rpx 0 15rpx;
+ border-bottom: solid 1.88rpx #e2e0e0;
}
-.list-item:first-child {
- margin-top: 0;
+.image {
+ width: 43.13rpx;
+ height: 43.13rpx;
}
-.image_3 {
- border-radius: 9.38rpx;
- width: 148.13rpx;
- height: 165rpx;
-}
-.group_4 {
- padding: 0 3.75rpx;
-}
-.font_4 {
- font-size: 18.75rpx;
+.font_2 {
+ font-size: 26.25rpx;
font-family: Open Sans;
- line-height: 17.44rpx;
+ line-height: 24.3rpx;
color: #323232;
}
+.text_2 {
+ line-height: 24rpx;
+}
+.text_3 {
+ line-height: 24rpx;
+}
.image_2 {
- width: 15rpx;
- height: 15rpx;
+ width: 33.75rpx;
+ height: 33.75rpx;
}
-.font_5 {
+.group_3 {
+ padding: 22.5rpx 0 37.5rpx;
+}
+.font_3 {
font-size: 26.25rpx;
font-family: Open Sans;
- line-height: 22.5rpx;
+ line-height: 31.88rpx;
color: #323232;
}
-.text_6 {
- line-height: 24.28rpx;
+.group_4 {
+ margin-top: 26.25rpx;
+ padding: 0 30rpx;
}
-.group_5 {
- line-height: 22.5rpx;
+.text_4 {
+ line-height: 27.69rpx;
}
-.font_7 {
- font-size: 18.75rpx;
- font-family: Open Sans;
- line-height: 22.5rpx;
- color: #323232;
+.section_3 {
+ padding: 31.88rpx 0;
+ background-color: #fffef8;
+ border-radius: 18.75rpx;
}
-.font_6 {
- font-size: 18.75rpx;
- font-family: Open Sans;
- line-height: 22.5rpx;
- color: #828282;
-}
-.font_8 {
- font-size: 33.75rpx;
- font-family: Times New Roman;
- line-height: 24.73rpx;
- color: #ff3c3c;
+.equal-division {
+ margin: 0 41.25rpx;
}
.section_4 {
- padding: 15rpx 0;
- background-color: #ffc470;
- width: 118.13rpx;
- height: 114.38rpx;
+ flex: 1 1 281.25rpx;
}
-.image_4 {
- width: 52.5rpx;
- height: 52.5rpx;
+.image_3 {
+ width: 192rpx;
+ height: 192rpx;
}
-.text_8 {
- color: #fffef8;
- font-size: 26.25rpx;
+.font_4 {
+ font-size: 30rpx;
font-family: Inter;
- line-height: 24.17rpx;
+ line-height: 27.75rpx;
+ color: #323232;
+}
+.text_5 {
+ line-height: 27.99rpx;
}
.section_5 {
- padding: 15rpx 0;
+ position: relative;
+ flex: 1 1 281.25rpx;
+}
+.equal-division-item {
+ padding: 15rpx 0 41.25rpx;
+ background-color: #fff291;
+ border-radius: 18.75rpx;
+ height: 281.25rpx;
+}
+.section_6 {
+ background-color: #ffffff99;
+ border-radius: 18.75rpx;
+ width: 281.25rpx;
+ height: 281.25rpx;
+}
+.pos_3 {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+}
+.section_7 {
+ margin-top: 30rpx;
+ padding-bottom: 46.88rpx;
+ background-color: #fff3c3;
+}
+.group_5 {
+ padding: 30rpx 30rpx 37.5rpx;
+}
+.text_6 {
+ line-height: 27.86rpx;
+}
+.section_8 {
+ margin-top: 16.88rpx;
+ padding: 26.25rpx 26.25rpx 26.25rpx 39.38rpx;
background-color: #fffef8;
- height: 114.38rpx;
+ border-radius: 18.75rpx;
+}
+.view {
+ margin-top: 41.25rpx;
+}
+.image_4 {
+ border-radius: 9.38rpx;
+ width: 118.13rpx;
+ height: 151.88rpx;
+}
+.text_7 {
+ line-height: 24.26rpx;
+}
+.font_6 {
+ font-size: 33.75rpx;
+ font-family: Open Sans;
+ line-height: 24.3rpx;
+ color: #ff3c3c;
+}
+.text_8 {
+ line-height: 24.81rpx;
+}
+.button {
+ padding: 7.5rpx 0;
+ background-color: #fbb612;
+ border-radius: 9.38rpx;
+ width: 75rpx;
+ height: 37.5rpx;
+}
+.font_5 {
+ font-size: 22.5rpx;
+ font-family: Open Sans;
+ line-height: 20.72rpx;
+ color: #ffffff;
+}
+.image_5 {
+ width: 37.5rpx;
+ height: 37.5rpx;
+}
+.text_10 {
+ line-height: 24.15rpx;
+}
+.text_12 {
+ line-height: 24.81rpx;
}
.text-wrapper {
- margin-right: 20.63rpx;
+ padding: 7.5rpx 0;
+ background-color: #d9d9d9;
+ border-radius: 9.38rpx;
+ width: 75rpx;
+ height: 37.5rpx;
+}
+.text_11 {
+ line-height: 20.61rpx;
+}
+.image_6 {
+ width: 118.13rpx;
+ height: 151.88rpx;
+}
+.text_14 {
+ line-height: 24.23rpx;
+}
+.divider {
+ margin: 0 22.5rpx;
+ background-color: #ff8550;
+ height: 1.88rpx;
+}
+.group_6 {
+ padding: 22.5rpx 30rpx 0;
+}
+.text_15 {
+ line-height: 27.64rpx;
+}
+.section_9 {
+ flex: 1 1 322.5rpx;
+ padding: 26.25rpx 0;
+ background-color: #fffef8;
+ border-radius: 18.75rpx;
+ height: 153.75rpx;
+}
+.image_7 {
+ border-radius: 9.38rpx;
+ width: 123.75rpx;
+ height: 101.25rpx;
+}
+.font_8 {
+ font-size: 26.25rpx;
+ font-family: Inter;
+ line-height: 24.3rpx;
+ color: #000000;
+}
+.text_16 {
+ line-height: 24.21rpx;
+}
+.section_10 {
+ background-color: #ffffff;
+ border-radius: 50%;
+ width: 33.75rpx;
+ height: 33.75rpx;
+ border-left: solid 1.88rpx #c4c4c4;
+ border-right: solid 1.88rpx #c4c4c4;
+ border-top: solid 1.88rpx #c4c4c4;
+ border-bottom: solid 1.88rpx #c4c4c4;
+}
+.text_17 {
+ line-height: 24.09rpx;
+}
+.badge {
+ width: 28.13rpx;
+ height: 28.13rpx;
+}
+.font_7 {
+ font-size: 22.5rpx;
+ font-family: Open Sans;
+ line-height: 20.72rpx;
+ color: #8a8a8a;
+}
+.text_13 {
+ line-height: 21.38rpx;
+}
+.text_9 {
+ line-height: 21.36rpx;
+}
+.text_18 {
+ color: #000000;
+ line-height: 20.77rpx;
+}
+.section_11 {
+ margin-top: 48.75rpx;
+ padding: 15rpx 22.5rpx;
+ background-color: #fffef8;
+}
+.group_7 {
+ width: 180.06rpx;
+}
+.pos_4 {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+}
+.text_19 {
+ color: #fbb612;
+ font-weight: 700;
+ line-height: 24.84rpx;
+}
+.text_21 {
+ color: #fbb612;
+ font-size: 26.25rpx;
+ font-family: Open Sans;
+ font-weight: 700;
+ line-height: 19.29rpx;
+}
+.button_3 {
+ padding: 9.38rpx 11.25rpx;
+ background-color: #d9d9d9;
+ border-radius: 9.38rpx;
+ height: 37.5rpx;
+}
+.text_22 {
+ color: #323232;
+ font-size: 18.75rpx;
+ font-family: Inter;
+ line-height: 17.36rpx;
+}
+.image_8 {
+ width: 18.75rpx;
+ height: 18.75rpx;
+}
+.button_2 {
padding: 26.25rpx 0;
background-color: #fbb612;
border-radius: 75rpx;
- width: 457.5rpx;
+ width: 238.13rpx;
+ height: 82.5rpx;
}
-.text_7 {
+.text_20 {
color: #ffffff;
- font-size: 30rpx;
- font-family: Inter;
- line-height: 27.86rpx;
}
-.section6 {
- position: fixed;
- bottom: 0;
- left: 0;
- right: 0;
- padding-bottom: 10rpx;
- background-color: #f5f5dc;
-}
- @import url(../../../common/css/global.css);
+@import url(/common/css/global.css);
</style>
\ No newline at end of file
diff --git a/pages/mine/OrderDetails/OrderDetails.vue b/pages/mine/OrderDetails/OrderDetails.vue
new file mode 100644
index 0000000..c4550f0
--- /dev/null
+++ b/pages/mine/OrderDetails/OrderDetails.vue
@@ -0,0 +1,436 @@
+<template>
+ <view class="flex-col page">
+ <view class="flex-col">
+ <view class="flex-col justify-start items-start image-wrapper">
+ <image
+ class="image"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=c450ffa87845363012613b1e0f522a87.png"
+ />
+ </view>
+ <view class="flex-col group">
+ <view class="flex-row items-center section">
+ <image
+ class="image_2"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=d7c7e8f082bbf68fe1e60091fa650fcd.png"
+ />
+ <view class="ml-6 flex-col items-start flex-1">
+ <text class="font text">等待买家付款</text>
+ <text class="font_2 text_2 mt-5">请于13分51秒内付款，超时订单将自动关闭</text>
+ </view>
+ </view>
+ <view class="mt-8 flex-row items-center section_2">
+ <image
+ class="shrink-0 image_3"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=19ebf0fd3bd190ff882354f39ef52d3e.png"
+ />
+ <view class="ml-8 flex-col items-start flex-1">
+ <!-- <text class="font text_3">张三 15888610253</text> -->
+ <view class="font text_3">{{Status.addressSnapshot.name+Status.addressSnapshot.phone}}</view>
+ <!-- <text class="mt-12 font_2 text_4">黑龙江省哈尔滨市呼兰区学院路街道288号哈尔滨华德学院</text> -->
+ <view class="mt-12 font_2 text_4">{{Status.addressSnapshot.region+Status.addressSnapshot.detailAddress}}</view>
+ </view>
+ </view>
+ <view class="mt-8 flex-col section_3">
+ <view class="flex-row justify-between self-stretch group_2">
+ <view class="flex-row self-center">
+ <!-- <image
+ class="image_4"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=be4a0c4089866e086291773796509ef4.png"
+ /> -->
+ <view v-for="i in Status.orderItemList" :key="i" >
+ <image :src="i.goodSnapshot.goodImg" style="height: 50px;width: 50px;" class="image_4"></image>
+ </view>
+ <view class="flex-col group_3 ml-17">
+ <view class="flex-col">
+ <view class="flex-row self-stretch">
+ <!-- <text class="font">非遗绒花</text> -->
+ <view v-for="i in Status.orderItemList" :key="i" class="font">
+ {{i.goodSnapshot.name}}
+ </view>
+ <!-- <text class="ml-4 font">【材料包】</text> -->
+ <view v-for="i in Status.orderItemList" :key="i" class="ml-4 font">
+ 【{{i.goodSnapshot.type}}】
+ </view>
+ </view>
+ <text class="self-start font_2 text_5 mt-11">已选种类：紫色</text>
+ </view>
+ <view class="mt-38 flex-row items-center">
+ <view class="flex-row items-center group_4">
+ <!-- <text class="text_6">138.</text> -->
+ <view v-for="i in Status.orderItemList" :key="i" class="text_6" >
+ {{i.goodSnapshot.price}}
+ </view>
+ <image
+ class="image_5 image_6"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=53a8efcd2031289983433ba21eb70050.png"
+ />
+ </view>
+ </view>
+ </view>
+ </view>
+ <text class="self-start font_3 text_8">×1</text>
+ </view>
+ <view class="flex-row justify-between items-center self-stretch group_5">
+ <text class="font_4 text_9">商品金额</text>
+ <view class="flex-row items-center">
+ <!-- <text class="font_3">138.00</text> -->
+ <view v-for="i in Status.orderItemList" :key="i" class="font_3">
+ {{i.goodSnapshot.price}}
+ </view>
+ </view>
+ </view>
+ <view class="flex-row justify-between items-center self-stretch group_6">
+ <text class="font_4 text_10">优惠券</text>
+ <view class="flex-row items-center">
+ <text class="font_3">-50.00</text>
+ </view>
+ </view>
+ <view class="flex-row justify-end items-center self-stretch group_7">
+ <view class="flex-row items-center group_8">
+ <image
+ class="image_5 image_8"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=4713f88f0f01fcb4c33fac4a8eba7f0f.png"
+ />
+ <text class="font text_11">合计：</text>
+ </view>
+ <text class="font_3 text_12">88.00</text>
+ </view>
+ <view class="self-stretch divider view"></view>
+ <text class="self-start font_4 text_13">买家留言</text>
+ <view class="flex-col justify-start self-stretch text-wrapper">
+ <text class="font_2 text_14">
+ 希望所使用的材料是可持续来源的，并且制作工艺要精细，以确保每一朵花瓣都能生动地展现出绒花的质感和美感。
+ </text>
+ </view>
+ <view class="self-stretch divider view_2"></view>
+ <view class="flex-row justify-between self-stretch group_9">
+ <text class="font_2 text_15">订单编号：</text>
+ <view class="flex-row items-center">
+ <!-- <text class="font_5 text_16">E20241005095840091406189</text> -->
+ <text class="font_5 text_16">{{Status.orderNumber}}</text>
+ <view class="ml-2 flex-col justify-start items-center shrink-0 text-wrapper_2">
+ <text class="text_17">复制</text>
+ </view>
+ </view>
+ </view>
+ <view class="flex-row justify-between items-center self-stretch group_10">
+ <text class="font_2 text_18">创建时间：</text>
+ <text class="font_5 text_19">2024-10-05 09:58:41</text>
+ </view>
+ </view>
+ </view>
+ </view>
+ <view class="flex-row justify-between items-center section_4 mt-284">
+ <view class="flex-row items-center" style="margin-left:80px;">
+ <!-- <text class="text_21">88.</text> -->
+ <text class="font_6 text_20" > 合计：</text>
+ <!-- <text class="text_23">00</text> -->
+ <view v-for="i in Status.orderItemList" :key="i" class="text_21">
+ {{i.goodSnapshot.price}}
+ </view>
+ </view>
+ <view class="flex-col justify-start items-center text-wrapper_3">
+ <!-- <text class="font_6 text_22">去支付</text> -->
+ <view v-if="Status.orderStatus==='待支付'" class="font_6 text_22">去支付</view>
+ <view v-if="Status.orderStatus==='待发货'" class="font_6 text_22">取消订单</view>
+ <view v-if="Status.orderStatus==='已发货'" class="font_6 text_22">确认收货</view>
+ <view v-if="Status.orderStatus==='售后'" class="font_6 text_22">售后详情</view>
+ </view>
+ </view>
+ </view>
+</template>
+<script setup>
+import {onMounted, ref} from 'vue'
+import { onLoad } from "@dcloudio/uni-app";
+const Status = ref({})
+console.log(Status.value,34)
+onLoad((options) => {
+ Status.value = JSON.parse(options.info);
+ console.log(Status.value,111)
+ console.log(Status.value.orderStatus,222)
+})
+</script>
+<style lang="scss" scoped>
+.mt-5 {
+ margin-top: 9.38rpx;
+}
+.ml-17 {
+ margin-left: 31.88rpx;
+}
+.mt-11 {
+ margin-top: 20.63rpx;
+}
+.mt-284 {
+ margin-top: 532.5rpx;
+}
+.page {
+ background-color: #f8e8c1;
+ width: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ height: 100%;
+}
+.image-wrapper {
+ padding: 15rpx 0;
+ background-color: #fffef8;
+}
+.image {
+ margin-left: 16.88rpx;
+ width: 37.5rpx;
+ height: 37.5rpx;
+}
+.group {
+ padding: 15rpx 15rpx 0;
+}
+.section {
+ padding: 16.88rpx 18.75rpx;
+ background-color: #fffef8;
+ border-radius: 18.75rpx;
+}
+.image_2 {
+ width: 75rpx;
+ height: 75rpx;
+}
+.section_2 {
+ padding: 33.75rpx 18.75rpx;
+ background-color: #fffef8;
+ border-radius: 18.75rpx;
+}
+.image_3 {
+ width: 43.13rpx;
+ height: 43.13rpx;
+}
+.font_2 {
+ font-size: 22.5rpx;
+ font-family: Open Sans;
+ line-height: 19.39rpx;
+ color: #818181;
+}
+.text_2 {
+ color: #6b6e72;
+ line-height: 21.34rpx;
+}
+.text_4 {
+ line-height: 20.91rpx;
+}
+.section_3 {
+ padding: 0 18.75rpx 26.25rpx 24.38rpx;
+ background-color: #fffef8;
+ border-radius: 18.75rpx;
+}
+.group_2 {
+ padding: 22.5rpx 0;
+ border-bottom: solid 1.88rpx #dfdfdf;
+}
+.image_4 {
+ margin-bottom: 5.63rpx;
+ border-radius: 9.38rpx;
+ width: 146.25rpx;
+ height: 165rpx;
+}
+.group_3 {
+ margin-top: 3.75rpx;
+}
+.font {
+ font-size: 26.25rpx;
+ font-family: Open Sans;
+ line-height: 24.43rpx;
+ color: #323232;
+}
+.text_3 {
+ line-height: 23.77rpx;
+}
+.text {
+ color: #323233;
+ font-size: 28.13rpx;
+ line-height: 26.08rpx;
+}
+.text_5 {
+ line-height: 20.79rpx;
+}
+.group_4 {
+ width: 90.66rpx;
+}
+.text_6 {
+ margin-left: 26.25rpx;
+ color: #323232;
+ font-size: 33.75rpx;
+ font-family: Open Sans;
+ font-weight: 600;
+ line-height: 24.88rpx;
+}
+.image_5 {
+ width: 30rpx;
+ height: 30rpx;
+}
+.image_6 {
+ margin-left: -90rpx;
+}
+.font_3 {
+ font-size: 26.25rpx;
+ font-family: Open Sans;
+ line-height: 19.39rpx;
+ color: #323232;
+}
+.text_7 {
+ font-weight: 600;
+ line-height: 19.29rpx;
+}
+.text_8 {
+ margin-right: 7.5rpx;
+ margin-top: 146.25rpx;
+ line-height: 18.73rpx;
+}
+.group_5 {
+ margin-top: 26.25rpx;
+}
+.font_4 {
+ font-size: 26.25rpx;
+ font-family: Open Sans;
+ line-height: 24.43rpx;
+ color: #818181;
+}
+.text_9 {
+ line-height: 24.28rpx;
+}
+.group_6 {
+ margin-top: 13.13rpx;
+}
+.text_10 {
+ line-height: 24.26rpx;
+}
+.image_7 {
+ width: 41.25rpx;
+ height: 30rpx;
+}
+.group_7 {
+ margin-top: 16.88rpx;
+}
+.group_8 {
+ width: 102.26rpx;
+}
+.image_8 {
+ margin-left: 71.25rpx;
+}
+.text_11 {
+ margin-left: -101.25rpx;
+ line-height: 24.09rpx;
+}
+.text_12 {
+ color: #fb8b05;
+}
+.divider {
+ background-color: #dfdfdf;
+ height: 1.88rpx;
+}
+.view {
+ margin-top: 16.88rpx;
+}
+.text_13 {
+ margin-top: 30rpx;
+ line-height: 24.21rpx;
+}
+.text-wrapper {
+ margin-top: 15rpx;
+ padding: 15rpx 0 11.25rpx;
+ background-color: #fffef8;
+ border-radius: 9.38rpx;
+ border-left: solid 1.88rpx #f0f0b5;
+ border-right: solid 1.88rpx #f0f0b5;
+ border-top: solid 1.88rpx #f0f0b5;
+ border-bottom: solid 1.88rpx #f0f0b5;
+}
+.text_14 {
+ margin-left: 15rpx;
+ margin-right: 18.75rpx;
+ line-height: 26.25rpx;
+}
+.view_2 {
+ margin-top: 18.75rpx;
+}
+.group_9 {
+ margin-top: 22.5rpx;
+}
+.text_15 {
+ line-height: 20.85rpx;
+}
+.font_5 {
+ font-size: 22.5rpx;
+ font-family: Open Sans;
+ color: #323232;
+}
+.text_16 {
+ line-height: 16.54rpx;
+}
+.text-wrapper_2 {
+ background-color: #fffef8;
+ width: 50.63rpx;
+ height: 22.5rpx;
+ border-left: solid 0.94rpx #d1d1d1;
+ border-right: solid 0.94rpx #d1d1d1;
+ border-top: solid 0.94rpx #d1d1d1;
+ border-bottom: solid 0.94rpx #d1d1d1;
+}
+.text_17 {
+ color: #323232;
+ font-size: 18.75rpx;
+ font-family: Open Sans;
+ line-height: 17.38rpx;
+}
+.group_10 {
+ margin-top: 11.25rpx;
+}
+.text_18 {
+ line-height: 20.7rpx;
+}
+.text_19 {
+ margin-right: 157.5rpx;
+ line-height: 16.63rpx;
+}
+.section_4 {
+ padding: 15rpx 26.25rpx;
+ background-color: #fffef8;
+}
+.image_9 {
+ margin-left: 86.25rpx;
+ width: 33.75rpx;
+ height: 33.75rpx;
+}
+.text_21 {
+ color: #fbb612;
+ font-size: 37.5rpx;
+ font-family: Open Sans;
+ font-weight: 700;
+ line-height: 27.62rpx;
+}
+.font_6 {
+ font-size: 30rpx;
+ font-family: Open Sans;
+ line-height: 27.62rpx;
+}
+.text_20 {
+ margin-left: -172.5rpx;
+ color: #000000;
+ line-height: 27.54rpx;
+}
+.text_23 {
+ margin-left: 78.75rpx;
+ color: #fbb612;
+ font-size: 30rpx;
+ font-family: Open Sans;
+ font-weight: 700;
+ line-height: 22.05rpx;
+}
+.text-wrapper_3 {
+ padding: 22.5rpx 0;
+ background-color: #fbb612;
+ border-radius: 75rpx;
+ width: 204.38rpx;
+ height: 71.25rpx;
+}
+.text_22 {
+ color: #ffffff;
+ line-height: 27.86rpx;
+}
+@import url(/common/css/global.css);
+</style>
diff --git a/pages/mine/mineorders/mineorders.vue b/pages/mine/mineorders/mineorders.vue
index 7ca6ad5..4bf1e38 100644
--- a/pages/mine/mineorders/mineorders.vue
+++ b/pages/mine/mineorders/mineorders.vue
@@ -1,156 +1,486 @@
<template>
- <view class="container">
- <view class="order-tabs">
- <view
- class="tab-item"
- :class="{ active: orderStatus === '全部', selected: isSelected('全部') }"
- @click="changeTab('全部')"
- >
- 全部
- </view>
- <view
- class="tab-item"
- :class="{ active: orderStatus === '待支付', selected: isSelected('待支付') }"
- @click="changeTab('待支付')"
- >
- 待支付
- </view>
- <view
- class="tab-item"
- :class="{ active: orderStatus === '待发货', selected: isSelected('待发货') }"
- @click="changeTab('待发货')"
- >
- 待发货
- </view>
- <view
- class="tab-item"
- :class="{ active: orderStatus === '已发货', selected: isSelected('已发货') }"
- @click="changeTab('已发货')"
- >
- 已发货
- </view>
- <view
- class="tab-item"
- :class="{ active: orderStatus === '售后', selected: isSelected('售后') }"
- @click="changeTab('售后')"
- >
- 售后
- </view>
- </view>
- <view class="order-list">
- <view v-for="order in Status.displayedOrders" :key="order.id" class="order-item">
- {{order.orderStatus}}
- <view v-for="item in order.orderItemList" :key="item.id">
- <image :src="item.goodSnapshot.goodImg" style="height: 50px;width: 50px;"></image>
- </view>
- <view v-for="item in order.orderItemList" :key="item.id">
- {{ item.goodSnapshot.name }}
- </view>
- <view v-for="item in order.orderItemList" :key="item.id">
- {{ item.goodSnapshot.type }}
- </view>
- <view v-for="item in order.orderItemList" :key="item.id">
- {{ item.goodSnapshot.price }}
- </view>
- <view v-if="order.orderStatus==='待支付'" >去支付</view>
- <view v-if="order.orderStatus==='待发货'" >取消订单</view>
- <view v-if="order.orderStatus==='已发货'" >确认收货</view>
- <view v-if="order.orderStatus==='售后'" >售后详情</view>
- </view>
- </view>
- </view>
+ <view class="flex-col page">
+ <view class="flex-col section">
+ <view class="flex-col justify-start section_2">
+ <view class="flex-row justify-center items-center section_3">
+ <image class="image"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=49977e5fbfb65cc3b62ce79b9d6705a2.png" />
+ <text class="ml-4 font text">搜索订单</text>
+ </view>
+ </view>
+ <view class="flex-col section_4">
+ <view class="flex-row justify-between self-stretch group">
+ <view class="font_2" :class="{ active: orderStatus === '全部', selected: isSelected('全部') }"
+ @click="changeTab('全部')">
+ 全部
+ </view>
+ <view class="font_2" :class="{ active: orderStatus === '待支付', selected: isSelected('待支付') }"
+ @click="changeTab('待支付')">
+ 待支付
+ </view>
+ <view class="font_2" :class="{ active: orderStatus === '待发货', selected: isSelected('待发货') }"
+ @click="changeTab('待发货')">
+ 待发货
+ </view>
+ <view class="font_2" :class="{ active: orderStatus === '已发货', selected: isSelected('已发货') }"
+ @click="changeTab('已发货')">
+ 已发货
+ </view>
+ <view class="font_2" :class="{ active: orderStatus === '售后', selected: isSelected('售后') }"
+ @click="changeTab('售后')">
+ 售后
+ </view>
+ </view>
+
+ </view>
+ </view>
+ <view class=" mt-11">
+ <view v-for="(order, index) in Status.displayedOrders" :key="order.id" class="text_7"
+ @click="goToText(index)">
+ <text class="self-end font_66">等待卖家发货</text>
+ <view class="flex-row items-baseline self-stretch group_2">
+ <text class="font_4 text_5">订单编号：</text>
+ <text class="font_4 text_6 ml-5">E20241005095840091406189</text>
+ </view>
+ <view class="flex-row self-stretch group_3">
+ <!-- <image class="image_2"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=5875e21da70a62be74e9dcc2c322ece9.png" /> -->
+ <view v-for="item in order.orderItemList" :key="item.id">
+ <image :src="item.goodSnapshot.goodImg" class="image_2"></image>
+ </view>
+ <view class="flex-col self-start">
+ <view class="name">
+ <!-- <text class="font text_7">非遗绒花</text> -->
+ <view view v-for="item in order.orderItemList" :key="item.id" class="font text_7">
+ {{ item.goodSnapshot.name }}
+ </view>
+ <!-- <text class="ml-4 font text_8">【材料包】</text> -->
+ <view view v-for="item in order.orderItemList" :key="item.id" class=" font text_8">
+ 【{{ item.goodSnapshot.type }}】
+ </view>
+ </view>
+ <text class="self-start font_4 text_11 mt-11">已选种类：紫色</text>
+ </view>
+ <view style="margin-left: 130px;">
+ <view>
+ <view view v-for="item in order.orderItemList" :key="item.id">
+ {{ item.goodSnapshot.price }}
+ </view>
+ </view>
+ <text class="mt-22 self-end font text_12">×1</text>
+ </view>
+ </view>
+ <view class="flex-row justify-end items-center self-stretch group_5 view">
+ <text class="font_6 text_13">已优惠：</text>
+ <image class="image_3"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=fdc5706a15c3ea209832fbbc3f8f8100.png" />
+ <view class="group_6">
+ <text class="font_7 text_14">50</text>
+ <text class="font_5">.00</text>
+ </view>
+ </view>
+ <view class="flex-row justify-end items-center self-stretch group_5 view_2">
+ <text class="font_6 text_15">需付款：</text>
+ <image class="image_3"
+ src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=ea05ec17023763edb8cfe919508e0459.png" />
+ <view class="group_7">
+ <text class="font_7 text_16">88</text>
+ <text class="font_5 text_17">.00</text>
+ </view>
+ </view>
+ <view class="flex-row justify-end self-stretch group_5 view_3">
+ <view class="flex-col justify-start items-center text-wrapper">
+ <!-- <text class="font text_18">取消订单</text> -->
+ <view v-if="order.orderStatus==='待支付'" class="font text_18">去支付</view>
+ <view v-if="order.orderStatus==='待发货'" class="font text_18">取消订单</view>
+ <view v-if="order.orderStatus==='已发货'" class="font text_18">确认收货</view>
+ <view v-if="order.orderStatus==='售后'" class="font text_18">售后详情</view>
+ </view>
+ <view class="flex-col justify-start items-center text-wrapper_2 ml-21">
+ <text class="font_3 text_19">联系客服</text>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
</template>
<script setup>
-import { ref, onMounted, toRaw } from 'vue';
-import { baseUrl, testUrl, suiUrl } from '@/api/request';
-const currentColor = ref(0);
-onMounted(async () => {
- await Getorder();
- Status.displayedOrders = Status.orders;
-});
-const userInfo = ref({
- userInfo: uni.getStorageSync('userInfo'),
-});
-const Getorder = async () => {
- const res = await uni.request({
- url: baseUrl + '/order/list',
- method: 'POST',
- data: {
- // id:userInfo.value.userInfo.id,
- id: 215,
- },
- });
- if (res.data.code === 1) {
- Status.value.orders = res.data.data;
- } else {
- console.log('没拿到用户数据');
- }
-};
-const Status = ref({
- orderStatus: '全部',
- orders: [],
- displayedOrders: [],
-});
-const changeTab = (tab) => {
- if (tab === '全部') {
- Status.value.displayedOrders = Status.value.orders;
- Status.value.orderStatus = '全部';
- } else {
- Status.value.displayedOrders = Status.value.orders.filter((order) => {
- switch (tab) {
- case '待支付':
- return order.orderStatus === '待支付';
- case '待发货':
- return order.orderStatus === '待发货';
- case '已发货':
- return order.orderStatus === '已发货';
- case '售后':
- return order.orderStatus === '售后';
- default:
- return false;
- }
- });
- Status.value.orderStatus = tab;
- }
-};
-const isSelected = (tab) => Status.value.orderStatus === tab;
+ import {
+ ref,
+ onMounted,
+ toRaw
+ } from 'vue';
+ import {
+ baseUrl,
+ testUrl,
+ suiUrl
+ } from '@/api/request';
+ const currentColor = ref(0);
+ onMounted(async () => {
+ await Getorder();
+ Status.displayedOrders = Status.orders;
+ });
+ const userInfo = ref({
+ userInfo: uni.getStorageSync('userInfo'),
+ });
+ const Getorder = async () => {
+ const res = await uni.request({
+ url: baseUrl + '/order/list',
+ method: 'POST',
+ data: {
+ // id:userInfo.value.userInfo.id,
+ id: 215,
+ },
+ });
+ if (res.data.code === 1) {
+ Status.value.orders = res.data.data;
+ } else {
+ console.log('没拿到用户数据');
+ }
+ };
+ const Status = ref({
+ orderStatus: '全部',
+ orders: [],
+ displayedOrders: [],
+ });
+ const changeTab = (tab) => {
+ if (tab === '全部') {
+ Status.value.displayedOrders = Status.value.orders;
+ Status.value.orderStatus = '全部';
+ } else {
+ Status.value.displayedOrders = Status.value.orders.filter((order) => {
+ switch (tab) {
+ case '待支付':
+ return order.orderStatus === '待支付';
+ case '待发货':
+ return order.orderStatus === '待发货';
+ case '已发货':
+ return order.orderStatus === '已发货';
+ case '售后':
+ return order.orderStatus === '售后';
+ default:
+ return false;
+ }
+ });
+ Status.value.orderStatus = tab;
+ }
+ };
+ const isSelected = (tab) => Status.value.orderStatus === tab;
+
+ const goToText = (index) => {
+ console.log('下标-->', index);
+ uni.navigateTo({
+ url: '../../../pages/mine/OrderDetails/OrderDetails?info=' + JSON.stringify(Status.value.displayedOrders[index]),
+ })
+ }
</script>
<style lang="scss" scoped>
-.container {
- padding-bottom: 20px;
+ .ml-5 {
+ margin-left: 9.38rpx;
+ }
+
+ .mt-11 {
+ margin: 10px 10px 0 10px;
+ }
+
+ .ml-21 {
+ margin-left: 39.38rpx;
+ }
+.name{
+
+}
+ .page {
+ padding-bottom: 1003.13rpx;
+ background-color: #f8e8c1;
+ width: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ height: 100%;
+ }
+
+ .section {
+ background-color: #fffef8;
+ }
+
+ .section_2 {
+ padding: 15rpx 0;
+ background-color: #f5f5dc;
+ }
+
+ .section_3 {
+ margin: 0 35.63rpx;
+ padding: 9.38rpx 0;
+ background-color: #ffffff;
+ border-radius: 75rpx;
+ }
+
+ .image {
+ width: 37.5rpx;
+ height: 37.5rpx;
+ }
+
+ .section_4 {
+ padding-left: 33.75rpx;
+ padding-right: 30rpx;
+ background-color: #fffef8;
+ }
+
+
+ .group {
+ padding: 22.5rpx 0 18.75rpx;
+ }
+
+ .font_2 {
+ font-size: 30rpx;
+ font-family: Open Sans;
+ line-height: 27.81rpx;
+ color: #323232;
+ }
+
+
+ // .font_2.selected {
+ // background-color: brown;
+ // color: white;
+ // }
+.font_2.selected {
+ position: relative;
}
-.order-tabs {
- display: flex;
- justify-content: space-around;
- background-color: #f5f5f5;
- padding: 10px 0;
+.font_2.selected::after {
+ content: '';
+ position: absolute;
+ bottom: -5px; // 调整线条距离底部的距离
+ left: 0;
+ right: 0;
+ height: 2px; // 调整线条的粗细
+ background-color: #f08b00; // 调整线条颜色
+ transition: all 0.3s ease; // 添加过渡效果
}
+ .text_2 {
+ line-height: 27.66rpx;
+ }
-.tab-item {
- cursor: pointer;
- padding: 5px 10px;
-}
+ .text_3 {
+ line-height: 27.69rpx;
+ }
-.tab-item.active {
- color: blue;
-}
+ .text_4 {
+ line-height: 27.71rpx;
+ }
-.tab-item.selected {
- background-color: brown;
- color: white;
-}
+ .section_6 {
+ margin: 15rpx 15rpx;
+ padding: 30rpx 18.75rpx 20.63rpx 24.38rpx;
+ background-color: #fffef8;
+ border-radius: 18.75rpx;
+ }
-.order-list {
- margin: 10px 10px 0 10px;
-}
+ .font_3 {
+ font-size: 26.25rpx;
+ font-family: Open Sans;
+ line-height: 24.34rpx;
+ color: #fb8b05;
+ }
+ .font_66 {
+ font-size: 26.25rpx;
+ font-family: Open Sans;
+ line-height: 24.34rpx;
+ color: #fb8b05;
+ float: right;
+ }
-.order-item {
- border: 1px solid #ccc;
- padding: 10px;
- margin-bottom: 10px;
-}
-@import url(../../../common/css/global.css);
+ .group_2 {
+ margin-top: 18.75rpx;
+ }
+
+ .font_4 {
+ font-size: 22.5rpx;
+ font-family: Open Sans;
+ line-height: 21.99rpx;
+ color: #818181;
+ }
+
+ .text_5 {
+ line-height: 20.85rpx;
+ }
+
+ .text_6 {
+ line-height: 16.54rpx;
+ }
+
+ .group_3 {
+ margin-top: 30rpx;
+ }
+
+ .image_2 {
+ border-radius: 9.38rpx;
+ width: 160rpx;
+ height: 160rpx;
+ }
+
+ .text_11 {
+ line-height: 20.79rpx;
+ }
+
+ .group_4 {
+ margin-right: 15rpx;
+ }
+
+ .text_9 {
+ margin-left: 26.25rpx;
+ color: #323232;
+ font-size: 33.75rpx;
+ font-family: Open Sans;
+ font-weight: 600;
+ line-height: 24.88rpx;
+ }
+
+ .image_3 {
+ width: 30rpx;
+ height: 26.25rpx;
+ }
+
+ .image_4 {
+ margin-left: -90rpx;
+ }
+
+ .font_5 {
+ font-size: 26.25rpx;
+ font-family: Open Sans;
+ line-height: 19.39rpx;
+ font-weight: 600;
+ color: #323232;
+ }
+
+ .text_10 {
+ margin-left: 60rpx;
+ line-height: 19.29rpx;
+ }
+
+ .font {
+ font-size: 26.25rpx;
+ font-family: Open Sans;
+ line-height: 24.34rpx;
+ color: #323232;
+ }
+
+ .text_8 {
+ line-height: 24.43rpx;
+ background-color: #fffef8;
+ }
+
+ .text_7 {
+ // line-height: 24.43rpx;
+ padding: 10px;
+ margin-bottom: 10px;
+ background-color: #fffef8;
+ border-radius: 20px;
+ }
+
+ .text {
+ color: #c0c0c0;
+ }
+
+ .text_12 {
+ line-height: 18.73rpx;
+ }
+
+ .group_5 {
+ padding: 0 11.25rpx;
+ }
+
+ .view {
+ margin-top: 7.5rpx;
+ }
+
+ .font_6 {
+ font-size: 26.25rpx;
+ font-family: Open Sans;
+ line-height: 24.34rpx;
+ color: #000000;
+ }
+
+ .text_13 {
+ margin-right: -7.5rpx;
+ line-height: 24.09rpx;
+ }
+
+ .group_6 {
+ line-height: 22.05rpx;
+ height: 22.11rpx;
+ }
+
+ .font_7 {
+ font-size: 30rpx;
+ font-family: Open Sans;
+ line-height: 21.99rpx;
+ font-weight: 600;
+ }
+
+ .text_14 {
+ color: #323232;
+ line-height: 22.05rpx;
+ }
+
+ .view_2 {
+ margin-top: 18.75rpx;
+ }
+
+ .text_15 {
+ margin-right: -7.5rpx;
+ line-height: 24.23rpx;
+ }
+
+ .group_7 {
+ line-height: 21.99rpx;
+ height: 22.05rpx;
+ }
+
+ .text_16 {
+ color: #fb8b05;
+ }
+
+ .text_17 {
+ color: #fb8b05;
+ }
+
+ .view_3 {
+ margin-top: 45rpx;
+ }
+
+ .text-wrapper {
+ padding: 15rpx 0;
+ background-color: #fffef8;
+ border-radius: 75rpx;
+ width: 155.63rpx;
+ height: 56.25rpx;
+ border-left: solid 1.88rpx #cbcbcb;
+ border-right: solid 1.88rpx #cbcbcb;
+ border-top: solid 1.88rpx #cbcbcb;
+ border-bottom: solid 1.88rpx #cbcbcb;
+ }
+
+ .text_18 {
+ line-height: 24.15rpx;
+ }
+
+ .text-wrapper_2 {
+ padding: 15rpx 0;
+ background-color: #fffef8;
+ border-radius: 75rpx;
+ width: 155.63rpx;
+ height: 56.25rpx;
+ border-left: solid 1.88rpx #fb8b05;
+ border-right: solid 1.88rpx #fb8b05;
+ border-top: solid 1.88rpx #fb8b05;
+ border-bottom: solid 1.88rpx #fb8b05;
+ }
+
+ .text_19 {
+ line-height: 24.36rpx;
+ }
+
+ @import url(/common/css/global.css);
</style>
\ No newline at end of file
diff --git a/pages/text.vue b/pages/text.vue
index d6abc16..a9dcfe0 100644
--- a/pages/text.vue
+++ b/pages/text.vue
@@ -1,95 +1,43 @@
-<script setup>
- import {ref} from 'vue'
- const currentIndex = ref(0);
- const tabs = ref([
- { name: '全部' },
- { name: '进行中' },
- { name: '已完成' }
- ]);
- const switchTab = (index) => {
- currentIndex.value = index;
- };
-
- const { safeAreaInsets } = uni.getSystemInfoSync()
-
- const orderTabs = ref([
- { orderState: 0, title: '全部' },
- { orderState: 1, title: '进行中' },
- { orderState: 2, title: '评价' },
- { orderState: 3, title: '退款' },
- ])
-
- const active = ref(1)
- const list1 = reactive([
- { title: '备餐中' },
- { title: '已出餐' },
- { title: '已完成' }
- ])
-
-</script>
<template>
- <view class="tab-menu">
- <view class="tab-item"
- v-for="(tab, index) in tabs"
- :key="index"
- :class="{active: currentIndex === index}"
- @click="switchTab(index)">
- {{ tab.name }}
- </view>
- </view>
- <view class="content">
- <block v-if="currentIndex === 0">
- </block>
- <block v-if="currentIndex === 1">
- </block>
- <block v-if="currentIndex === 2">
- </block>
- </view>
+ <view class="addres">
+ <view>{{Status.addressSnapshot.name}}</view>
+ <view>{{Status.addressSnapshot.phone}}</view>
+ <view>{{Status.addressSnapshot.region}}</view>
+ <view>{{Status.addressSnapshot.detailAddress}}</view>
+ </view>
+ <view>订单编号：{{Status.orderNumber}}</view>
+ <view>{{Status.orderStatus}}</view>
+ <view v-for="i in Status.orderItemList" :key="i" >
+ <image :src="i.goodSnapshot.goodImg" style="height: 50px;width: 50px;"></image>
+ </view>
+ <view v-for="i in Status.orderItemList" :key="i" >
+ {{i.goodSnapshot.name}}
+ </view>
+ <view v-for="i in Status.orderItemList" :key="i" >
+ {{i.goodSnapshot.type}}
+ </view>
+ <view v-for="i in Status.orderItemList" :key="i" >
+ {{i.goodSnapshot.price}}
+ </view>
+ <view v-if="Status.orderStatus==='待支付'" >去支付</view>
+ <view v-if="Status.orderStatus==='待发货'" >取消订单</view>
+ <view v-if="Status.orderStatus==='已发货'" >确认收货</view>
+ <view v-if="Status.orderStatus==='售后'" >售后详情</view>
</template>
+<script setup>
+import {onMounted, ref} from 'vue'
+import { onLoad } from "@dcloudio/uni-app";
+const Status = ref({})
+console.log(Status.value,34)
+onLoad((options) => {
+ Status.value = JSON.parse(options.info);
+ console.log(Status.value,111)
+ console.log(Status.value.orderStatus,222)
+})
+</script>
<style>
- .tab-menu {
- display: flex;
- justify-content: space-around;
- padding: 10px 0;
- background-color: #f5f5f5;
- }
- .tab-item {
- padding: 10px;
- cursor: pointer;
- }
- .tab-item.active {
- color: #007aff;
- font-weight: bold;
- }
-</style>
-
-
-
-const changeTab = (tab) => {
- if (tab === '全部') {
- Status.value.displayedOrders = Status.value.orders;
- } else {
- Status.value.displayedOrders = Status.value.orders.filter(order => {
- switch (tab) {
- case '待支付':
- for(let i in Status.value.orders){
- return Status.value.orders[i].orderStatus === '待支付';}
- case '代发货':
- for(let i in Status.value.orders){
- return Status.value.orders[i].orderStatus === '代发货';}
- case '已发货':
- for(let i in Status.value.orders){
- return Status.value.orders[i].orderStatus === '已发货';}
- case '售后':
- for(let i in Status.value.orders){
- return Status.value.orders[i].orderStatus === '售后';}
- default:
- return false;
- }
- });
- }
-}
+</style>
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/app.js b/unpackage/dist/dev/mp-weixin/app.js
index 6b71191..ea25131 100644
--- a/unpackage/dist/dev/mp-weixin/app.js
+++ b/unpackage/dist/dev/mp-weixin/app.js
@@ -28,6 +28,7 @@ if (!Math) {
"./pages/booking/bookingpay/bookingpay.js";
"./pages/order/productOrderDetail/productOrderDetail.js";
"./pages/login/login.js";
+ "./pages/mine/OrderDetails/OrderDetails.js";
}
const _sfc_main = {};
function _sfc_render(_ctx, _cache) {
diff --git a/unpackage/dist/dev/mp-weixin/app.json b/unpackage/dist/dev/mp-weixin/app.json
index 978c4e3..8ceb41d 100644
--- a/unpackage/dist/dev/mp-weixin/app.json
+++ b/unpackage/dist/dev/mp-weixin/app.json
@@ -24,7 +24,8 @@
"pages/booking/Simple/Simple",
"pages/booking/bookingpay/bookingpay",
"pages/order/productOrderDetail/productOrderDetail",
- "pages/login/login"
+ "pages/login/login",
+ "pages/mine/OrderDetails/OrderDetails"
],
"window": {
"navigationBarTextStyle": "black",
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.js b/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.js
index 61de849..5a209c5 100644
--- a/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.js
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.js
@@ -3,21 +3,31 @@ const common_vendor = require("../../../common/vendor.js");
const _sfc_main = {
__name: "respectable",
setup(__props) {
- const fuzhuang = common_vendor.ref([null, null, null, null, null, null]);
- const jump_xuzhi = () => {
- common_vendor.index.navigateTo({
- url: "../../../pages/booking/BillingOfFees/BillingOfFees"
- });
- };
+ common_vendor.ref([
+ {
+ img: "",
+ name: "简约风尚",
+ price: "100-200",
+ title: "传承非遗之美，简约演绎经典"
+ },
+ {
+ img: "",
+ name: "时尚精选",
+ price: "200-400",
+ title: "融合时尚与传统，精选非遗划账"
+ },
+ {
+ img: "",
+ name: "奢华专属",
+ price: "400-800",
+ title: "非遗匠心独运，奢华专属定制"
+ }
+ ]);
+ common_vendor.ref([
+ {}
+ ]);
return (_ctx, _cache) => {
- return {
- a: common_vendor.f(fuzhuang.value, (item, index, i0) => {
- return {
- a: index
- };
- }),
- b: common_vendor.o(jump_xuzhi)
- };
+ return {};
};
}
};
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.wxml b/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.wxml
index 1f1780c..15b5304 100644
--- a/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.wxml
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.wxml
@@ -1 +1 @@
-<view class="flex-col justify-start page data-v-cad4fb76"><view class="flex-col section data-v-cad4fb76"><view class="flex-col group data-v-cad4fb76"><view class="flex-col relative section_2 data-v-cad4fb76"><view class="flex-row items-baseline self-stretch data-v-cad4fb76"><text class="font text data-v-cad4fb76">尊贵体验</text><text class="ml-20 font_2 text_2 data-v-cad4fb76">非遗匠心独运，奢华专属定制</text></view><text class="self-start font_2 text_3 data-v-cad4fb76">服装特点</text><view class="flex-col items-start self-stretch group_2 data-v-cad4fb76"><text class="font_3 data-v-cad4fb76">提供限量版或定制款汉服，如宫廷风格龙袍、凤冠霞帔等。</text><text class="mt-2 font_3 data-v-cad4fb76">服装工艺精湛，面料奢华，适合特殊场合或高端体验。</text><text class="mt-2 font_3 data-v-cad4fb76">配饰豪华，尽显尊贵气质。</text></view><text class="self-start font_2 text_4 data-v-cad4fb76">服务内容</text><view class="flex-col items-start self-stretch group_3 data-v-cad4fb76"><text class="font_3 data-v-cad4fb76">定制化妆及发型设计。</text><text class="mt-2 font_3 data-v-cad4fb76">服装租赁服务。</text><text class="mt-2 font_3 data-v-cad4fb76">高端摄影服务（含10张精修照片）。</text></view><image class="image pos data-v-cad4fb76" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=a708765f6b985078e3f28954b3fe4dcd.png"/></view><view class="mt-12 flex-col section_3 data-v-cad4fb76"><text class="self-start font text_5 data-v-cad4fb76">服装选择</text><view class="flex-col self-stretch mt-11 data-v-cad4fb76"><view wx:for="{{a}}" wx:for-item="item" wx:key="a" class="flex-row items-center mt-10 list-item data-v-cad4fb76"><image class="shrink-0 image_3 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=91d23f14317358e61b5b6e64919fcf05.png"/><view class="flex-col flex-1 ml-11 data-v-cad4fb76"><view class="flex-col self-stretch data-v-cad4fb76"><view class="flex-row justify-end self-stretch group_4 data-v-cad4fb76"><text class="font_4 data-v-cad4fb76">详细信息</text><image class="image_2 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=9975609994c07321ade6a37bb7864447.png"/></view><text class="self-start font_5 text_6 mt-3 data-v-cad4fb76">龙凤呈祥华丽长袍</text></view><view class="mt-4 self-stretch group_5 data-v-cad4fb76"><text class="font_7 data-v-cad4fb76">服装简介：</text><text class="font_6 data-v-cad4fb76"> 这件京剧服饰色彩鲜艳，以红色和绿色为主色调，配以金色和银色的点缀。它使用了传统的云纹、凤凰和其他吉祥图案，这些图案通过精细的刺绣工艺... </text></view><text class="mt-4 self-end font_8 data-v-cad4fb76">￥550</text></view></view></view></view></view><view class="mt-40 flex-row section6 data-v-cad4fb76"><view class="flex-col items-center shrink-0 section_4 data-v-cad4fb76"><image class="image_4 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=47be6e2fba9a351ce021444d1113200f.png"/><text class="mt-2 text_8 data-v-cad4fb76">客服</text></view><view class="flex-col justify-start items-end flex-1 section_5 data-v-cad4fb76" bindtap="{{b}}"><view class="flex-col justify-start items-center text-wrapper data-v-cad4fb76"><text class="text_7 data-v-cad4fb76">现在去预约</text></view></view></view></view></view>
\ No newline at end of file
+<view class="flex-col page data-v-cad4fb76"><view class="flex-col justify-start items-start relative group data-v-cad4fb76"><view class="section data-v-cad4fb76"></view><text class="font text pos data-v-cad4fb76">填写预约信息</text><view class="flex-col section_2 pos_2 data-v-cad4fb76"><view class="flex-row justify-between items-center group_2 data-v-cad4fb76"><view class="flex-row items-center data-v-cad4fb76"><image class="shrink-0 image data-v-cad4fb76" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=8bde7b2f7a6da1a009b89295a48cc8ec.png"/><text class="font_2 text_2 ml-7 data-v-cad4fb76">联系人：张三</text><text class="font_2 text_3 ml-7 data-v-cad4fb76">15888610253</text></view><image class="image_2 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=10d9d3f5abdae8518f3c6c3fa1bbb544.png"/></view><view class="flex-row justify-between items-center group_3 data-v-cad4fb76"><view class="flex-row items-center data-v-cad4fb76"><image class="image data-v-cad4fb76" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=c6dac3074d9c4e4d6286c07f0ea03db5.png"/><view class="flex-col items-start ml-9 data-v-cad4fb76"><text class="font_3 data-v-cad4fb76">到店日期：2024-10-15</text><text class="mt-2 font_3 data-v-cad4fb76">具体场次：上午场（09:30-12:00）</text></view></view><image class="image_2 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=10d9d3f5abdae8518f3c6c3fa1bbb544.png"/></view></view></view><view class="flex-col group_4 data-v-cad4fb76"><text class="self-start font text_4 data-v-cad4fb76">选择预约类别</text><view class="mt-14 flex-col justify-start self-stretch section_3 data-v-cad4fb76"><view class="flex-row equal-division data-v-cad4fb76"><view class="flex-col items-center section_4 equal-division-item data-v-cad4fb76"><image class="image_3 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=8d7c72d7541acde36f72d77b0e869448.png"/><text class="mt-2 font_4 text_5 data-v-cad4fb76">整套约拍</text></view><view class="flex-col items-center section_5 equal-division-item ml-23 data-v-cad4fb76"><image class="image_3 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=0f93b11d2804338440c616b1c69df87b.png"/><text class="mt-2 font_4 data-v-cad4fb76">自带服装</text><view class="mt-2 section_6 pos_3 data-v-cad4fb76"></view></view></view></view></view><view class="flex-col section_7 data-v-cad4fb76"><view class="flex-col group_5 data-v-cad4fb76"><text class="self-start font text_6 data-v-cad4fb76">选择服装价位</text><view class="flex-row items-center self-stretch section_8 view data-v-cad4fb76"><view class="flex-row items-center flex-1 data-v-cad4fb76"><image class="shrink-0 image_4 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=c58ffae9f1ef4340291223163c7a8297.png"/><view class="flex-col flex-1 ml-13 data-v-cad4fb76"><text class="self-start font_2 text_7 data-v-cad4fb76">简约风尚</text><view class="flex-row items-baseline self-stretch mt-11 data-v-cad4fb76"><text class="font_2 data-v-cad4fb76">价位：</text><text class="font_6 text_8 ml-1 data-v-cad4fb76">￥100-200</text></view><text class="self-stretch font_7 text_9 mt-11 data-v-cad4fb76">传承非遗之美，简约演绎经典</text></view></view><view class="flex-row shrink-0 ml-21 data-v-cad4fb76"><view class="flex-col justify-start items-center button data-v-cad4fb76"><text class="font_5 data-v-cad4fb76">选择</text></view><image class="ml-8 image_5 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=7d16fc8dfa328fc97ff273ebeab9bc18.png"/></view></view><view class="flex-row justify-between items-center self-stretch section_8 data-v-cad4fb76"><image class="image_4 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=bc0e955304da0a2ccafe3a66ac1f3aca.png"/><view class="flex-col data-v-cad4fb76"><text class="self-start font_2 text_10 data-v-cad4fb76">时尚精选</text><view class="flex-row items-baseline self-stretch mt-11 data-v-cad4fb76"><text class="font_2 data-v-cad4fb76">价位：</text><text class="font_6 text_12 ml-1 data-v-cad4fb76">￥200-400</text></view><text class="self-stretch font_7 text_13 mt-11 data-v-cad4fb76">融合时尚与传统，精选非遗华章</text></view><view class="flex-col justify-start items-center text-wrapper data-v-cad4fb76"><text class="font_5 text_11 data-v-cad4fb76">已选</text></view><image class="image_5 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=7d16fc8dfa328fc97ff273ebeab9bc18.png"/></view><view class="flex-row items-center self-stretch section_8 data-v-cad4fb76"><view class="flex-row items-center flex-1 data-v-cad4fb76"><image class="shrink-0 image_6 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=4c1c758fda92536b923ec745cb077f5a.png"/><view class="flex-col flex-1 ml-13 data-v-cad4fb76"><text class="self-start font_2 text_14 data-v-cad4fb76">奢华专属</text><view class="flex-row items-baseline self-stretch mt-11 data-v-cad4fb76"><text class="font_2 data-v-cad4fb76">价位：</text><text class="font_6 text_8 ml-1 data-v-cad4fb76">￥400-800</text></view><text class="self-stretch font_7 text_9 mt-11 data-v-cad4fb76">非遗匠心独运，奢华专属定制</text></view></view><view class="flex-row shrink-0 ml-21 data-v-cad4fb76"><view class="flex-col justify-start items-center button data-v-cad4fb76"><text class="font_5 data-v-cad4fb76">选择</text></view><image class="ml-8 image_5 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=7d16fc8dfa328fc97ff273ebeab9bc18.png"/></view></view></view><view class="flex-col data-v-cad4fb76"><view class="divider data-v-cad4fb76"></view><view class="flex-col group_6 data-v-cad4fb76"><view class="flex-col data-v-cad4fb76"><text class="self-start font text_15 data-v-cad4fb76">选择拍摄场景</text><view class="flex-row self-stretch mt-15 data-v-cad4fb76"><view class="flex-row justify-center items-center section_9 data-v-cad4fb76"><image class="image_7 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=c1648e930bd0a16582101342bc977e3f.png"/><text class="ml-16 font_8 text_16 data-v-cad4fb76">室内</text><view class="ml-16 section_10 data-v-cad4fb76"></view></view><view class="flex-row justify-center items-center section_9 ml-23 data-v-cad4fb76"><image class="image_7 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=fdab8bc2c0e97484b59f998d8623f890.png"/><text class="ml-16 font_8 text_17 data-v-cad4fb76">室外</text><view class="ml-16 section_10 data-v-cad4fb76"></view></view></view></view><view class="mt-26 flex-row justify-center items-center data-v-cad4fb76"><image class="badge data-v-cad4fb76" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=18dd2fa44538df4392850f46b9b3550e.png"/><text class="ml-4 font_7 text_18 data-v-cad4fb76">预约须知</text></view></view></view></view><view class="flex-row justify-between items-center section_11 data-v-cad4fb76"><view class="flex-row items-center group_7 data-v-cad4fb76"><view class="flex-col justify-start items-start shrink-0 relative data-v-cad4fb76"><text class="font_8 data-v-cad4fb76">定金：</text><image class="image_2 pos_4 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=3393d3563afcfe7dedbadba1ea5328a0.png"/></view><text class="font_6 text_19 data-v-cad4fb76">88.</text><text class="text_21 data-v-cad4fb76">00</text></view><view class="flex-row items-center data-v-cad4fb76"><view class="flex-row button_3 data-v-cad4fb76"><text class="text_22 data-v-cad4fb76">费用说明</text><image class="shrink-0 image_8 ml-3 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=0455b173571a47fdc438588e788f26c5.png"/></view><view class="ml-10 flex-col justify-start items-center button_2 data-v-cad4fb76"><text class="font_4 text_20 data-v-cad4fb76">确定预约</text></view></view></view></view>
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.wxss b/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.wxss
index 1a6cb1c..c180951 100644
--- a/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.wxss
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.wxss
@@ -401,188 +401,354 @@ text.data-v-cad4fb76 {
.mt-100.data-v-cad4fb76 {
margin-top: 187.5rpx;
}
+.ml-7.data-v-cad4fb76 {
+ margin-left: 13.13rpx;
+}
+.ml-9.data-v-cad4fb76 {
+ margin-left: 16.88rpx;
+}
+.ml-13.data-v-cad4fb76 {
+ margin-left: 24.38rpx;
+}
+.ml-21.data-v-cad4fb76 {
+ margin-left: 39.38rpx;
+}
+.ml-1.data-v-cad4fb76 {
+ margin-left: 1.88rpx;
+}
+.mt-15.data-v-cad4fb76 {
+ margin-top: 28.13rpx;
+}
+.ml-23.data-v-cad4fb76 {
+ margin-left: 43.13rpx;
+}
.mt-11.data-v-cad4fb76 {
margin-top: 20.63rpx;
}
-.ml-11.data-v-cad4fb76 {
- margin-left: 20.63rpx;
-}
-.mt-3.data-v-cad4fb76 {
- margin-top: 5.63rpx;
+.ml-3.data-v-cad4fb76 {
+ margin-left: 5.63rpx;
}
.page.data-v-cad4fb76 {
+ padding-top: 45rpx;
background-color: #f5f5dc;
- height: 100%;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
-}
-.section.data-v-cad4fb76 {
- padding-top: 22.5rpx;
- background-color: #f5f5dc;
+ height: 100%;
}
.group.data-v-cad4fb76 {
- padding: 0 16.88rpx;
+ padding-top: 11.25rpx;
}
-.section_2.data-v-cad4fb76 {
- padding: 37.5rpx 41.25rpx 30rpx;
- background-color: #fffdbb;
- border-radius: 18.75rpx 18.75rpx 0rpx 0rpx;
+.section.data-v-cad4fb76 {
+ margin-left: 71.25rpx;
+ background-color: #ffffff00;
+ border-radius: 18.75rpx;
+ width: 281.25rpx;
+ height: 281.25rpx;
}
.font.data-v-cad4fb76 {
font-size: 30rpx;
font-family: Open Sans;
+ line-height: 27.75rpx;
+ color: #323232;
}
.text.data-v-cad4fb76 {
- color: #323232;
- line-height: 27.86rpx;
-}
-.font_2.data-v-cad4fb76 {
- font-size: 22.5rpx;
- font-family: Open Sans;
- line-height: 22.5rpx;
- color: #323232;
-}
-.text_2.data-v-cad4fb76 {
- color: #898989;
- line-height: 21.36rpx;
-}
-.text_3.data-v-cad4fb76 {
- margin-top: 22.5rpx;
- line-height: 20.79rpx;
-}
-.group_2.data-v-cad4fb76 {
- margin-top: 15rpx;
- padding: 0 22.5rpx;
-}
-.font_3.data-v-cad4fb76 {
- font-size: 22.5rpx;
- font-family: Open Sans;
- line-height: 26.25rpx;
- color: #696969;
-}
-.text_4.data-v-cad4fb76 {
- margin-top: 26.25rpx;
- line-height: 20.77rpx;
-}
-.group_3.data-v-cad4fb76 {
- margin-top: 15rpx;
- padding: 0 24.38rpx;
-}
-.image.data-v-cad4fb76 {
- width: 127.5rpx;
- height: 127.5rpx;
+ line-height: 27.96rpx;
}
.pos.data-v-cad4fb76 {
position: absolute;
- right: 18.77rpx;
- bottom: 11.25rpx;
+ left: 21.62rpx;
+ top: 0;
}
-.section_3.data-v-cad4fb76 {
- padding: 37.5rpx 30rpx;
+.section_2.data-v-cad4fb76 {
+ padding-left: 33.75rpx;
+ padding-right: 28.13rpx;
background-color: #fffef8;
border-radius: 18.75rpx;
- margin-bottom: 80rpx;
}
-.text_5.data-v-cad4fb76 {
- color: #000000;
- line-height: 27.71rpx;
+.pos_2.data-v-cad4fb76 {
+ position: absolute;
+ left: 20.63rpx;
+ right: 20.63rpx;
+ top: 53.63rpx;
}
-.list-item.data-v-cad4fb76 {
- padding: 22.5rpx 18.75rpx 22.5rpx 30rpx;
- background-color: #fff3c3;
- border-radius: 9.38rpx;
+.group_2.data-v-cad4fb76 {
+ padding: 31.88rpx 0 15rpx;
+ border-bottom: solid 1.88rpx #e2e0e0;
}
-.list-item.data-v-cad4fb76:first-child {
- margin-top: 0;
+.image.data-v-cad4fb76 {
+ width: 43.13rpx;
+ height: 43.13rpx;
}
-.image_3.data-v-cad4fb76 {
- border-radius: 9.38rpx;
- width: 148.13rpx;
- height: 165rpx;
-}
-.group_4.data-v-cad4fb76 {
- padding: 0 3.75rpx;
-}
-.font_4.data-v-cad4fb76 {
- font-size: 18.75rpx;
+.font_2.data-v-cad4fb76 {
+ font-size: 26.25rpx;
font-family: Open Sans;
- line-height: 17.44rpx;
+ line-height: 24.3rpx;
color: #323232;
}
+.text_2.data-v-cad4fb76 {
+ line-height: 24rpx;
+}
+.text_3.data-v-cad4fb76 {
+ line-height: 24rpx;
+}
.image_2.data-v-cad4fb76 {
- width: 15rpx;
- height: 15rpx;
+ width: 33.75rpx;
+ height: 33.75rpx;
}
-.font_5.data-v-cad4fb76 {
+.group_3.data-v-cad4fb76 {
+ padding: 22.5rpx 0 37.5rpx;
+}
+.font_3.data-v-cad4fb76 {
font-size: 26.25rpx;
font-family: Open Sans;
- line-height: 22.5rpx;
+ line-height: 31.88rpx;
color: #323232;
}
-.text_6.data-v-cad4fb76 {
- line-height: 24.28rpx;
+.group_4.data-v-cad4fb76 {
+ margin-top: 26.25rpx;
+ padding: 0 30rpx;
}
-.group_5.data-v-cad4fb76 {
- line-height: 22.5rpx;
+.text_4.data-v-cad4fb76 {
+ line-height: 27.69rpx;
}
-.font_7.data-v-cad4fb76 {
- font-size: 18.75rpx;
- font-family: Open Sans;
- line-height: 22.5rpx;
- color: #323232;
+.section_3.data-v-cad4fb76 {
+ padding: 31.88rpx 0;
+ background-color: #fffef8;
+ border-radius: 18.75rpx;
}
-.font_6.data-v-cad4fb76 {
- font-size: 18.75rpx;
- font-family: Open Sans;
- line-height: 22.5rpx;
- color: #828282;
-}
-.font_8.data-v-cad4fb76 {
- font-size: 33.75rpx;
- font-family: Times New Roman;
- line-height: 24.73rpx;
- color: #ff3c3c;
+.equal-division.data-v-cad4fb76 {
+ margin: 0 41.25rpx;
}
.section_4.data-v-cad4fb76 {
- padding: 15rpx 0;
- background-color: #ffc470;
- width: 118.13rpx;
- height: 114.38rpx;
+ flex: 1 1 281.25rpx;
}
-.image_4.data-v-cad4fb76 {
- width: 52.5rpx;
- height: 52.5rpx;
+.image_3.data-v-cad4fb76 {
+ width: 192rpx;
+ height: 192rpx;
}
-.text_8.data-v-cad4fb76 {
- color: #fffef8;
- font-size: 26.25rpx;
+.font_4.data-v-cad4fb76 {
+ font-size: 30rpx;
font-family: Inter;
- line-height: 24.17rpx;
+ line-height: 27.75rpx;
+ color: #323232;
+}
+.text_5.data-v-cad4fb76 {
+ line-height: 27.99rpx;
}
.section_5.data-v-cad4fb76 {
- padding: 15rpx 0;
+ position: relative;
+ flex: 1 1 281.25rpx;
+}
+.equal-division-item.data-v-cad4fb76 {
+ padding: 15rpx 0 41.25rpx;
+ background-color: #fff291;
+ border-radius: 18.75rpx;
+ height: 281.25rpx;
+}
+.section_6.data-v-cad4fb76 {
+ background-color: #ffffff99;
+ border-radius: 18.75rpx;
+ width: 281.25rpx;
+ height: 281.25rpx;
+}
+.pos_3.data-v-cad4fb76 {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+}
+.section_7.data-v-cad4fb76 {
+ margin-top: 30rpx;
+ padding-bottom: 46.88rpx;
+ background-color: #fff3c3;
+}
+.group_5.data-v-cad4fb76 {
+ padding: 30rpx 30rpx 37.5rpx;
+}
+.text_6.data-v-cad4fb76 {
+ line-height: 27.86rpx;
+}
+.section_8.data-v-cad4fb76 {
+ margin-top: 16.88rpx;
+ padding: 26.25rpx 26.25rpx 26.25rpx 39.38rpx;
background-color: #fffef8;
- height: 114.38rpx;
+ border-radius: 18.75rpx;
+}
+.view.data-v-cad4fb76 {
+ margin-top: 41.25rpx;
+}
+.image_4.data-v-cad4fb76 {
+ border-radius: 9.38rpx;
+ width: 118.13rpx;
+ height: 151.88rpx;
+}
+.text_7.data-v-cad4fb76 {
+ line-height: 24.26rpx;
+}
+.font_6.data-v-cad4fb76 {
+ font-size: 33.75rpx;
+ font-family: Open Sans;
+ line-height: 24.3rpx;
+ color: #ff3c3c;
+}
+.text_8.data-v-cad4fb76 {
+ line-height: 24.81rpx;
+}
+.button.data-v-cad4fb76 {
+ padding: 7.5rpx 0;
+ background-color: #fbb612;
+ border-radius: 9.38rpx;
+ width: 75rpx;
+ height: 37.5rpx;
+}
+.font_5.data-v-cad4fb76 {
+ font-size: 22.5rpx;
+ font-family: Open Sans;
+ line-height: 20.72rpx;
+ color: #ffffff;
+}
+.image_5.data-v-cad4fb76 {
+ width: 37.5rpx;
+ height: 37.5rpx;
+}
+.text_10.data-v-cad4fb76 {
+ line-height: 24.15rpx;
+}
+.text_12.data-v-cad4fb76 {
+ line-height: 24.81rpx;
}
.text-wrapper.data-v-cad4fb76 {
- margin-right: 20.63rpx;
+ padding: 7.5rpx 0;
+ background-color: #d9d9d9;
+ border-radius: 9.38rpx;
+ width: 75rpx;
+ height: 37.5rpx;
+}
+.text_11.data-v-cad4fb76 {
+ line-height: 20.61rpx;
+}
+.image_6.data-v-cad4fb76 {
+ width: 118.13rpx;
+ height: 151.88rpx;
+}
+.text_14.data-v-cad4fb76 {
+ line-height: 24.23rpx;
+}
+.divider.data-v-cad4fb76 {
+ margin: 0 22.5rpx;
+ background-color: #ff8550;
+ height: 1.88rpx;
+}
+.group_6.data-v-cad4fb76 {
+ padding: 22.5rpx 30rpx 0;
+}
+.text_15.data-v-cad4fb76 {
+ line-height: 27.64rpx;
+}
+.section_9.data-v-cad4fb76 {
+ flex: 1 1 322.5rpx;
+ padding: 26.25rpx 0;
+ background-color: #fffef8;
+ border-radius: 18.75rpx;
+ height: 153.75rpx;
+}
+.image_7.data-v-cad4fb76 {
+ border-radius: 9.38rpx;
+ width: 123.75rpx;
+ height: 101.25rpx;
+}
+.font_8.data-v-cad4fb76 {
+ font-size: 26.25rpx;
+ font-family: Inter;
+ line-height: 24.3rpx;
+ color: #000000;
+}
+.text_16.data-v-cad4fb76 {
+ line-height: 24.21rpx;
+}
+.section_10.data-v-cad4fb76 {
+ background-color: #ffffff;
+ border-radius: 50%;
+ width: 33.75rpx;
+ height: 33.75rpx;
+ border-left: solid 1.88rpx #c4c4c4;
+ border-right: solid 1.88rpx #c4c4c4;
+ border-top: solid 1.88rpx #c4c4c4;
+ border-bottom: solid 1.88rpx #c4c4c4;
+}
+.text_17.data-v-cad4fb76 {
+ line-height: 24.09rpx;
+}
+.badge.data-v-cad4fb76 {
+ width: 28.13rpx;
+ height: 28.13rpx;
+}
+.font_7.data-v-cad4fb76 {
+ font-size: 22.5rpx;
+ font-family: Open Sans;
+ line-height: 20.72rpx;
+ color: #8a8a8a;
+}
+.text_13.data-v-cad4fb76 {
+ line-height: 21.38rpx;
+}
+.text_9.data-v-cad4fb76 {
+ line-height: 21.36rpx;
+}
+.text_18.data-v-cad4fb76 {
+ color: #000000;
+ line-height: 20.77rpx;
+}
+.section_11.data-v-cad4fb76 {
+ margin-top: 48.75rpx;
+ padding: 15rpx 22.5rpx;
+ background-color: #fffef8;
+}
+.group_7.data-v-cad4fb76 {
+ width: 180.06rpx;
+}
+.pos_4.data-v-cad4fb76 {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+}
+.text_19.data-v-cad4fb76 {
+ color: #fbb612;
+ font-weight: 700;
+ line-height: 24.84rpx;
+}
+.text_21.data-v-cad4fb76 {
+ color: #fbb612;
+ font-size: 26.25rpx;
+ font-family: Open Sans;
+ font-weight: 700;
+ line-height: 19.29rpx;
+}
+.button_3.data-v-cad4fb76 {
+ padding: 9.38rpx 11.25rpx;
+ background-color: #d9d9d9;
+ border-radius: 9.38rpx;
+ height: 37.5rpx;
+}
+.text_22.data-v-cad4fb76 {
+ color: #323232;
+ font-size: 18.75rpx;
+ font-family: Inter;
+ line-height: 17.36rpx;
+}
+.image_8.data-v-cad4fb76 {
+ width: 18.75rpx;
+ height: 18.75rpx;
+}
+.button_2.data-v-cad4fb76 {
padding: 26.25rpx 0;
background-color: #fbb612;
border-radius: 75rpx;
- width: 457.5rpx;
+ width: 238.13rpx;
+ height: 82.5rpx;
}
-.text_7.data-v-cad4fb76 {
+.text_20.data-v-cad4fb76 {
color: #ffffff;
- font-size: 30rpx;
- font-family: Inter;
- line-height: 27.86rpx;
-}
-.section6.data-v-cad4fb76 {
- position: fixed;
- bottom: 0;
- left: 0;
- right: 0;
- padding-bottom: 10rpx;
- background-color: #f5f5dc;
}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/mine/OrderDetails/OrderDetails.js b/unpackage/dist/dev/mp-weixin/pages/mine/OrderDetails/OrderDetails.js
new file mode 100644
index 0000000..9808391
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/mine/OrderDetails/OrderDetails.js
@@ -0,0 +1,66 @@
+"use strict";
+const common_vendor = require("../../../common/vendor.js");
+const _sfc_main = {
+ __name: "OrderDetails",
+ setup(__props) {
+ const Status = common_vendor.ref({});
+ console.log(Status.value, 34);
+ common_vendor.onLoad((options) => {
+ Status.value = JSON.parse(options.info);
+ console.log(Status.value, 111);
+ console.log(Status.value.orderStatus, 222);
+ });
+ return (_ctx, _cache) => {
+ return common_vendor.e({
+ a: common_vendor.t(Status.value.addressSnapshot.name + Status.value.addressSnapshot.phone),
+ b: common_vendor.t(Status.value.addressSnapshot.region + Status.value.addressSnapshot.detailAddress),
+ c: common_vendor.f(Status.value.orderItemList, (i, k0, i0) => {
+ return {
+ a: i.goodSnapshot.goodImg,
+ b: i
+ };
+ }),
+ d: common_vendor.f(Status.value.orderItemList, (i, k0, i0) => {
+ return {
+ a: common_vendor.t(i.goodSnapshot.name),
+ b: i
+ };
+ }),
+ e: common_vendor.f(Status.value.orderItemList, (i, k0, i0) => {
+ return {
+ a: common_vendor.t(i.goodSnapshot.type),
+ b: i
+ };
+ }),
+ f: common_vendor.f(Status.value.orderItemList, (i, k0, i0) => {
+ return {
+ a: common_vendor.t(i.goodSnapshot.price),
+ b: i
+ };
+ }),
+ g: common_vendor.f(Status.value.orderItemList, (i, k0, i0) => {
+ return {
+ a: common_vendor.t(i.goodSnapshot.price),
+ b: i
+ };
+ }),
+ h: common_vendor.t(Status.value.orderNumber),
+ i: common_vendor.f(Status.value.orderItemList, (i, k0, i0) => {
+ return {
+ a: common_vendor.t(i.goodSnapshot.price),
+ b: i
+ };
+ }),
+ j: Status.value.orderStatus === "待支付"
+ }, Status.value.orderStatus === "待支付" ? {} : {}, {
+ k: Status.value.orderStatus === "待发货"
+ }, Status.value.orderStatus === "待发货" ? {} : {}, {
+ l: Status.value.orderStatus === "已发货"
+ }, Status.value.orderStatus === "已发货" ? {} : {}, {
+ m: Status.value.orderStatus === "售后"
+ }, Status.value.orderStatus === "售后" ? {} : {});
+ };
+ }
+};
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-add9df0c"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/mine/OrderDetails/OrderDetails.vue"]]);
+wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/mine/OrderDetails/OrderDetails.json b/unpackage/dist/dev/mp-weixin/pages/mine/OrderDetails/OrderDetails.json
new file mode 100644
index 0000000..a0812ee
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/mine/OrderDetails/OrderDetails.json
@@ -0,0 +1,4 @@
+{
+ "navigationBarTitleText": "",
+ "usingComponents": {}
+}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/mine/OrderDetails/OrderDetails.wxml b/unpackage/dist/dev/mp-weixin/pages/mine/OrderDetails/OrderDetails.wxml
new file mode 100644
index 0000000..5e8e2c9
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/mine/OrderDetails/OrderDetails.wxml
@@ -0,0 +1 @@
+<view class="flex-col page data-v-add9df0c"><view class="flex-col data-v-add9df0c"><view class="flex-col justify-start items-start image-wrapper data-v-add9df0c"><image class="image data-v-add9df0c" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=c450ffa87845363012613b1e0f522a87.png"/></view><view class="flex-col group data-v-add9df0c"><view class="flex-row items-center section data-v-add9df0c"><image class="image_2 data-v-add9df0c" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=d7c7e8f082bbf68fe1e60091fa650fcd.png"/><view class="ml-6 flex-col items-start flex-1 data-v-add9df0c"><text class="font text data-v-add9df0c">等待买家付款</text><text class="font_2 text_2 mt-5 data-v-add9df0c">请于13分51秒内付款，超时订单将自动关闭</text></view></view><view class="mt-8 flex-row items-center section_2 data-v-add9df0c"><image class="shrink-0 image_3 data-v-add9df0c" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=19ebf0fd3bd190ff882354f39ef52d3e.png"/><view class="ml-8 flex-col items-start flex-1 data-v-add9df0c"><view class="font text_3 data-v-add9df0c">{{a}}</view><view class="mt-12 font_2 text_4 data-v-add9df0c">{{b}}</view></view></view><view class="mt-8 flex-col section_3 data-v-add9df0c"><view class="flex-row justify-between self-stretch group_2 data-v-add9df0c"><view class="flex-row self-center data-v-add9df0c"><view wx:for="{{c}}" wx:for-item="i" wx:key="b" class="data-v-add9df0c"><image src="{{i.a}}" style="height:50px;width:50px" class="image_4 data-v-add9df0c"></image></view><view class="flex-col group_3 ml-17 data-v-add9df0c"><view class="flex-col data-v-add9df0c"><view class="flex-row self-stretch data-v-add9df0c"><view wx:for="{{d}}" wx:for-item="i" wx:key="b" class="font data-v-add9df0c">{{i.a}}</view><view wx:for="{{e}}" wx:for-item="i" wx:key="b" class="ml-4 font data-v-add9df0c"> 【{{i.a}}】 </view></view><text class="self-start font_2 text_5 mt-11 data-v-add9df0c">已选种类：紫色</text></view><view class="mt-38 flex-row items-center data-v-add9df0c"><view class="flex-row items-center group_4 data-v-add9df0c"><view wx:for="{{f}}" wx:for-item="i" wx:key="b" class="text_6 data-v-add9df0c">{{i.a}}</view><image class="image_5 image_6 data-v-add9df0c" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=53a8efcd2031289983433ba21eb70050.png"/></view></view></view></view><text class="self-start font_3 text_8 data-v-add9df0c">×1</text></view><view class="flex-row justify-between items-center self-stretch group_5 data-v-add9df0c"><text class="font_4 text_9 data-v-add9df0c">商品金额</text><view class="flex-row items-center data-v-add9df0c"><view wx:for="{{g}}" wx:for-item="i" wx:key="b" class="font_3 data-v-add9df0c">{{i.a}}</view></view></view><view class="flex-row justify-between items-center self-stretch group_6 data-v-add9df0c"><text class="font_4 text_10 data-v-add9df0c">优惠券</text><view class="flex-row items-center data-v-add9df0c"><text class="font_3 data-v-add9df0c">-50.00</text></view></view><view class="flex-row justify-end items-center self-stretch group_7 data-v-add9df0c"><view class="flex-row items-center group_8 data-v-add9df0c"><image class="image_5 image_8 data-v-add9df0c" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=4713f88f0f01fcb4c33fac4a8eba7f0f.png"/><text class="font text_11 data-v-add9df0c">合计：</text></view><text class="font_3 text_12 data-v-add9df0c">88.00</text></view><view class="self-stretch divider view data-v-add9df0c"></view><text class="self-start font_4 text_13 data-v-add9df0c">买家留言</text><view class="flex-col justify-start self-stretch text-wrapper data-v-add9df0c"><text class="font_2 text_14 data-v-add9df0c"> 希望所使用的材料是可持续来源的，并且制作工艺要精细，以确保每一朵花瓣都能生动地展现出绒花的质感和美感。 </text></view><view class="self-stretch divider view_2 data-v-add9df0c"></view><view class="flex-row justify-between self-stretch group_9 data-v-add9df0c"><text class="font_2 text_15 data-v-add9df0c">订单编号：</text><view class="flex-row items-center data-v-add9df0c"><text class="font_5 text_16 data-v-add9df0c">{{h}}</text><view class="ml-2 flex-col justify-start items-center shrink-0 text-wrapper_2 data-v-add9df0c"><text class="text_17 data-v-add9df0c">复制</text></view></view></view><view class="flex-row justify-between items-center self-stretch group_10 data-v-add9df0c"><text class="font_2 text_18 data-v-add9df0c">创建时间：</text><text class="font_5 text_19 data-v-add9df0c">2024-10-05 09:58:41</text></view></view></view></view><view class="flex-row justify-between items-center section_4 mt-284 data-v-add9df0c"><view class="flex-row items-center data-v-add9df0c" style="margin-left:80px"><text class="font_6 text_20 data-v-add9df0c"> 合计：</text><view wx:for="{{i}}" wx:for-item="i" wx:key="b" class="text_21 data-v-add9df0c">{{i.a}}</view></view><view class="flex-col justify-start items-center text-wrapper_3 data-v-add9df0c"><view wx:if="{{j}}" class="font_6 text_22 data-v-add9df0c">去支付</view><view wx:if="{{k}}" class="font_6 text_22 data-v-add9df0c">取消订单</view><view wx:if="{{l}}" class="font_6 text_22 data-v-add9df0c">确认收货</view><view wx:if="{{m}}" class="font_6 text_22 data-v-add9df0c">售后详情</view></view></view></view>
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/mine/OrderDetails/OrderDetails.wxss b/unpackage/dist/dev/mp-weixin/pages/mine/OrderDetails/OrderDetails.wxss
new file mode 100644
index 0000000..7673b98
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/mine/OrderDetails/OrderDetails.wxss
@@ -0,0 +1,684 @@
+/* 水平间距 */
+/* 水平间距 */
+/************************************************************
+** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
+** 否则页面将无法正常显示 **
+************************************************************/
+html.data-v-add9df0c {
+ font-size: 16px;
+}
+body.data-v-add9df0c {
+ margin: 0;
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
+ 'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+view.data-v-add9df0c,
+image.data-v-add9df0c,
+text.data-v-add9df0c {
+ box-sizing: border-box;
+ flex-shrink: 0;
+}
+#app.data-v-add9df0c {
+ width: 100vw;
+ height: 100vh;
+}
+.flex-row.data-v-add9df0c {
+ display: flex;
+ flex-direction: row;
+}
+.flex-col.data-v-add9df0c {
+ display: flex;
+ flex-direction: column;
+}
+.justify-start.data-v-add9df0c {
+ justify-content: flex-start;
+}
+.justify-end.data-v-add9df0c {
+ justify-content: flex-end;
+}
+.justify-center.data-v-add9df0c {
+ justify-content: center;
+}
+.justify-between.data-v-add9df0c {
+ justify-content: space-between;
+}
+.justify-around.data-v-add9df0c {
+ justify-content: space-around;
+}
+.justify-evenly.data-v-add9df0c {
+ justify-content: space-evenly;
+}
+.items-start.data-v-add9df0c {
+ align-items: flex-start;
+}
+.items-end.data-v-add9df0c {
+ align-items: flex-end;
+}
+.items-center.data-v-add9df0c {
+ align-items: center;
+}
+.items-baseline.data-v-add9df0c {
+ align-items: baseline;
+}
+.items-stretch.data-v-add9df0c {
+ align-items: stretch;
+}
+.self-start.data-v-add9df0c {
+ align-self: flex-start;
+}
+.self-end.data-v-add9df0c {
+ align-self: flex-end;
+}
+.self-center.data-v-add9df0c {
+ align-self: center;
+}
+.self-baseline.data-v-add9df0c {
+ align-self: baseline;
+}
+.self-stretch.data-v-add9df0c {
+ align-self: stretch;
+}
+.flex-1.data-v-add9df0c {
+ flex: 1 1 0%;
+}
+.flex-auto.data-v-add9df0c {
+ flex: 1 1 auto;
+}
+.grow.data-v-add9df0c {
+ flex-grow: 1;
+}
+.grow-0.data-v-add9df0c {
+ flex-grow: 0;
+}
+.shrink.data-v-add9df0c {
+ flex-shrink: 1;
+}
+.shrink-0.data-v-add9df0c {
+ flex-shrink: 0;
+}
+.relative.data-v-add9df0c {
+ position: relative;
+}
+.ml-2.data-v-add9df0c {
+ margin-left: 3.75rpx;
+}
+.mt-2.data-v-add9df0c {
+ margin-top: 3.75rpx;
+}
+.ml-4.data-v-add9df0c {
+ margin-left: 7.5rpx;
+}
+.mt-4.data-v-add9df0c {
+ margin-top: 7.5rpx;
+}
+.ml-6.data-v-add9df0c {
+ margin-left: 11.25rpx;
+}
+.mt-6.data-v-add9df0c {
+ margin-top: 11.25rpx;
+}
+.ml-8.data-v-add9df0c {
+ margin-left: 15rpx;
+}
+.mt-8.data-v-add9df0c {
+ margin-top: 15rpx;
+}
+.ml-10.data-v-add9df0c {
+ margin-left: 18.75rpx;
+}
+.mt-10.data-v-add9df0c {
+ margin-top: 18.75rpx;
+}
+.ml-12.data-v-add9df0c {
+ margin-left: 22.5rpx;
+}
+.mt-12.data-v-add9df0c {
+ margin-top: 22.5rpx;
+}
+.ml-14.data-v-add9df0c {
+ margin-left: 26.25rpx;
+}
+.mt-14.data-v-add9df0c {
+ margin-top: 26.25rpx;
+}
+.ml-16.data-v-add9df0c {
+ margin-left: 30rpx;
+}
+.mt-16.data-v-add9df0c {
+ margin-top: 30rpx;
+}
+.ml-18.data-v-add9df0c {
+ margin-left: 33.75rpx;
+}
+.mt-18.data-v-add9df0c {
+ margin-top: 33.75rpx;
+}
+.ml-20.data-v-add9df0c {
+ margin-left: 37.5rpx;
+}
+.mt-20.data-v-add9df0c {
+ margin-top: 37.5rpx;
+}
+.ml-22.data-v-add9df0c {
+ margin-left: 41.25rpx;
+}
+.mt-22.data-v-add9df0c {
+ margin-top: 41.25rpx;
+}
+.ml-24.data-v-add9df0c {
+ margin-left: 45rpx;
+}
+.mt-24.data-v-add9df0c {
+ margin-top: 45rpx;
+}
+.ml-26.data-v-add9df0c {
+ margin-left: 48.75rpx;
+}
+.mt-26.data-v-add9df0c {
+ margin-top: 48.75rpx;
+}
+.ml-28.data-v-add9df0c {
+ margin-left: 52.5rpx;
+}
+.mt-28.data-v-add9df0c {
+ margin-top: 52.5rpx;
+}
+.ml-30.data-v-add9df0c {
+ margin-left: 56.25rpx;
+}
+.mt-30.data-v-add9df0c {
+ margin-top: 56.25rpx;
+}
+.ml-32.data-v-add9df0c {
+ margin-left: 60rpx;
+}
+.mt-32.data-v-add9df0c {
+ margin-top: 60rpx;
+}
+.ml-34.data-v-add9df0c {
+ margin-left: 63.75rpx;
+}
+.mt-34.data-v-add9df0c {
+ margin-top: 63.75rpx;
+}
+.ml-36.data-v-add9df0c {
+ margin-left: 67.5rpx;
+}
+.mt-36.data-v-add9df0c {
+ margin-top: 67.5rpx;
+}
+.ml-38.data-v-add9df0c {
+ margin-left: 71.25rpx;
+}
+.mt-38.data-v-add9df0c {
+ margin-top: 71.25rpx;
+}
+.ml-40.data-v-add9df0c {
+ margin-left: 75rpx;
+}
+.mt-40.data-v-add9df0c {
+ margin-top: 75rpx;
+}
+.ml-42.data-v-add9df0c {
+ margin-left: 78.75rpx;
+}
+.mt-42.data-v-add9df0c {
+ margin-top: 78.75rpx;
+}
+.ml-44.data-v-add9df0c {
+ margin-left: 82.5rpx;
+}
+.mt-44.data-v-add9df0c {
+ margin-top: 82.5rpx;
+}
+.ml-46.data-v-add9df0c {
+ margin-left: 86.25rpx;
+}
+.mt-46.data-v-add9df0c {
+ margin-top: 86.25rpx;
+}
+.ml-48.data-v-add9df0c {
+ margin-left: 90rpx;
+}
+.mt-48.data-v-add9df0c {
+ margin-top: 90rpx;
+}
+.ml-50.data-v-add9df0c {
+ margin-left: 93.75rpx;
+}
+.mt-50.data-v-add9df0c {
+ margin-top: 93.75rpx;
+}
+.ml-52.data-v-add9df0c {
+ margin-left: 97.5rpx;
+}
+.mt-52.data-v-add9df0c {
+ margin-top: 97.5rpx;
+}
+.ml-54.data-v-add9df0c {
+ margin-left: 101.25rpx;
+}
+.mt-54.data-v-add9df0c {
+ margin-top: 101.25rpx;
+}
+.ml-56.data-v-add9df0c {
+ margin-left: 105rpx;
+}
+.mt-56.data-v-add9df0c {
+ margin-top: 105rpx;
+}
+.ml-58.data-v-add9df0c {
+ margin-left: 108.75rpx;
+}
+.mt-58.data-v-add9df0c {
+ margin-top: 108.75rpx;
+}
+.ml-60.data-v-add9df0c {
+ margin-left: 112.5rpx;
+}
+.mt-60.data-v-add9df0c {
+ margin-top: 112.5rpx;
+}
+.ml-62.data-v-add9df0c {
+ margin-left: 116.25rpx;
+}
+.mt-62.data-v-add9df0c {
+ margin-top: 116.25rpx;
+}
+.ml-64.data-v-add9df0c {
+ margin-left: 120rpx;
+}
+.mt-64.data-v-add9df0c {
+ margin-top: 120rpx;
+}
+.ml-66.data-v-add9df0c {
+ margin-left: 123.75rpx;
+}
+.mt-66.data-v-add9df0c {
+ margin-top: 123.75rpx;
+}
+.ml-68.data-v-add9df0c {
+ margin-left: 127.5rpx;
+}
+.mt-68.data-v-add9df0c {
+ margin-top: 127.5rpx;
+}
+.ml-70.data-v-add9df0c {
+ margin-left: 131.25rpx;
+}
+.mt-70.data-v-add9df0c {
+ margin-top: 131.25rpx;
+}
+.ml-72.data-v-add9df0c {
+ margin-left: 135rpx;
+}
+.mt-72.data-v-add9df0c {
+ margin-top: 135rpx;
+}
+.ml-74.data-v-add9df0c {
+ margin-left: 138.75rpx;
+}
+.mt-74.data-v-add9df0c {
+ margin-top: 138.75rpx;
+}
+.ml-76.data-v-add9df0c {
+ margin-left: 142.5rpx;
+}
+.mt-76.data-v-add9df0c {
+ margin-top: 142.5rpx;
+}
+.ml-78.data-v-add9df0c {
+ margin-left: 146.25rpx;
+}
+.mt-78.data-v-add9df0c {
+ margin-top: 146.25rpx;
+}
+.ml-80.data-v-add9df0c {
+ margin-left: 150rpx;
+}
+.mt-80.data-v-add9df0c {
+ margin-top: 150rpx;
+}
+.ml-82.data-v-add9df0c {
+ margin-left: 153.75rpx;
+}
+.mt-82.data-v-add9df0c {
+ margin-top: 153.75rpx;
+}
+.ml-84.data-v-add9df0c {
+ margin-left: 157.5rpx;
+}
+.mt-84.data-v-add9df0c {
+ margin-top: 157.5rpx;
+}
+.ml-86.data-v-add9df0c {
+ margin-left: 161.25rpx;
+}
+.mt-86.data-v-add9df0c {
+ margin-top: 161.25rpx;
+}
+.ml-88.data-v-add9df0c {
+ margin-left: 165rpx;
+}
+.mt-88.data-v-add9df0c {
+ margin-top: 165rpx;
+}
+.ml-90.data-v-add9df0c {
+ margin-left: 168.75rpx;
+}
+.mt-90.data-v-add9df0c {
+ margin-top: 168.75rpx;
+}
+.ml-92.data-v-add9df0c {
+ margin-left: 172.5rpx;
+}
+.mt-92.data-v-add9df0c {
+ margin-top: 172.5rpx;
+}
+.ml-94.data-v-add9df0c {
+ margin-left: 176.25rpx;
+}
+.mt-94.data-v-add9df0c {
+ margin-top: 176.25rpx;
+}
+.ml-96.data-v-add9df0c {
+ margin-left: 180rpx;
+}
+.mt-96.data-v-add9df0c {
+ margin-top: 180rpx;
+}
+.ml-98.data-v-add9df0c {
+ margin-left: 183.75rpx;
+}
+.mt-98.data-v-add9df0c {
+ margin-top: 183.75rpx;
+}
+.ml-100.data-v-add9df0c {
+ margin-left: 187.5rpx;
+}
+.mt-100.data-v-add9df0c {
+ margin-top: 187.5rpx;
+}
+.mt-5.data-v-add9df0c {
+ margin-top: 9.38rpx;
+}
+.ml-17.data-v-add9df0c {
+ margin-left: 31.88rpx;
+}
+.mt-11.data-v-add9df0c {
+ margin-top: 20.63rpx;
+}
+.mt-284.data-v-add9df0c {
+ margin-top: 532.5rpx;
+}
+.page.data-v-add9df0c {
+ background-color: #f8e8c1;
+ width: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ height: 100%;
+}
+.image-wrapper.data-v-add9df0c {
+ padding: 15rpx 0;
+ background-color: #fffef8;
+}
+.image.data-v-add9df0c {
+ margin-left: 16.88rpx;
+ width: 37.5rpx;
+ height: 37.5rpx;
+}
+.group.data-v-add9df0c {
+ padding: 15rpx 15rpx 0;
+}
+.section.data-v-add9df0c {
+ padding: 16.88rpx 18.75rpx;
+ background-color: #fffef8;
+ border-radius: 18.75rpx;
+}
+.image_2.data-v-add9df0c {
+ width: 75rpx;
+ height: 75rpx;
+}
+.section_2.data-v-add9df0c {
+ padding: 33.75rpx 18.75rpx;
+ background-color: #fffef8;
+ border-radius: 18.75rpx;
+}
+.image_3.data-v-add9df0c {
+ width: 43.13rpx;
+ height: 43.13rpx;
+}
+.font_2.data-v-add9df0c {
+ font-size: 22.5rpx;
+ font-family: Open Sans;
+ line-height: 19.39rpx;
+ color: #818181;
+}
+.text_2.data-v-add9df0c {
+ color: #6b6e72;
+ line-height: 21.34rpx;
+}
+.text_4.data-v-add9df0c {
+ line-height: 20.91rpx;
+}
+.section_3.data-v-add9df0c {
+ padding: 0 18.75rpx 26.25rpx 24.38rpx;
+ background-color: #fffef8;
+ border-radius: 18.75rpx;
+}
+.group_2.data-v-add9df0c {
+ padding: 22.5rpx 0;
+ border-bottom: solid 1.88rpx #dfdfdf;
+}
+.image_4.data-v-add9df0c {
+ margin-bottom: 5.63rpx;
+ border-radius: 9.38rpx;
+ width: 146.25rpx;
+ height: 165rpx;
+}
+.group_3.data-v-add9df0c {
+ margin-top: 3.75rpx;
+}
+.font.data-v-add9df0c {
+ font-size: 26.25rpx;
+ font-family: Open Sans;
+ line-height: 24.43rpx;
+ color: #323232;
+}
+.text_3.data-v-add9df0c {
+ line-height: 23.77rpx;
+}
+.text.data-v-add9df0c {
+ color: #323233;
+ font-size: 28.13rpx;
+ line-height: 26.08rpx;
+}
+.text_5.data-v-add9df0c {
+ line-height: 20.79rpx;
+}
+.group_4.data-v-add9df0c {
+ width: 90.66rpx;
+}
+.text_6.data-v-add9df0c {
+ margin-left: 26.25rpx;
+ color: #323232;
+ font-size: 33.75rpx;
+ font-family: Open Sans;
+ font-weight: 600;
+ line-height: 24.88rpx;
+}
+.image_5.data-v-add9df0c {
+ width: 30rpx;
+ height: 30rpx;
+}
+.image_6.data-v-add9df0c {
+ margin-left: -90rpx;
+}
+.font_3.data-v-add9df0c {
+ font-size: 26.25rpx;
+ font-family: Open Sans;
+ line-height: 19.39rpx;
+ color: #323232;
+}
+.text_7.data-v-add9df0c {
+ font-weight: 600;
+ line-height: 19.29rpx;
+}
+.text_8.data-v-add9df0c {
+ margin-right: 7.5rpx;
+ margin-top: 146.25rpx;
+ line-height: 18.73rpx;
+}
+.group_5.data-v-add9df0c {
+ margin-top: 26.25rpx;
+}
+.font_4.data-v-add9df0c {
+ font-size: 26.25rpx;
+ font-family: Open Sans;
+ line-height: 24.43rpx;
+ color: #818181;
+}
+.text_9.data-v-add9df0c {
+ line-height: 24.28rpx;
+}
+.group_6.data-v-add9df0c {
+ margin-top: 13.13rpx;
+}
+.text_10.data-v-add9df0c {
+ line-height: 24.26rpx;
+}
+.image_7.data-v-add9df0c {
+ width: 41.25rpx;
+ height: 30rpx;
+}
+.group_7.data-v-add9df0c {
+ margin-top: 16.88rpx;
+}
+.group_8.data-v-add9df0c {
+ width: 102.26rpx;
+}
+.image_8.data-v-add9df0c {
+ margin-left: 71.25rpx;
+}
+.text_11.data-v-add9df0c {
+ margin-left: -101.25rpx;
+ line-height: 24.09rpx;
+}
+.text_12.data-v-add9df0c {
+ color: #fb8b05;
+}
+.divider.data-v-add9df0c {
+ background-color: #dfdfdf;
+ height: 1.88rpx;
+}
+.view.data-v-add9df0c {
+ margin-top: 16.88rpx;
+}
+.text_13.data-v-add9df0c {
+ margin-top: 30rpx;
+ line-height: 24.21rpx;
+}
+.text-wrapper.data-v-add9df0c {
+ margin-top: 15rpx;
+ padding: 15rpx 0 11.25rpx;
+ background-color: #fffef8;
+ border-radius: 9.38rpx;
+ border-left: solid 1.88rpx #f0f0b5;
+ border-right: solid 1.88rpx #f0f0b5;
+ border-top: solid 1.88rpx #f0f0b5;
+ border-bottom: solid 1.88rpx #f0f0b5;
+}
+.text_14.data-v-add9df0c {
+ margin-left: 15rpx;
+ margin-right: 18.75rpx;
+ line-height: 26.25rpx;
+}
+.view_2.data-v-add9df0c {
+ margin-top: 18.75rpx;
+}
+.group_9.data-v-add9df0c {
+ margin-top: 22.5rpx;
+}
+.text_15.data-v-add9df0c {
+ line-height: 20.85rpx;
+}
+.font_5.data-v-add9df0c {
+ font-size: 22.5rpx;
+ font-family: Open Sans;
+ color: #323232;
+}
+.text_16.data-v-add9df0c {
+ line-height: 16.54rpx;
+}
+.text-wrapper_2.data-v-add9df0c {
+ background-color: #fffef8;
+ width: 50.63rpx;
+ height: 22.5rpx;
+ border-left: solid 0.94rpx #d1d1d1;
+ border-right: solid 0.94rpx #d1d1d1;
+ border-top: solid 0.94rpx #d1d1d1;
+ border-bottom: solid 0.94rpx #d1d1d1;
+}
+.text_17.data-v-add9df0c {
+ color: #323232;
+ font-size: 18.75rpx;
+ font-family: Open Sans;
+ line-height: 17.38rpx;
+}
+.group_10.data-v-add9df0c {
+ margin-top: 11.25rpx;
+}
+.text_18.data-v-add9df0c {
+ line-height: 20.7rpx;
+}
+.text_19.data-v-add9df0c {
+ margin-right: 157.5rpx;
+ line-height: 16.63rpx;
+}
+.section_4.data-v-add9df0c {
+ padding: 15rpx 26.25rpx;
+ background-color: #fffef8;
+}
+.image_9.data-v-add9df0c {
+ margin-left: 86.25rpx;
+ width: 33.75rpx;
+ height: 33.75rpx;
+}
+.text_21.data-v-add9df0c {
+ color: #fbb612;
+ font-size: 37.5rpx;
+ font-family: Open Sans;
+ font-weight: 700;
+ line-height: 27.62rpx;
+}
+.font_6.data-v-add9df0c {
+ font-size: 30rpx;
+ font-family: Open Sans;
+ line-height: 27.62rpx;
+}
+.text_20.data-v-add9df0c {
+ margin-left: -172.5rpx;
+ color: #000000;
+ line-height: 27.54rpx;
+}
+.text_23.data-v-add9df0c {
+ margin-left: 78.75rpx;
+ color: #fbb612;
+ font-size: 30rpx;
+ font-family: Open Sans;
+ font-weight: 700;
+ line-height: 22.05rpx;
+}
+.text-wrapper_3.data-v-add9df0c {
+ padding: 22.5rpx 0;
+ background-color: #fbb612;
+ border-radius: 75rpx;
+ width: 204.38rpx;
+ height: 71.25rpx;
+}
+.text_22.data-v-add9df0c {
+ color: #ffffff;
+ line-height: 27.86rpx;
+}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/mine/mineorders/mineorders.js b/unpackage/dist/dev/mp-weixin/pages/mine/mineorders/mineorders.js
index e156057..8a09b5b 100644
--- a/unpackage/dist/dev/mp-weixin/pages/mine/mineorders/mineorders.js
+++ b/unpackage/dist/dev/mp-weixin/pages/mine/mineorders/mineorders.js
@@ -55,6 +55,12 @@ const _sfc_main = {
}
};
const isSelected = (tab) => Status.value.orderStatus === tab;
+ const goToText = (index) => {
+ console.log("下标-->", index);
+ common_vendor.index.navigateTo({
+ url: "../../../pages/mine/OrderDetails/OrderDetails?info=" + JSON.stringify(Status.value.displayedOrders[index])
+ });
+ };
return (_ctx, _cache) => {
return {
a: _ctx.orderStatus === "全部" ? 1 : "",
@@ -72,42 +78,42 @@ const _sfc_main = {
m: _ctx.orderStatus === "售后" ? 1 : "",
n: isSelected("售后") ? 1 : "",
o: common_vendor.o(($event) => changeTab("售后")),
- p: common_vendor.f(Status.value.displayedOrders, (order, k0, i0) => {
+ p: common_vendor.f(Status.value.displayedOrders, (order, index, i0) => {
return common_vendor.e({
- a: common_vendor.t(order.orderStatus),
- b: common_vendor.f(order.orderItemList, (item, k1, i1) => {
+ a: common_vendor.f(order.orderItemList, (item, k1, i1) => {
return {
a: item.goodSnapshot.goodImg,
b: item.id
};
}),
- c: common_vendor.f(order.orderItemList, (item, k1, i1) => {
+ b: common_vendor.f(order.orderItemList, (item, k1, i1) => {
return {
a: common_vendor.t(item.goodSnapshot.name),
b: item.id
};
}),
- d: common_vendor.f(order.orderItemList, (item, k1, i1) => {
+ c: common_vendor.f(order.orderItemList, (item, k1, i1) => {
return {
a: common_vendor.t(item.goodSnapshot.type),
b: item.id
};
}),
- e: common_vendor.f(order.orderItemList, (item, k1, i1) => {
+ d: common_vendor.f(order.orderItemList, (item, k1, i1) => {
return {
a: common_vendor.t(item.goodSnapshot.price),
b: item.id
};
}),
- f: order.orderStatus === "待支付"
+ e: order.orderStatus === "待支付"
}, order.orderStatus === "待支付" ? {} : {}, {
- g: order.orderStatus === "待发货"
+ f: order.orderStatus === "待发货"
}, order.orderStatus === "待发货" ? {} : {}, {
- h: order.orderStatus === "已发货"
+ g: order.orderStatus === "已发货"
}, order.orderStatus === "已发货" ? {} : {}, {
- i: order.orderStatus === "售后"
+ h: order.orderStatus === "售后"
}, order.orderStatus === "售后" ? {} : {}, {
- j: order.id
+ i: order.id,
+ j: common_vendor.o(($event) => goToText(index), order.id)
});
})
};
diff --git a/unpackage/dist/dev/mp-weixin/pages/mine/mineorders/mineorders.json b/unpackage/dist/dev/mp-weixin/pages/mine/mineorders/mineorders.json
new file mode 100644
index 0000000..a0812ee
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/mine/mineorders/mineorders.json
@@ -0,0 +1,4 @@
+{
+ "navigationBarTitleText": "",
+ "usingComponents": {}
+}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/mine/mineorders/mineorders.wxml b/unpackage/dist/dev/mp-weixin/pages/mine/mineorders/mineorders.wxml
index 29200aa..4afcf77 100644
--- a/unpackage/dist/dev/mp-weixin/pages/mine/mineorders/mineorders.wxml
+++ b/unpackage/dist/dev/mp-weixin/pages/mine/mineorders/mineorders.wxml
@@ -1 +1 @@
-<view class="container data-v-7d0f2622"><view class="order-tabs data-v-7d0f2622"><view class="{{['tab-item', 'data-v-7d0f2622', a && 'active', b && 'selected']}}" bindtap="{{c}}"> 全部 </view><view class="{{['tab-item', 'data-v-7d0f2622', d && 'active', e && 'selected']}}" bindtap="{{f}}"> 待支付 </view><view class="{{['tab-item', 'data-v-7d0f2622', g && 'active', h && 'selected']}}" bindtap="{{i}}"> 待发货 </view><view class="{{['tab-item', 'data-v-7d0f2622', j && 'active', k && 'selected']}}" bindtap="{{l}}"> 已发货 </view><view class="{{['tab-item', 'data-v-7d0f2622', m && 'active', n && 'selected']}}" bindtap="{{o}}"> 售后 </view></view><view class="order-list data-v-7d0f2622"><view wx:for="{{p}}" wx:for-item="order" wx:key="j" class="order-item data-v-7d0f2622">{{order.a}} <view wx:for="{{order.b}}" wx:for-item="item" wx:key="b" class="data-v-7d0f2622"><image class="data-v-7d0f2622" src="{{item.a}}" style="height:50px;width:50px"></image></view><view wx:for="{{order.c}}" wx:for-item="item" wx:key="b" class="data-v-7d0f2622">{{item.a}}</view><view wx:for="{{order.d}}" wx:for-item="item" wx:key="b" class="data-v-7d0f2622">{{item.a}}</view><view wx:for="{{order.e}}" wx:for-item="item" wx:key="b" class="data-v-7d0f2622">{{item.a}}</view><view wx:if="{{order.f}}" class="data-v-7d0f2622">去支付</view><view wx:if="{{order.g}}" class="data-v-7d0f2622">取消订单</view><view wx:if="{{order.h}}" class="data-v-7d0f2622">确认收货</view><view wx:if="{{order.i}}" class="data-v-7d0f2622">售后详情</view></view></view></view>
\ No newline at end of file
+<view class="flex-col page data-v-7d0f2622"><view class="flex-col section data-v-7d0f2622"><view class="flex-col justify-start section_2 data-v-7d0f2622"><view class="flex-row justify-center items-center section_3 data-v-7d0f2622"><image class="image data-v-7d0f2622" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=49977e5fbfb65cc3b62ce79b9d6705a2.png"/><text class="ml-4 font text data-v-7d0f2622">搜索订单</text></view></view><view class="flex-col section_4 data-v-7d0f2622"><view class="flex-row justify-between self-stretch group data-v-7d0f2622"><view class="{{['font_2', 'data-v-7d0f2622', a && 'active', b && 'selected']}}" bindtap="{{c}}"> 全部 </view><view class="{{['font_2', 'data-v-7d0f2622', d && 'active', e && 'selected']}}" bindtap="{{f}}"> 待支付 </view><view class="{{['font_2', 'data-v-7d0f2622', g && 'active', h && 'selected']}}" bindtap="{{i}}"> 待发货 </view><view class="{{['font_2', 'data-v-7d0f2622', j && 'active', k && 'selected']}}" bindtap="{{l}}"> 已发货 </view><view class="{{['font_2', 'data-v-7d0f2622', m && 'active', n && 'selected']}}" bindtap="{{o}}"> 售后 </view></view></view></view><view class="mt-11 data-v-7d0f2622"><view wx:for="{{p}}" wx:for-item="order" wx:key="i" class="text_7 data-v-7d0f2622" bindtap="{{order.j}}"><text class="self-end font_66 data-v-7d0f2622">等待卖家发货</text><view class="flex-row items-baseline self-stretch group_2 data-v-7d0f2622"><text class="font_4 text_5 data-v-7d0f2622">订单编号：</text><text class="font_4 text_6 ml-5 data-v-7d0f2622">E20241005095840091406189</text></view><view class="flex-row self-stretch group_3 data-v-7d0f2622"><view wx:for="{{order.a}}" wx:for-item="item" wx:key="b" class="data-v-7d0f2622"><image src="{{item.a}}" class="image_2 data-v-7d0f2622"></image></view><view class="flex-col self-start data-v-7d0f2622"><view class="name data-v-7d0f2622"><view wx:for="{{order.b}}" wx:for-item="item" wx:key="b" view class="font text_7 data-v-7d0f2622">{{item.a}}</view><view wx:for="{{order.c}}" wx:for-item="item" wx:key="b" view class="font text_8 data-v-7d0f2622"> 【{{item.a}}】 </view></view><text class="self-start font_4 text_11 mt-11 data-v-7d0f2622">已选种类：紫色</text></view><view class="data-v-7d0f2622" style="margin-left:130px"><view class="data-v-7d0f2622"><view wx:for="{{order.d}}" wx:for-item="item" wx:key="b" class="data-v-7d0f2622" view>{{item.a}}</view></view><text class="mt-22 self-end font text_12 data-v-7d0f2622">×1</text></view></view><view class="flex-row justify-end items-center self-stretch group_5 view data-v-7d0f2622"><text class="font_6 text_13 data-v-7d0f2622">已优惠：</text><image class="image_3 data-v-7d0f2622" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=fdc5706a15c3ea209832fbbc3f8f8100.png"/><view class="group_6 data-v-7d0f2622"><text class="font_7 text_14 data-v-7d0f2622">50</text><text class="font_5 data-v-7d0f2622">.00</text></view></view><view class="flex-row justify-end items-center self-stretch group_5 view_2 data-v-7d0f2622"><text class="font_6 text_15 data-v-7d0f2622">需付款：</text><image class="image_3 data-v-7d0f2622" src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=ea05ec17023763edb8cfe919508e0459.png"/><view class="group_7 data-v-7d0f2622"><text class="font_7 text_16 data-v-7d0f2622">88</text><text class="font_5 text_17 data-v-7d0f2622">.00</text></view></view><view class="flex-row justify-end self-stretch group_5 view_3 data-v-7d0f2622"><view class="flex-col justify-start items-center text-wrapper data-v-7d0f2622"><view wx:if="{{order.e}}" class="font text_18 data-v-7d0f2622">去支付</view><view wx:if="{{order.f}}" class="font text_18 data-v-7d0f2622">取消订单</view><view wx:if="{{order.g}}" class="font text_18 data-v-7d0f2622">确认收货</view><view wx:if="{{order.h}}" class="font text_18 data-v-7d0f2622">售后详情</view></view><view class="flex-col justify-start items-center text-wrapper_2 ml-21 data-v-7d0f2622"><text class="font_3 text_19 data-v-7d0f2622">联系客服</text></view></view></view></view></view>
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/mine/mineorders/mineorders.wxss b/unpackage/dist/dev/mp-weixin/pages/mine/mineorders/mineorders.wxss
index 66a0456..947c074 100644
--- a/unpackage/dist/dev/mp-weixin/pages/mine/mineorders/mineorders.wxss
+++ b/unpackage/dist/dev/mp-weixin/pages/mine/mineorders/mineorders.wxss
@@ -401,31 +401,247 @@ text.data-v-7d0f2622 {
.mt-100.data-v-7d0f2622 {
margin-top: 187.5rpx;
}
-.container.data-v-7d0f2622 {
- padding-bottom: 20px;
+.ml-5.data-v-7d0f2622 {
+ margin-left: 9.38rpx;
}
-.order-tabs.data-v-7d0f2622 {
- display: flex;
- justify-content: space-around;
- background-color: #f5f5f5;
- padding: 10px 0;
-}
-.tab-item.data-v-7d0f2622 {
- cursor: pointer;
- padding: 5px 10px;
-}
-.tab-item.active.data-v-7d0f2622 {
- color: blue;
-}
-.tab-item.selected.data-v-7d0f2622 {
- background-color: brown;
- color: white;
-}
-.order-list.data-v-7d0f2622 {
+.mt-11.data-v-7d0f2622 {
margin: 10px 10px 0 10px;
}
-.order-item.data-v-7d0f2622 {
- border: 1px solid #ccc;
+.ml-21.data-v-7d0f2622 {
+ margin-left: 39.38rpx;
+}
+.page.data-v-7d0f2622 {
+ padding-bottom: 1003.13rpx;
+ background-color: #f8e8c1;
+ width: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ height: 100%;
+}
+.section.data-v-7d0f2622 {
+ background-color: #fffef8;
+}
+.section_2.data-v-7d0f2622 {
+ padding: 15rpx 0;
+ background-color: #f5f5dc;
+}
+.section_3.data-v-7d0f2622 {
+ margin: 0 35.63rpx;
+ padding: 9.38rpx 0;
+ background-color: #ffffff;
+ border-radius: 75rpx;
+}
+.image.data-v-7d0f2622 {
+ width: 37.5rpx;
+ height: 37.5rpx;
+}
+.section_4.data-v-7d0f2622 {
+ padding-left: 33.75rpx;
+ padding-right: 30rpx;
+ background-color: #fffef8;
+}
+.group.data-v-7d0f2622 {
+ padding: 22.5rpx 0 18.75rpx;
+}
+.font_2.data-v-7d0f2622 {
+ font-size: 30rpx;
+ font-family: Open Sans;
+ line-height: 27.81rpx;
+ color: #323232;
+}
+.font_2.selected.data-v-7d0f2622 {
+ position: relative;
+}
+.font_2.selected.data-v-7d0f2622::after {
+ content: "";
+ position: absolute;
+ bottom: -5px;
+ left: 0;
+ right: 0;
+ height: 2px;
+ background-color: #f08b00;
+ transition: all 0.3s ease;
+}
+.text_2.data-v-7d0f2622 {
+ line-height: 27.66rpx;
+}
+.text_3.data-v-7d0f2622 {
+ line-height: 27.69rpx;
+}
+.text_4.data-v-7d0f2622 {
+ line-height: 27.71rpx;
+}
+.section_6.data-v-7d0f2622 {
+ margin: 15rpx 15rpx;
+ padding: 30rpx 18.75rpx 20.63rpx 24.38rpx;
+ background-color: #fffef8;
+ border-radius: 18.75rpx;
+}
+.font_3.data-v-7d0f2622 {
+ font-size: 26.25rpx;
+ font-family: Open Sans;
+ line-height: 24.34rpx;
+ color: #fb8b05;
+}
+.font_66.data-v-7d0f2622 {
+ font-size: 26.25rpx;
+ font-family: Open Sans;
+ line-height: 24.34rpx;
+ color: #fb8b05;
+ float: right;
+}
+.group_2.data-v-7d0f2622 {
+ margin-top: 18.75rpx;
+}
+.font_4.data-v-7d0f2622 {
+ font-size: 22.5rpx;
+ font-family: Open Sans;
+ line-height: 21.99rpx;
+ color: #818181;
+}
+.text_5.data-v-7d0f2622 {
+ line-height: 20.85rpx;
+}
+.text_6.data-v-7d0f2622 {
+ line-height: 16.54rpx;
+}
+.group_3.data-v-7d0f2622 {
+ margin-top: 30rpx;
+}
+.image_2.data-v-7d0f2622 {
+ border-radius: 9.38rpx;
+ width: 160rpx;
+ height: 160rpx;
+}
+.text_11.data-v-7d0f2622 {
+ line-height: 20.79rpx;
+}
+.group_4.data-v-7d0f2622 {
+ margin-right: 15rpx;
+}
+.text_9.data-v-7d0f2622 {
+ margin-left: 26.25rpx;
+ color: #323232;
+ font-size: 33.75rpx;
+ font-family: Open Sans;
+ font-weight: 600;
+ line-height: 24.88rpx;
+}
+.image_3.data-v-7d0f2622 {
+ width: 30rpx;
+ height: 26.25rpx;
+}
+.image_4.data-v-7d0f2622 {
+ margin-left: -90rpx;
+}
+.font_5.data-v-7d0f2622 {
+ font-size: 26.25rpx;
+ font-family: Open Sans;
+ line-height: 19.39rpx;
+ font-weight: 600;
+ color: #323232;
+}
+.text_10.data-v-7d0f2622 {
+ margin-left: 60rpx;
+ line-height: 19.29rpx;
+}
+.font.data-v-7d0f2622 {
+ font-size: 26.25rpx;
+ font-family: Open Sans;
+ line-height: 24.34rpx;
+ color: #323232;
+}
+.text_8.data-v-7d0f2622 {
+ line-height: 24.43rpx;
+ background-color: #fffef8;
+}
+.text_7.data-v-7d0f2622 {
padding: 10px;
margin-bottom: 10px;
+ background-color: #fffef8;
+ border-radius: 20px;
+}
+.text.data-v-7d0f2622 {
+ color: #c0c0c0;
+}
+.text_12.data-v-7d0f2622 {
+ line-height: 18.73rpx;
+}
+.group_5.data-v-7d0f2622 {
+ padding: 0 11.25rpx;
+}
+.view.data-v-7d0f2622 {
+ margin-top: 7.5rpx;
+}
+.font_6.data-v-7d0f2622 {
+ font-size: 26.25rpx;
+ font-family: Open Sans;
+ line-height: 24.34rpx;
+ color: #000000;
+}
+.text_13.data-v-7d0f2622 {
+ margin-right: -7.5rpx;
+ line-height: 24.09rpx;
+}
+.group_6.data-v-7d0f2622 {
+ line-height: 22.05rpx;
+ height: 22.11rpx;
+}
+.font_7.data-v-7d0f2622 {
+ font-size: 30rpx;
+ font-family: Open Sans;
+ line-height: 21.99rpx;
+ font-weight: 600;
+}
+.text_14.data-v-7d0f2622 {
+ color: #323232;
+ line-height: 22.05rpx;
+}
+.view_2.data-v-7d0f2622 {
+ margin-top: 18.75rpx;
+}
+.text_15.data-v-7d0f2622 {
+ margin-right: -7.5rpx;
+ line-height: 24.23rpx;
+}
+.group_7.data-v-7d0f2622 {
+ line-height: 21.99rpx;
+ height: 22.05rpx;
+}
+.text_16.data-v-7d0f2622 {
+ color: #fb8b05;
+}
+.text_17.data-v-7d0f2622 {
+ color: #fb8b05;
+}
+.view_3.data-v-7d0f2622 {
+ margin-top: 45rpx;
+}
+.text-wrapper.data-v-7d0f2622 {
+ padding: 15rpx 0;
+ background-color: #fffef8;
+ border-radius: 75rpx;
+ width: 155.63rpx;
+ height: 56.25rpx;
+ border-left: solid 1.88rpx #cbcbcb;
+ border-right: solid 1.88rpx #cbcbcb;
+ border-top: solid 1.88rpx #cbcbcb;
+ border-bottom: solid 1.88rpx #cbcbcb;
+}
+.text_18.data-v-7d0f2622 {
+ line-height: 24.15rpx;
+}
+.text-wrapper_2.data-v-7d0f2622 {
+ padding: 15rpx 0;
+ background-color: #fffef8;
+ border-radius: 75rpx;
+ width: 155.63rpx;
+ height: 56.25rpx;
+ border-left: solid 1.88rpx #fb8b05;
+ border-right: solid 1.88rpx #fb8b05;
+ border-top: solid 1.88rpx #fb8b05;
+ border-bottom: solid 1.88rpx #fb8b05;
+}
+.text_19.data-v-7d0f2622 {
+ line-height: 24.36rpx;
}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/project.private.config.json b/unpackage/dist/dev/mp-weixin/project.private.config.json
index 18dcd82..74b7c6e 100644
--- a/unpackage/dist/dev/mp-weixin/project.private.config.json
+++ b/unpackage/dist/dev/mp-weixin/project.private.config.json
@@ -8,15 +8,8 @@
"miniprogram": {
"list": [
{
- "name": "pages/mine/mineorders/mineorders",
- "pathName": "pages/mine/mineorders/mineorders",
- "query": "",
- "launchMode": "default",
- "scene": null
- },
- {
- "name": "pages/mine/mineorders/mineorders",
- "pathName": "pages/mine/mineorders/mineorders",
+ "name": "pages/booking/respectable/respectable",
+ "pathName": "pages/booking/respectable/respectable",
"query": "",
"launchMode": "default",
"scene": null