xinyin025/smart-admin
1
0
Fork 0
mirror of https://gitee.com/lab1024/smart-admin.git synced 2025-11-17 08:03:49 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Desktop Menu / Product detail page layout update

Browse Source
This commit is contained in:
Vion
2022-01-10 20:23:58 +08:00
parent f1b7b7c501
commit baad9d2555
9 changed files with 1248 additions and 858 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
rc-busness/pages/productdetails/producted.vue
View File

@@ -5,43 +5,41 @@
<div class="rc-top"></div>
<div class="rc-usermain ts-product-detail">
<magnifier v-bind:parentmsg="msg" ></magnifier>
<div class="rc-header" >
<div class="ts-product-header" >
<div class="usermain">
<div class="online"></div>
<div class="online bold rc-md-down"></div>
<div class="rc-main">
<div class="rc-title">
<h2>{{ item.productName }}</h2>
</div>
</div>
<div class="online"></div>
<div class="online rc-md-down"></div>
<div class="rc-main">
<div class="productdetails">
<div class="rc-productdetail">
<i>商品价格</i>
<span>￥{{ item.rsp }}</span>
<i style="font-size:12px;color:#999999">￥{{item.ecPrice}}</i>
<i class="ts-row-title">商品价格：</i>
<span class="ts-realprice">￥{{ item.rsp }}</span>
<span class="ts-remove ts-ecprice">￥{{ item.ecPrice }} </span>
</div>
<div class="rc-productdetai">
<div>
<i>活动促销:</i>
<i class="ts-row-title">活动促销：</i>
<span>全场商品限时优惠</span>
</div>
<em @click="userget()">立即领取</em>
</div>
<div class="rc-button" v-if="!userbuy">
<span @click="usertanchu(item,0)">加入购物车</span>
<span @click="usertanchu(item,1)">立即购买</span>
</div>
</div>
</div>
<div class="online"></div>
<div class="online bold rc-md-down"></div>
<div class="rc-main rc-md-up">
<div class="online"></div>
</div>
<div class="rc-productdeta" v-if="userbuy">
<div class="rc-main">
<div class="rc-prodtop">
<div>
<span>商品规格</span>：
<i class="ts-row-title">商品规格：</i>
</div>
<!-- <em v-for="(item, index) in stype" :key="index" @click="selectsearch(item, index)" :class="activeIndexa == index ? 'active' : 'unactive'">
{{ item.title }}
@@ -52,44 +50,50 @@
</em>
</div>
</div>
<div class="online"></div>
<div class="rc-main">
<div class="rc-produnnum">
<div><span>商品数量</span>：</div>
<div><i class="ts-row-title">商品数量：</i></div>
<img src="../../assets/image/userjian.png" alt="" @click="sub()" />
<strong>{{sales_num}}</strong>
<img src="../../assets/image/userjia.png" alt="" @click="plus()" class="rc-message" />
<img src="../../assets/image/userjia.png" alt="" @click="plus()" />
</div>
</div>
<div class="rc-main">
<div class="certification">
<ul>
<div class="rc-main rc-md-up">
<div class="online"></div>
</div>
<div class="online rc-md-down"></div>
<div class="rc-main">
<div class="certification">
<ul>
<li>
<span
><i class="ts-row-title">服务说明：</i><i>当天14点前完成付款即日安排发货;当天14点后完成付款次日安排发货(周日及国家法定节假日顺延至下一个工作日发货,活动期间发货或有延迟敬请理解)</i></span
>
</li>
<li>
<span
>服务说明：<i>当天14点前完成付款即日安排发货;当天14点后完成付款次日安排发货(周日及国家法定节假日顺延至下一个工作日发货,活动期间发货或有延迟敬请理解)</i></span
>
</li>
<li>
<span
>商品运费：<i>全场包邮(港澳除外)</i></span
>
</li>
<span
><i class="ts-row-title">商品运费：</i><i>全场包邮(港澳除外)</i></span
>
</li>
<li>
<span
>商品编号：<i>{{ item.brandCode }}</i></span
>
</li>
</ul>
</div>
<li>
<span
><i class="ts-row-title">商品编号：</i><i>{{ item.brandCode }}</i></span
>
</li>
</ul>
</div>
<div class="rc-button" v-if="!userbuy">
<span @click="usertanchu(item,0)">加入购物车</span>
<span @click="usertanchu(item,1)">立即购买</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="rc-footimage">
<div class="rc-footimage rc-main">
<img :src=item.showImgFile alt="">
</div>
@@ -156,7 +160,7 @@
</el-dialog>
<div class="rc-button" style="width:100%">
<div class="rc-button rc-md-down">
<span @click="usertanchu(item,0)">加入购物车</span>
<span @click="usertanchu(item,1)">立即购买</span>
</div>
@@ -189,7 +193,7 @@ export default {
productCode:'',//商品code
productlist:[],
userbuy:true,
sales_num:1,
sales_num:1,
usernewlist: [
{
price: "30",