| xqd
@@ -1,25 +1,25 @@
|
|
|
<template>
|
|
|
<app-layout>
|
|
|
- <app-nav-bar v-if="true"
|
|
|
- :fixed="true"
|
|
|
- :background-color="''"
|
|
|
- :xStyle="1"
|
|
|
- :hasMallSetting="2"
|
|
|
- :hasHeight="false"
|
|
|
- @headHeight="headHeight"
|
|
|
- ></app-nav-bar>
|
|
|
<view v-if="!goods" class="u-goods-detail"></view>
|
|
|
<template v-if="goods">
|
|
|
+ <app-nav-bar v-if="true"
|
|
|
+ :fixed="true"
|
|
|
+ :background-color="''"
|
|
|
+ :xStyle="1"
|
|
|
+ :hasMallSetting="2"
|
|
|
+ :hasHeight="false"
|
|
|
+ ></app-nav-bar>
|
|
|
+
|
|
|
<!--商品轮播图-->
|
|
|
<app-goods-banner
|
|
|
v-bind:pic-list="goods.pic_url"
|
|
|
v-bind:share="goods.share"
|
|
|
v-bind:video-url="goods.video_url"
|
|
|
v-bind:goods_id="goodsId"
|
|
|
- :isCart="false"
|
|
|
+ :isCart="true"
|
|
|
></app-goods-banner>
|
|
|
<!-- 套装内商品 -->
|
|
|
- <view>
|
|
|
+ <view style="background-color: #fff;">
|
|
|
<view class="link ">
|
|
|
<view class="title1 main-left cross-center">套装内商品<image class="coupon_1"
|
|
|
src="https://t17.9026.com/web/statics/image/index/coupon_1.png" mode=""></image><text
|
| xqd
@@ -27,41 +27,55 @@
|
|
|
|
|
|
</view>
|
|
|
<hxj-scroll-list :itemWidth="'168rpx'" :itemHeight="'168rpx'" :list="list"></hxj-scroll-list>
|
|
|
- <view class="main-between hxj-goods-name">
|
|
|
- <view class="main-between-y">
|
|
|
- <view class="main-left cross-center">
|
|
|
- <view class="hxj-name">兴城人居ins风套装</view>
|
|
|
- <view class="hxj-tags">套装</view>
|
|
|
- <view class="hxj-ynum">已售3000+</view>
|
|
|
- </view>
|
|
|
- <view class="main-left cross-center hjx-tc-999 hjx-ts-22">
|
|
|
- <view style="margin-right: 31rpx;">A1 200m²</view>
|
|
|
- <view class="hjx-text-decoration-line-through">2600.00元</view>
|
|
|
- </view>
|
|
|
- <view class="hjx-tc-AE8445 hjx-ts-22 hjx-tw-500">券后价</view>
|
|
|
- <view class="hxj-price"><text class="rmb">¥</text>2000.00<text class="dw">元</text></view>
|
|
|
- </view>
|
|
|
- <view class="main-between-y">
|
|
|
- <view class="lq" @click="isCouponShow=!isCouponShow">领券</view>
|
|
|
- <view class="se">
|
|
|
- <image src="https://t17.9026.com/web/statics/image/index/share.png" mode=""></image>分享
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="hxj-goods-list">
|
|
|
+ <hxj-bd-info
|
|
|
+ :theme="getTheme"
|
|
|
+ :name="name"
|
|
|
+ :is-negotiable="is_negotiable"
|
|
|
+ :subtitle="subtitle"
|
|
|
+ :flash-sale="flash_sale"
|
|
|
+ :level-show="level_show"
|
|
|
+ :price="price"
|
|
|
+ :original-price="original_price"
|
|
|
+ :price-max="price_max"
|
|
|
+ :price-min="price_min"
|
|
|
+ :price-member-max="price_member_max"
|
|
|
+ :price-member-min="price_member_min"
|
|
|
+ :discount='discount'
|
|
|
+ :is-vip-card-user="is_vip_card_user"
|
|
|
+ :sales="sales"
|
|
|
+ :is-vip="is_vip"
|
|
|
+ :unit="unit"
|
|
|
+ :is-sales="is_sales"
|
|
|
+ :goods-id="goodsId"
|
|
|
+ :extra-quick-share="extra_quick_share"
|
|
|
+ :app-share-pic="app_share_pic ? app_share_pic: goods.pic_url[0].pic_url"
|
|
|
+ :app-share-title="app_share_title ? app_share_title : name"
|
|
|
+ :poster-config="poster_config + `&goods_id=` + goodsId"
|
|
|
+ :poster-generate="poster_generate + `&goods_id=` + goodsId"
|
|
|
+ :has-poster-nav="true"
|
|
|
+ v-bind:goods="goods"
|
|
|
+ @share="hShareAppMessage"
|
|
|
+ @quickShare="quickShare"
|
|
|
+ :limit-buy="limit_buy"
|
|
|
+ :min-number="min_number"
|
|
|
+ ></hxj-bd-info>
|
|
|
+ <view class="hxj-goods-list" :style="{'height':isOpen?'auto':'270rpx'}">
|
|
|
<view class="main-between" style="width: 560rpx;">
|
|
|
<view class="title">套装内商品</view>
|
|
|
<view class="title">数量</view>
|
|
|
</view>
|
|
|
- <view class="main-between item" >
|
|
|
+ <view class="main-between item" v-for="(item,index) in 5" :key="index">
|
|
|
<view class="main-between" style="width: 560rpx;">
|
|
|
<view class="name t-omit">ins风高档皮质沙发</view>
|
|
|
<view class="num">x1</view>
|
|
|
</view>
|
|
|
- <view class="zk cropss-center">展开<image src="https://t17.9026.com/web/statics/image/user-center/arrow-bottom.png" mode=""></image></view>
|
|
|
+ <view class="zk cropss-center" v-if="index===1 && isOpen===false" @click="isOpen=true">展开<image src="https://t17.9026.com/web/statics/image/user-center/arrow-bottom.png" mode=""></image></view>
|
|
|
+ <view class="zk cropss-center" v-if="index===4 && isOpen===true" @click="isOpen=false">收起<image src="https://t17.9026.com/web/statics/image/user-center/arrow-top.png" mode=""></image></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+
|
|
|
+
|
|
|
<!--商品优惠券-->
|
|
|
<bd-coupon @change="setCoupon" @on-show-change="(val)=>{isCouponShow=val}" :isCustomEntry="true" :myShow="isCouponShow" :theme="getTheme" :coupons="goods_coupon_center"></bd-coupon>
|
|
|
<!--商品规格-->
|
| xqd
@@ -247,7 +261,8 @@
|
|
|
import goodsMixin from '@/core/goods-mixin.js';
|
|
|
import appNavBar from '@/components/page-component/index/app-nav-bar.vue';
|
|
|
|
|
|
- import hxjScrollList from'./components/scroll-list.vue'
|
|
|
+ import hxjScrollList from'./components/scroll-list.vue';
|
|
|
+ import hxjBdInfo from'./components/hxj-bd-info.vue';
|
|
|
export default {
|
|
|
name: "goods",
|
|
|
mixins: [goodsMixin],
|
| xqd
@@ -271,7 +286,8 @@
|
|
|
bdFlashSale,
|
|
|
appSellTip,
|
|
|
appNavBar,
|
|
|
- hxjScrollList
|
|
|
+ hxjScrollList,
|
|
|
+ hxjBdInfo
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
| xqd
@@ -297,6 +313,7 @@
|
|
|
tag: ''
|
|
|
}
|
|
|
],
|
|
|
+ isOpen:false, //hxj套装内商品是否展开
|
|
|
|
|
|
|
|
|
|
| xqd
@@ -772,82 +789,13 @@
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
@import '../index/index.scss';
|
|
|
- .hxj-goods-name{
|
|
|
- width: 750rpx;
|
|
|
- height: 261rpx;
|
|
|
- background: #F6F6F6;
|
|
|
- padding: 63rpx 30rpx 28rpx 46rpx;
|
|
|
- .hxj-name{
|
|
|
- font-size: 28rpx;
|
|
|
- font-weight: 500;
|
|
|
- color: #121212;
|
|
|
- line-height: 56rpx;
|
|
|
- margin-right: 14rpx;
|
|
|
- }
|
|
|
- .hxj-tags{
|
|
|
- width: 56rpx;
|
|
|
- height: 30rpx;
|
|
|
- background: #040404;
|
|
|
- font-size: 20rpx;
|
|
|
- font-weight: 400;
|
|
|
- color: #FFFFFF;
|
|
|
- margin-right: 13rpx;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .hxj-ynum{
|
|
|
- width: 126rpx;
|
|
|
- height: 30rpx;
|
|
|
- border: 1rpx solid #AE8445;
|
|
|
- border-radius: 4rpx;
|
|
|
- font-size: 22rpx;
|
|
|
- font-weight: 500;
|
|
|
- color: #AE8445;
|
|
|
- opacity: 0.6;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .hxj-price{
|
|
|
- font-size: 46rpx;
|
|
|
- font-weight: bold;
|
|
|
- color: #A6814F;
|
|
|
- .rmb{
|
|
|
- font-size: 18rpx;
|
|
|
- font-weight: 500;
|
|
|
- color: #A6814F;
|
|
|
- margin-right: 9rpx;
|
|
|
- }
|
|
|
- .dw{
|
|
|
- font-size: 20rpx;
|
|
|
- font-weight: 500;
|
|
|
- color: #A6814F;
|
|
|
- margin-left: 13rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- .lq{
|
|
|
- width: 92rpx;
|
|
|
- height: 38rpx;
|
|
|
- background: #FF0000;
|
|
|
- border-radius: 19rpx;
|
|
|
- font-size: 20rpx;
|
|
|
- font-weight: 500;
|
|
|
- color: #FFFFFF;
|
|
|
- text-align: center;
|
|
|
- line-height: 38rpx;
|
|
|
- }
|
|
|
- .se{
|
|
|
- image{
|
|
|
- width: 25rpx;
|
|
|
- height: 25rpx;
|
|
|
- margin-right: 6rpx;
|
|
|
- }
|
|
|
- font-size: 24rpx;
|
|
|
- font-weight: 500;
|
|
|
- color: #AE8445;
|
|
|
- }
|
|
|
- }
|
|
|
+
|
|
|
.hxj-goods-list{
|
|
|
width: 100%;
|
|
|
height: 270rpx;
|
|
|
+ overflow: hidden;
|
|
|
padding: 50rpx 43rpx 50rpx 51rpx;
|
|
|
+ background-color: #fff;
|
|
|
.title{
|
|
|
font-size: 24rpx;
|
|
|
font-weight: 500;
|
| xqd
@@ -969,7 +917,7 @@
|
|
|
text-align: center;
|
|
|
line-height: 70upx;
|
|
|
font-size: 28upx;
|
|
|
- border-radius: 35upx;
|
|
|
+ // border-radius: 35upx;
|
|
|
}
|
|
|
.bd-btn-left {
|
|
|
border-top-right-radius: 0;
|