oooo
This commit is contained in:
parent
aa07f25e3b
commit
50f9382e66
|
|
@ -178,6 +178,13 @@
|
|||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/mine/OrderDetails/OrderDetails",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
}
|
||||
],
|
||||
"globalStyle": {
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
436
pages/mine/OrderDetails/OrderDetails.vue
Normal file
436
pages/mine/OrderDetails/OrderDetails.vue
Normal file
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
124
pages/text.vue
124
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>
|
||||
1
unpackage/dist/dev/mp-weixin/app.js
vendored
1
unpackage/dist/dev/mp-weixin/app.js
vendored
|
|
@ -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) {
|
||||
|
|
|
|||
3
unpackage/dist/dev/mp-weixin/app.json
vendored
3
unpackage/dist/dev/mp-weixin/app.json
vendored
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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 {};
|
||||
};
|
||||
}
|
||||
};
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -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;
|
||||
}
|
||||
66
unpackage/dist/dev/mp-weixin/pages/mine/OrderDetails/OrderDetails.js
vendored
Normal file
66
unpackage/dist/dev/mp-weixin/pages/mine/OrderDetails/OrderDetails.js
vendored
Normal file
|
|
@ -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);
|
||||
4
unpackage/dist/dev/mp-weixin/pages/mine/OrderDetails/OrderDetails.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/mine/OrderDetails/OrderDetails.json
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/mine/OrderDetails/OrderDetails.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/mine/OrderDetails/OrderDetails.wxml
vendored
Normal file
File diff suppressed because one or more lines are too long
684
unpackage/dist/dev/mp-weixin/pages/mine/OrderDetails/OrderDetails.wxss
vendored
Normal file
684
unpackage/dist/dev/mp-weixin/pages/mine/OrderDetails/OrderDetails.wxss
vendored
Normal file
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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)
|
||||
});
|
||||
})
|
||||
};
|
||||
|
|
|
|||
4
unpackage/dist/dev/mp-weixin/pages/mine/mineorders/mineorders.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/mine/mineorders/mineorders.json
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
||||
|
|
@ -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>
|
||||
<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>
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user