Browse Source

商品详情界面评价功能布局调整

master
dy-hu 10 months ago
parent
commit
227bd01db7
  1. 55
      pages_category_page1/goodsModule/components/GoodEvaluateAndQuestion.vue
  2. 4
      pages_category_page2/userModule/addAddress.vue
  3. 7
      pages_category_page2/userModule/personalDetails.vue

55
pages_category_page1/goodsModule/components/GoodEvaluateAndQuestion.vue

@ -33,9 +33,9 @@
class="evaluateTag-box"
v-if="commentList.length>0"
>
<view class="evaluateTag-text">
<!-- <view class="evaluateTag-text">
{{$t('common.all')}}({{ commentList.length }})
</view>
</view>-->
</view>
<view
class="evaluate-contentbox mar-top-30"
@ -48,9 +48,9 @@
class="user-headSmallImg"
:src="commentItem.headImage"
></image>
<label class="fs28 mar-left-20">{{ commentItem.name }}</label>
<label class="fs28 font-color-252744 mar-left-10">{{ commentItem.name }}</label>
</view>
<label class="font-color-999 fs22">{{ commentItem.createTime }}</label>
<label class="font-color-90919C fs24">{{ commentItem.createTime }}</label>
</view>
<view class="evaluateDes-box">
<label class="evaluateDes">{{ commentItem.comment }}</label>
@ -70,7 +70,6 @@
></image>
</view>
</view>
<view class="item-line"></view>
<view
class="item-like-box"
v-if="commentItem.addComment !== ''"
@ -99,27 +98,29 @@
<image
class="like-img"
@click="handlePraise(commentItem,0)"
src="https://ceres.zkthink.com/static/images/praiseActiveIcon.png"
src="https://wechat.hnthee.com/ceres-local-file/image/evaluate_like_active.png"
v-if="commentItem.ifLike === 1"
></image>
<image
class="like-img"
@click="handlePraise(commentItem,1)"
src="https://ceres.zkthink.com/static/images/praiseIcon.png"
src="https://wechat.hnthee.com/ceres-local-file/image/evaluate_like_normal.png"
v-else
></image>
<view class="like-num">{{ commentItem.likes }}</view>
</view>
<view class="item-line"></view>
</view>
<view
class="moreBox"
style="margin-top: 30rpx"
v-if="commentList.length>0"
@click="handleJumpToComments"
>
<label class="fs24">查看全部</label>
<label class="fs28">查看全部</label>
<image
class="evaluateAllArrow-icon mar-left-10"
src="https://ceres.zkthink.com/static/img/user/arrow.png"
class="evaluateAllArrow-icon mar-left-10"
src="https://wechat.hnthee.com/ceres-local-file/image/btn_common_forward.png"
></image>
</view>
</view>
@ -465,8 +466,8 @@ export default {
}
.evaluateAllArrow-icon {
width: 18upx;
height: 24upx;
width: 12upx;
height: 21upx;
}
.evaluateTag-box {
@ -492,26 +493,28 @@ export default {
flex-direction: column;
margin-left: 30upx;
// border-bottom: 1upx solid #EDEDED;
padding-bottom: 50upx;
//padding-bottom: 50upx;
.evaluate-content {
width: 670upx;
width: 670rpx;
display: flex;
justify-content: space-between;
.user-headSmallImg {
width: 46upx;
height: 46upx;
width: 72rpx;
height: 72rpx;
border-radius: 50%;
}
}
.evaluateDes-box {
width: 670upx;
margin-top: 30upx;
width: 670rpx;
margin-top: 30rpx;
.evaluateDes {
width: 670upx;
width: 670rpx;
font-size: 28rpx;
color: #252744;
}
}
@ -541,7 +544,7 @@ export default {
.item-line {
width: 690upx;
height: 1px;
background: rgba(238, 238, 238, 1);
background: #EEEEEE;
margin-top: 20upx;
}
@ -562,15 +565,15 @@ export default {
margin-right: 50upx;
.like-img {
width: 48upx;
height: 48upx;
width: 28rpx;
height: 26rpx;
}
.like-num {
font-size: 28upx;
font-weight: 500;
color: rgba(51, 51, 51, 1);
margin-left: 30upx;
font-size: 28rpx;
font-weight: 400;
color: #252744;
margin-left: 20upx;
}
}

4
pages_category_page2/userModule/addAddress.vue

@ -22,7 +22,7 @@
<!-- <city-select v-model="locationShowFalg" @city-change="cityChange"></city-select>-->
<u-picker-cere mode="region" v-model="locationShowFalg" @confirm="cityChange" :default-region='addressData.defaultRegion' title="所在地"></u-picker-cere>
<text class="fs32" v-model="addressData.ssqText">{{addressData.ssqText}}</text>
<image class="arrow mar-left-20 mar-top-8" src="https://wechat.hnthee.com/ceres-local-file/image/icon_cart_shop_forward.png"></image>
<image class="arrow mar-left-20 mar-top-8" src="https://wechat.hnthee.com/ceres-local-file/image/address_add_forward.png"></image>
</view>
</view>
<view class="detailAddress-box">
@ -34,7 +34,7 @@
<view class="fs32 addressTag">{{$t('common.addresstag')}}</view>
<view class="flex-items">
<text class="fs32" v-model="tag">{{tag}}</text>
<image class="arrow mar-left-20 mar-top-8" src="https://wechat.hnthee.com/ceres-local-file/image/icon_cart_shop_forward.png"></image>
<image class="arrow mar-left-20 mar-top-8" src="https://wechat.hnthee.com/ceres-local-file/image/address_add_forward.png"></image>
</view>
</view>
<view class="defaultState-box flex-row-plus flex-sp-between flex-items">

7
pages_category_page2/userModule/personalDetails.vue

@ -503,9 +503,10 @@
}
.exitLoginBut {
height: 100upx;
background: #333333;
color: #FFEBC4;
height: 100rpx;
background: #252744;
border-radius: 50rpx;
color: #FFFFFF;
}
.cancellation {

Loading…
Cancel
Save