mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-18 00:26:47 +08:00
feat: 产品详情页面修改
- 移除了制作建议书的功能 - 优化产品资料的显示
This commit is contained in:
@@ -7,24 +7,28 @@
|
|||||||
<van-tab title="产品资料" class="mt10"> </van-tab>
|
<van-tab title="产品资料" class="mt10"> </van-tab>
|
||||||
</van-tabs>
|
</van-tabs>
|
||||||
</van-sticky>
|
</van-sticky>
|
||||||
<div v-show="active == '0'" class="pt10 pb45 clearfix">
|
<div v-show="active === 0" class="pt10 pb45 clearfix">
|
||||||
<img class="product-detail-introduct-image fl" :src="item" alt="" v-for="(item, index) in introductImages" :key="index" />
|
<img class="product-detail-introduct-image fl" :src="item" alt="" v-for="(item, index) in introductImages" :key="index" />
|
||||||
</div>
|
</div>
|
||||||
<van-list v-show="active == '1'">
|
<!-- <van-button class="m-btn fl green" color="#FEEFD8" @click="goProposal">制作建议书</van-button>-->
|
||||||
|
<van-list v-if="active === 1">
|
||||||
<van-cell
|
<van-cell
|
||||||
class="product-detail-list-item p10 fs12 fw400 bg-white"
|
class="product-detail-list-item p10 fs12 fw400 bg-white"
|
||||||
:title="item.name"
|
:title="item.name"
|
||||||
is-link
|
is-link
|
||||||
v-for="(item, index) in docuList"
|
v-for="(item, index) in docuList"
|
||||||
:key="index"
|
:key="index"
|
||||||
@click="goDocu(item.url, item.type, item.name)"
|
@click="handleViewDocClick(item.url, item.type, item.name)"
|
||||||
/>
|
>
|
||||||
|
<template #right-icon>
|
||||||
|
<van-button type="danger" size="mini">查看</van-button>
|
||||||
|
</template>
|
||||||
|
</van-cell>
|
||||||
</van-list>
|
</van-list>
|
||||||
<!-- 底部按钮 -->
|
<div class="bottom-area bottom-btn" v-if="branchType !== '3'">
|
||||||
<div class="bottom-area bottom-btn" v-if="branchType != 3">
|
<van-button block type="danger" @click="goInsure">立即投保</van-button>
|
||||||
<van-button class="m-btn fl green" color="#FEEFD8" @click="goProposal">制作建议书</van-button>
|
|
||||||
<van-button class="m-btn fr" type="danger" @click="goInsure">立即投保</van-button>
|
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 底部按钮 -->
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -53,7 +57,7 @@ export default {
|
|||||||
docuList: [], // 产品资料文件
|
docuList: [], // 产品资料文件
|
||||||
introductImages: [], // 产品特色图片
|
introductImages: [], // 产品特色图片
|
||||||
itemProductDTOS: [], // 产品信息
|
itemProductDTOS: [], // 产品信息
|
||||||
branchType:'3',
|
branchType: '3'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
@@ -78,7 +82,7 @@ export default {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
goDocu(url, type, name) {
|
handleViewDocClick(url, type, name) {
|
||||||
let pdfUrl = encodeURIComponent(url)
|
let pdfUrl = encodeURIComponent(url)
|
||||||
this.$jump({
|
this.$jump({
|
||||||
flag: 'h5',
|
flag: 'h5',
|
||||||
@@ -185,29 +189,8 @@ export default {
|
|||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.product-detail-container {
|
.product-detail-container {
|
||||||
/deep/.van-sticky {
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
.product-detail-introduct-image {
|
.product-detail-introduct-image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
// /deep/.van-tabs__content {
|
|
||||||
// margin-bottom: 45px;
|
|
||||||
// }
|
|
||||||
// /deep/.van-tabs__content::after {
|
|
||||||
// content: '';
|
|
||||||
// display: table;
|
|
||||||
// clear: both;
|
|
||||||
// }
|
|
||||||
}
|
|
||||||
.bottom-area {
|
|
||||||
/deep/.m-btn {
|
|
||||||
width: 50%;
|
|
||||||
border-color: transparent;
|
|
||||||
}
|
|
||||||
/deep/.van-button--default {
|
|
||||||
background-color: #feefd8;
|
|
||||||
color: #e9332e;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user