Skip to content

M
mallapp
Commit 96518978 authored by zhengke's avatar zhengke
Browse files
Options

修改

parent fe18886a
Hide whitespace changes
Inline Side-by-side
Showing with 29 additions and 123 deletions
pages/goods/goods.vue
View file @ 96518978
<template>
<view class="goods">
<view
v-if="setting.is_show_korea==0"
class="KotraHeadStatus"
:style="[
headStyle,
{
background:'#F5F5F5'
},
]">
<view class="arrow" style="padding-left:10px;">
<u-icon name="arrow-left" size="38" color="#000" @click="goback"></u-icon>
</view>
<view class="title" style="color: #000000;">{{pageTitle}}</view>
<view class="arrow"></view>
</view>
<view
v-else
class="KotraHeadStatus"
:style="[
headStyle,
{
background:'#F5F5F5'
},
]">
<view class="arrow" style="padding-left:10px;">
<u-icon name="arrow-left" size="38" color="#000" @click="goback"></u-icon>
</view>
<view class="title" style="color: #000000;display: flex;align-items: center;width: 90%;justify-content:center" :class="{'kotraGoodLeft':g.name.length>15}">
<img :src="g.goodsLogo" style="width:15px;height:15px;margin-right:5px;flex-shrink: 0;">
<view style="white-space: nowrap;overflow: hidden;text-overflow:ellipsis;" v-if="g.name">
{{g.name.length>15?g.name.substring(0,15)+'...':g.name}}
</view>
</view>
<view class="arrow"></view>
</view>
<view class="u-skeleton" v-if="isExsitGoods">
<view class="u-skeleton-rect">
<!-- <u-swiper
......@@ -50,7 +15,7 @@
indicator-dots
:autoplay="false"
:interval="1000"
style="height:100vw;margin-top:60px;"
style="height:100vw;"
>
<block v-for="(item, index) in g.pic_url" :key="index">
<swiper-item>
......@@ -105,8 +70,8 @@
<u-icon v-if='g.share ==0' name="close" style='position: absolute;right: 4px;top: 12.5px;' color="#fff" size="40" @click='hideshare=true'></u-icon>
</view>
</view>
<view class="g-info" :class="{'kotraBack':setting.is_show_korea==1}">
<view class="g-name u-skeleton-rect" v-if="setting.is_show_korea==0">
<view class="g-info">
<view class="g-name u-skeleton-rect">
<view
v-if="g.marketingLogo.iswords&&g.marketingLogo.iswords==1 && g.marketingLogo.words!=''"
class="Logo"
......@@ -149,30 +114,27 @@
</view>
</view>
<template v-if="setting.is_show_korea==1">
<view class="kotraGoodsInfo">
<view class="kotraGname">{{g.name}}</view>
<view style="height:50px;margin:10px 10px 0 0;display:none;">
<view style="float:right;" @click="openShare" v-if="isAllowShare == 1">
<image src="@/static/images/icon/icon-share.png" style="width:20px;height:20px;" class="share-icon" />
</view>
</view>
<view class="koarea_Country" style="display:none;">
<view style="flex: 1;text-align: center;border-right:1px solid #F2F3F6;">
<text v-if="g.goods_country">{{g.goods_country}}</text>
</view>
<view style="flex: 1;text-align: center;border-right:1px solid #F2F3F6;">无</view>
<view style="flex: 1;text-align: center;" v-if="g.cats&&g.cats.length>0">{{g.cats[0].CategoryName}}</view>
<view style="height:50px;margin:10px 10px 0 0;display:none;">
<view style="float:right;" @click="openShare" v-if="isAllowShare == 1">
<image src="@/static/images/icon/icon-share.png" style="width:20px;height:20px;" class="share-icon" />
</view>
<view style="text-align: left;padding:15px 0;border-bottom:1px solid #F2F3F6;display:none;">
卖点：<text v-if="g.subname">{{g.subname}}</text>
</view>
<view style="text-align: left;border-bottom:1px solid #F2F3F6;padding:15px 0;display:flex;font-size:13px;color:#737373;">
<u-icon name="location" color="#D4D4D4" size="30"></u-icon>
地址：<text v-if="g.fatcode">{{g.fatcode}}</text>
</view>
<view style="display:flex;text-align: left;padding:10px;background-color: #F3F3F3;color:#404040;min-height:120px;line-height: 25px;font-size:13px;">
<text style="flex-shrink: 0;width:45px;">简介：</text><text v-if="g.goodsurl">{{g.goodsurl}}</text>
</view>
<view class="koarea_Country" style="display:none;">
<view style="flex: 1;text-align: center;border-right:1px solid #F2F3F6;">
<text v-if="g.goods_country">{{g.goods_country}}</text>
</view>
<view style="flex: 1;text-align: center;border-right:1px solid #F2F3F6;">无</view>
<view style="flex: 1;text-align: center;" v-if="g.cats&&g.cats.length>0">{{g.cats[0].CategoryName}}</view>
</view>
<view style="text-align: left;padding:15px 0;border-bottom:1px solid #F2F3F6;display:none;">
卖点：<text v-if="g.subname">{{g.subname}}</text>
</view>
<view style="text-align: left;border-bottom:1px solid #F2F3F6;padding:15px 0;display:flex;font-size:13px;color:#737373;">
<u-icon name="location" color="#D4D4D4" size="30"></u-icon>
地址：<text v-if="g.fatcode">{{g.fatcode}}</text>
</view>
<view style="display:flex;text-align: left;padding:10px;background-color: #F3F3F3;color:#404040;min-height:100px;line-height: 25px;font-size:13px;">
<text style="flex-shrink: 0;width:45px;">简介：</text><text v-if="g.goodsurl">{{g.goodsurl}}</text>
</view>
</template>
</view>
......@@ -349,11 +311,11 @@
<view class="fenyeBtn" v-if="comListMsg.pageIndex>1" @click="goBefore">上一页</view>
<view class="fenyeBtn" v-if="comListMsg.pageIndex<compentTotal" @click="goAfter">下一页</view>
</view>
<view class="kotraComentCotent">
<view style="margin:5px 0 10px 5px;color:#404040;">留言：(至少填写10个文字)</view>
<view style="padding:10px;margin-top:30px;">
<view style="margin:10px 0;">留言(至少填写10个文字)</view>
<view>
<textarea placeholder="请输入评论信息" style="width: 94.5%;height: 100px;
padding:10px;background-color: #F5F5F5;" confirm-type='done' v-model="comentMsg.Content">
<textarea placeholder="请输入评论信息" style="width: 94.5%;height: 100px;border:1px solid #d1d1d1;
padding:10px;background-color: #fff;" confirm-type='done' v-model="comentMsg.Content">
</textarea>
</view>
<view class="goodComentBtn" @click="submitCommit">提交留言</view>
......@@ -482,9 +444,7 @@ export default {
},
compentList:[] ,//评论列表
compentTotal:0,
curren:1,
headStyle:{},
nav:0
curren:1
};
},
components: {
......@@ -500,9 +460,6 @@ export default {
onLoad(option) {
this.opTionObj = option;
console.log(option, "option");
this.nav = uni.getMenuButtonBoundingClientRect().top;
this.headStyle.paddingTop = this.nav+6 +'px';
if (option && option.id) {
this.id = option.id ? option.id : 29; //40887 59512 46942
......@@ -631,10 +588,6 @@ export default {
}, 3000);
},
methods: {
goback(){
console.log('点击');
uni.navigateBack({})
},
clickDescription(e) {
console.log(e);
},
......@@ -1214,7 +1167,7 @@ export default {
}
.commontList{
display:flex;
padding:0 15px;
padding:0 10px;
margin-bottom:10px;
}
.goodComentBtn{
......@@ -1224,7 +1177,7 @@ export default {
line-height: 40px;
background-color: #0b0052;
color:#fff;
margin-top:15px;
margin-top:10px;
font-size:16px;
}
.fenyeBtn{
......@@ -1234,51 +1187,4 @@ export default {
font-size:12px;
margin:0 10px 20px 0;
}
.kotraGoodsInfo{
margin:5px;
background-color: #fff;
border-radius: 3px;
padding:15px;
}
.kotraBack{
background-color: #f5f5f5!important;
}
.kotraGname{
color:#404040;
height:40px;
font-size:15px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.kotraComentCotent{
padding:15px;
margin-top:30px;
margin:15px;
background-color: #fff;
border-radius: 3px;
}
.KotraHeadStatus {
overflow: hidden;
position: relative;
width: 140vw;
padding-right: 40vw;
padding-bottom: 12px;
position: fixed;
left: 0;
right: 0;
top: 0;
display: flex;
z-index: 999;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.kotraGoodLeft{
justify-content: left!important;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment