feat: 再次预定跳转商品详情问题修复
This commit is contained in:
@@ -1,6 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="mt-16">
|
<view class="border-box border-top-8">
|
||||||
<view v-if="goodsData.commodityPurchaseInstruction">
|
<view
|
||||||
|
v-if="goodsData.commodityPurchaseInstruction"
|
||||||
|
class="border-box pl-12 pr-12"
|
||||||
|
>
|
||||||
<ModuleTitle
|
<ModuleTitle
|
||||||
v-if="showTitle"
|
v-if="showTitle"
|
||||||
:title="goodsData.commodityPurchaseInstruction.templateTitle"
|
:title="goodsData.commodityPurchaseInstruction.templateTitle"
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
.store-address {
|
.store-address {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin: 6px 0;
|
margin: 6px 12px;
|
||||||
padding: 16px 12px;
|
padding: 16px 12px;
|
||||||
background-image: url("./images/loc_bg_img.png"); // 预留背景图片位置,用户手动导入
|
background-image: url("./images/loc_bg_img.png"); // 预留背景图片位置,用户手动导入
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|||||||
@@ -17,7 +17,7 @@
|
|||||||
'bg-2D91FF': ['1', '2', '3', '4', '5', '6'].includes(statusCode),
|
'bg-2D91FF': ['1', '2', '3', '4', '5', '6'].includes(statusCode),
|
||||||
},
|
},
|
||||||
]"
|
]"
|
||||||
@click="handleButtonClick"
|
@click="handleButtonClick(orderData)"
|
||||||
>
|
>
|
||||||
{{ buttonText }}
|
{{ buttonText }}
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -1,26 +1,33 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="mt-16">
|
<view class="mt-16 border-box border-top-8">
|
||||||
<view
|
<view
|
||||||
|
class="border-box pt-12 pl-12 pr-12"
|
||||||
v-for="(moduleItem, index) in goodsData.commodityEquipment"
|
v-for="(moduleItem, index) in goodsData.commodityEquipment"
|
||||||
:key="index"
|
:key="index"
|
||||||
>
|
>
|
||||||
<view
|
<view
|
||||||
class="flex flex-items-start flex-col pt-12 pb-12"
|
class="flex flex-items-start flex-col"
|
||||||
:class="{
|
:class="{
|
||||||
'border-bottom': index < goodsData.commodityEquipment.length - 1,
|
'border-bottom': index < goodsData.commodityEquipment.length - 1,
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
<view class="flex flex-items-center flex-row flex-shrink-0 mr-8">
|
<view class="flex flex-items-center flex-row flex-shrink-0">
|
||||||
<uni-icons fontFamily="znicons" size="20" color="#171717">{{
|
<uni-icons fontFamily="znicons" size="20" color="#171717">
|
||||||
zniconsMap[moduleItem.icon]
|
{{ zniconsMap[moduleItem.icon] }}
|
||||||
}}</uni-icons>
|
</uni-icons>
|
||||||
<text class="font-size-12 color-171717 line-height-20">{{
|
<text class="font-size-12 color-171717 line-height-20">
|
||||||
moduleItem.title
|
{{ moduleItem.title }}
|
||||||
}}</text>
|
</text>
|
||||||
|
</view>
|
||||||
|
<view class="border-box flex flex-items-center flex-row mt-4 pb-12">
|
||||||
|
<text
|
||||||
|
class="font-size-12 color-525866 line-height-20 mr-4"
|
||||||
|
v-for="(text, index) in moduleItem.desc"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
{{ text }}
|
||||||
|
</text>
|
||||||
</view>
|
</view>
|
||||||
<text class="flex-full font-size-12 color-525866 line-height-20 mt-4">{{
|
|
||||||
moduleItem.desc
|
|
||||||
}}</text>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="good-info">
|
<view class="good-info border-box pl-12 pr-12">
|
||||||
<!-- 标题区域 -->
|
<!-- 标题区域 -->
|
||||||
<view class="title-section">
|
<view class="title-section">
|
||||||
<text class="title">
|
<text class="title">
|
||||||
|
|||||||
@@ -68,7 +68,7 @@ $button-color: #00a6ff;
|
|||||||
.goods-content {
|
.goods-content {
|
||||||
border-radius: 28px 28px 0 0;
|
border-radius: 28px 28px 0 0;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
padding: 20px 12px;
|
padding: 20px 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-top: -30px;
|
margin-top: -30px;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|||||||
@@ -7,6 +7,10 @@
|
|||||||
border-top: 1px solid #e5e8ee;
|
border-top: 1px solid #e5e8ee;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.border-top-8 {
|
||||||
|
border-top: 8px solid #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
.border-bottom {
|
.border-bottom {
|
||||||
border-bottom: 1px solid #e5e8ee;
|
border-bottom: 1px solid #e5e8ee;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user