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> <template>
<view class="goods"> <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" v-if="isExsitGoods">
<view class="u-skeleton-rect"> <view class="u-skeleton-rect">
<!-- <u-swiper <!-- <u-swiper
...@@ -50,7 +15,7 @@ ...@@ -50,7 +15,7 @@
indicator-dots indicator-dots
:autoplay="false" :autoplay="false"
:interval="1000" :interval="1000"
style="height:100vw;margin-top:60px;" style="height:100vw;"
> >
<block v-for="(item, index) in g.pic_url" :key="index"> <block v-for="(item, index) in g.pic_url" :key="index">
<swiper-item> <swiper-item>
...@@ -105,8 +70,8 @@ ...@@ -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> <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> </view>
<view class="g-info" :class="{'kotraBack':setting.is_show_korea==1}"> <view class="g-info">
<view class="g-name u-skeleton-rect" v-if="setting.is_show_korea==0"> <view class="g-name u-skeleton-rect">
<view <view
v-if="g.marketingLogo.iswords&&g.marketingLogo.iswords==1 && g.marketingLogo.words!=''" v-if="g.marketingLogo.iswords&&g.marketingLogo.iswords==1 && g.marketingLogo.words!=''"
class="Logo" class="Logo"
...@@ -149,30 +114,27 @@ ...@@ -149,30 +114,27 @@
</view> </view>
</view> </view>
<template v-if="setting.is_show_korea==1"> <template v-if="setting.is_show_korea==1">
<view class="kotraGoodsInfo"> <view style="height:50px;margin:10px 10px 0 0;display:none;">
<view class="kotraGname">{{g.name}}</view> <view style="float:right;" @click="openShare" v-if="isAllowShare == 1">
<view style="height:50px;margin:10px 10px 0 0;display:none;"> <image src="@/static/images/icon/icon-share.png" style="width:20px;height:20px;" class="share-icon" />
<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> </view>
<view style="text-align: left;padding:15px 0;border-bottom:1px solid #F2F3F6;display:none;"> </view>
卖点：<text v-if="g.subname">{{g.subname}}</text> <view class="koarea_Country" style="display:none;">
</view> <view style="flex: 1;text-align: center;border-right:1px solid #F2F3F6;">
<view style="text-align: left;border-bottom:1px solid #F2F3F6;padding:15px 0;display:flex;font-size:13px;color:#737373;"> <text v-if="g.goods_country">{{g.goods_country}}</text>
<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>
<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> </view>
</template> </template>
</view> </view>
...@@ -349,11 +311,11 @@ ...@@ -349,11 +311,11 @@
<view class="fenyeBtn" v-if="comListMsg.pageIndex>1" @click="goBefore">上一页</view> <view class="fenyeBtn" v-if="comListMsg.pageIndex>1" @click="goBefore">上一页</view>
<view class="fenyeBtn" v-if="comListMsg.pageIndex<compentTotal" @click="goAfter">下一页</view> <view class="fenyeBtn" v-if="comListMsg.pageIndex<compentTotal" @click="goAfter">下一页</view>
</view> </view>
<view class="kotraComentCotent"> <view style="padding:10px;margin-top:30px;">
<view style="margin:5px 0 10px 5px;color:#404040;">留言：(至少填写10个文字)</view> <view style="margin:10px 0;">留言(至少填写10个文字)</view>
<view> <view>
<textarea placeholder="请输入评论信息" style="width: 94.5%;height: 100px; <textarea placeholder="请输入评论信息" style="width: 94.5%;height: 100px;border:1px solid #d1d1d1;
padding:10px;background-color: #F5F5F5;" confirm-type='done' v-model="comentMsg.Content"> padding:10px;background-color: #fff;" confirm-type='done' v-model="comentMsg.Content">
</textarea> </textarea>
</view> </view>
<view class="goodComentBtn" @click="submitCommit">提交留言</view> <view class="goodComentBtn" @click="submitCommit">提交留言</view>
...@@ -482,9 +444,7 @@ export default { ...@@ -482,9 +444,7 @@ export default {
}, },
compentList:[] ,//评论列表 compentList:[] ,//评论列表
compentTotal:0, compentTotal:0,
curren:1, curren:1
headStyle:{},
nav:0
}; };
}, },
components: { components: {
...@@ -500,9 +460,6 @@ export default { ...@@ -500,9 +460,6 @@ export default {
onLoad(option) { onLoad(option) {
this.opTionObj = option; this.opTionObj = option;
console.log(option, "option"); console.log(option, "option");
this.nav = uni.getMenuButtonBoundingClientRect().top;
this.headStyle.paddingTop = this.nav+6 +'px';
if (option && option.id) { if (option && option.id) {
this.id = option.id ? option.id : 29; //40887 59512 46942 this.id = option.id ? option.id : 29; //40887 59512 46942
...@@ -631,10 +588,6 @@ export default { ...@@ -631,10 +588,6 @@ export default {
}, 3000); }, 3000);
}, },
methods: { methods: {
goback(){
console.log('点击');
uni.navigateBack({})
},
clickDescription(e) { clickDescription(e) {
console.log(e); console.log(e);
}, },
...@@ -1214,7 +1167,7 @@ export default { ...@@ -1214,7 +1167,7 @@ export default {
} }
.commontList{ .commontList{
display:flex; display:flex;
padding:0 15px; padding:0 10px;
margin-bottom:10px; margin-bottom:10px;
} }
.goodComentBtn{ .goodComentBtn{
...@@ -1224,7 +1177,7 @@ export default { ...@@ -1224,7 +1177,7 @@ export default {
line-height: 40px; line-height: 40px;
background-color: #0b0052; background-color: #0b0052;
color:#fff; color:#fff;
margin-top:15px; margin-top:10px;
font-size:16px; font-size:16px;
} }
.fenyeBtn{ .fenyeBtn{
...@@ -1234,51 +1187,4 @@ export default { ...@@ -1234,51 +1187,4 @@ export default {
font-size:12px; font-size:12px;
margin:0 10px 20px 0; 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> </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