【拼团商品详情】

1. 初步增加商品详情的加载
pull/1/MERGE
YunaiV 2023-06-14 21:21:01 +08:00
parent cb01b3d6c1
commit 04350dc5c2
2 changed files with 21 additions and 20 deletions

View File

@ -34,16 +34,19 @@
</view> </view>
<view class='introduce line2'>{{ spu.name }}</view> <view class='introduce line2'>{{ spu.name }}</view>
<view class='label acea-row row-between-wrapper'> <view class='label acea-row row-between-wrapper'>
<!-- TODO 芋艿类型 -->
<view class='stock'>类型{{ storeInfo.people || 0}}人团</view> <view class='stock'>类型{{ storeInfo.people || 0}}人团</view>
<view>累计销量{{parseFloat(storeInfo.sales) + parseFloat(storeInfo.ficti)}} {{storeInfo.unitName || ''}}</view> <view class='stock'>累计销售{{ spu.salesCount}} {{ spu.unitName }}</view>
<view /> <view />
</view> </view>
</view> </view>
<view class='attribute acea-row row-between-wrapper mb30 borRadius14' @tap='selecAttr' <!-- SKU 选择 TODO -->
<view class='attribute acea-row row-between-wrapper mb30 borRadius14' @tap='selecAttr'
v-if='attribute.productAttr.length'> v-if='attribute.productAttr.length'>
<view class="line1">{{ attr }}<text class='atterTxt'>{{attrValue}}</text></view> <view class="line1">{{ attr }}<text class='atterTxt'>{{attrValue}}</text></view>
<view class='iconfont icon-jiantou'></view> <view class='iconfont icon-jiantou'></view>
</view> </view>
<!-- 拼成列表 TODO -->
<view class='notice acea-row row-middle mb30 borRadius14' v-if="parseFloat(pinkOkSum) >0"> <view class='notice acea-row row-middle mb30 borRadius14' v-if="parseFloat(pinkOkSum) >0">
<view class='num font-color'> <view class='num font-color'>
<text class='iconfont icon-laba'></text> <text class='iconfont icon-laba'></text>
@ -60,7 +63,8 @@
</swiper> </swiper>
</view> </view>
</view> </view>
<view v-if='attribute.productSelect.quota > 0' class='assemble mb30 borRadius14'> <!-- 待拼列表 TODO -->
<view v-if='attribute.productSelect.quota > 0' class='assemble mb30 borRadius14'>
<view class='item acea-row row-between-wrapper' v-for='(item,index) in pink' :key='index' <view class='item acea-row row-between-wrapper' v-for='(item,index) in pink' :key='index'
v-if="index < AllIndex"> v-if="index < AllIndex">
<view class='pictxt acea-row row-between-wrapper'> <view class='pictxt acea-row row-between-wrapper'>
@ -86,6 +90,7 @@
</navigator> </navigator>
</view> </view>
</view> </view>
<!-- TODO 芋艿看不懂 -->
<template v-if="pink.length"> <template v-if="pink.length">
<view class='more' @tap='showAll' v-if="pink.length > AllIndex"><text <view class='more' @tap='showAll' v-if="pink.length > AllIndex"><text
class='iconfont icon-xiangxia'></text></view> class='iconfont icon-xiangxia'></text></view>
@ -97,7 +102,6 @@
<view class='playWay mb30 borRadius14'> <view class='playWay mb30 borRadius14'>
<view class='title acea-row row-between row-middle'> <view class='title acea-row row-between row-middle'>
<view>拼团玩法</view> <view>拼团玩法</view>
<!-- <navigator hover-class='none' class='font-color' url='/pages/activity/goods_combination_rule/index'>查看规则<text class="iconfont icon-jiantou"></text></navigator> -->
</view> </view>
<view class='way acea-row row-middle'> <view class='way acea-row row-middle'>
<view class='item acea-row row-middle'> <view class='item acea-row row-middle'>
@ -115,11 +119,11 @@
<text class='num'></text> <text class='num'></text>
满员发货 满员发货
</view> </view>
<!-- <view class='tip'>不满自动退款</view> -->
</view> </view>
</view> </view>
</view> </view>
<view class='userEvaluation borRadius14' id="past1"> <!-- 评论 TODO -->
<view class='userEvaluation borRadius14' id="past1">
<view class='title acea-row row-between-wrapper' :style="replyCount==0?'border-bottom-left-radius:14rpx;border-bottom-right-radius:14rpx;':''"> <view class='title acea-row row-between-wrapper' :style="replyCount==0?'border-bottom-left-radius:14rpx;border-bottom-right-radius:14rpx;':''">
<view>用户评价<i>({{replyCount}})</i></view> <view>用户评价<i>({{replyCount}})</i></view>
<navigator class='praise' hover-class='none' <navigator class='praise' hover-class='none'
@ -133,7 +137,6 @@
</view> </view>
</view> </view>
</view> </view>
<view class='product-intro' id="past2"> <view class='product-intro' id="past2">
<view class='title'> <view class='title'>
<image src="../../../static/images/xzuo.png"></image> <image src="../../../static/images/xzuo.png"></image>
@ -141,13 +144,14 @@
<image src="../../../static/images/xyou.png"></image> <image src="../../../static/images/xyou.png"></image>
</view> </view>
<view class='conter'> <view class='conter'>
<jyf-parser :html="storeInfo.content" ref="article" :tag-style="tagStyle"></jyf-parser> <jyf-parser :html="spu.description" ref="article" :tag-style="tagStyle"></jyf-parser>
</view> </view>
</view> </view>
<view style='height:120rpx;'></view> <view style='height:120rpx;'></view>
</scroll-view> </scroll-view>
<view class='footer acea-row row-between-wrapper'> <view class='footer acea-row row-between-wrapper'>
<!-- #ifdef MP --> <!-- 客服 TODO 芋艿待完成 -->
<!-- #ifdef MP -->
<button open-type="contact" hover-class='none' class='item'> <button open-type="contact" hover-class='none' class='item'>
<view class='iconfont icon-kefu'></view> <view class='iconfont icon-kefu'></view>
<view>客服</view> <view>客服</view>
@ -164,7 +168,8 @@
<view class='iconfont icon-shoucang' v-else></view> <view class='iconfont icon-shoucang' v-else></view>
<view>收藏</view> <view>收藏</view>
</view> </view>
<view class="bnt acea-row"> <!-- 购买操作 TODO -->
<view class="bnt acea-row">
<view class="joinCart bnts" @tap="goProduct"></view> <view class="joinCart bnts" @tap="goProduct"></view>
<view class="buy bnts" @tap="goCat" <view class="buy bnts" @tap="goCat"
v-if='attribute.productSelect.quota>0'> v-if='attribute.productSelect.quota>0'>
@ -180,6 +185,10 @@
</view> </view>
</view> </view>
</view> </view>
<!-- SKU 弹窗 TODO -->
<product-window :attr='attribute' :limitNum='1' @myevent="onMyEvent" @ChangeAttr="ChangeAttr"
@ChangeCartNum="ChangeCartNum" @iptCartNum="iptCartNum" @attrVal="attrVal"></product-window>
<!-- TODO 芋艿 -->
<shareRedPackets :sharePacket="sharePacket" @listenerActionSheet="listenerActionSheet" <shareRedPackets :sharePacket="sharePacket" @listenerActionSheet="listenerActionSheet"
@closeChange="closeChange"></shareRedPackets> @closeChange="closeChange"></shareRedPackets>
<!-- 分享按钮 --> <!-- 分享按钮 -->
@ -203,7 +212,6 @@
</view> </view>
<view class="mask" v-if="posters" @click="closePosters"></view> <view class="mask" v-if="posters" @click="closePosters"></view>
<view class="mask" v-if="canvasStatus" @click="listenerActionClose"></view> <view class="mask" v-if="canvasStatus" @click="listenerActionClose"></view>
<!-- <view class="mask" v-if="posters" @click="listenerActionClose"></view> -->
<!-- 海报展示 --> <!-- 海报展示 -->
<view class='poster-pop' v-if="canvasStatus"> <view class='poster-pop' v-if="canvasStatus">
@ -224,12 +232,7 @@
<view class="share-box" v-if="H5ShareBox"> <view class="share-box" v-if="H5ShareBox">
<image src="/static/images/share-info.png" @click="H5ShareBox = false"></image> <image src="/static/images/share-info.png" @click="H5ShareBox = false"></image>
</view> </view>
<!-- #ifdef MP -->
<!-- <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize> -->
<!-- #endif -->
<home></home> <home></home>
<product-window :attr='attribute' :limitNum='1' @myevent="onMyEvent" @ChangeAttr="ChangeAttr"
@ChangeCartNum="ChangeCartNum" @iptCartNum="iptCartNum" @attrVal="attrVal"></product-window>
</view> </view>
</template> </template>

View File

@ -47,14 +47,14 @@
<view>限量: {{ activity.quota ? activity.quota : 0 }} {{ spu.unitName }}</view> <view>限量: {{ activity.quota ? activity.quota : 0 }} {{ spu.unitName }}</view>
</view> </view>
</view> </view>
<!-- SKU 选择 --> <!-- SKU 选择 -->
<view class='attribute acea-row row-between-wrapper mb30 borRadius14' @tap='openAttr'> <view class='attribute acea-row row-between-wrapper mb30 borRadius14' @tap='openAttr'>
<view class="line1">{{ attrValue.length > 0 ? "已选择" : "请选择" }} <view class="line1">{{ attrValue.length > 0 ? "已选择" : "请选择" }}
<text class='atterTxt'>{{attrValue}}</text> <text class='atterTxt'>{{attrValue}}</text>
</view> </view>
<view class='iconfont icon-jiantou'></view> <view class='iconfont icon-jiantou'></view>
</view> </view>
<!-- 评论 --> <!-- 评论 -->
<view class='userEvaluation' id="past1"> <view class='userEvaluation' id="past1">
<view class='title acea-row row-between-wrapper' <view class='title acea-row row-between-wrapper'
:style="replyCount ===0?'border-bottom-left-radius:14rpx;border-bottom-right-radius:14rpx;':''"> :style="replyCount ===0?'border-bottom-left-radius:14rpx;border-bottom-right-radius:14rpx;':''">
@ -196,7 +196,6 @@
import parser from "@/components/jyf-parser/jyf-parser"; import parser from "@/components/jyf-parser/jyf-parser";
import home from '@/components/home/index.vue' import home from '@/components/home/index.vue'
import countDown from '@/components/countDown'; import countDown from '@/components/countDown';
import shareRedPackets from '@/components/shareRedPackets';
import { imageBase64 } from "@/api/public"; import { imageBase64 } from "@/api/public";
import { toLogin } from '@/libs/login.js'; import { toLogin } from '@/libs/login.js';
import { silenceBindingSpread } from "@/utils"; import { silenceBindingSpread } from "@/utils";
@ -277,7 +276,6 @@
} }
}, },
components: { components: {
shareRedPackets,
productConSwiper, productConSwiper,
productWindow, productWindow,
userEvaluation, userEvaluation,