Browse Source

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

master
dy-hu 1 year 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" class="evaluateTag-box"
v-if="commentList.length>0" v-if="commentList.length>0"
> >
<view class="evaluateTag-text">
<!-- <view class="evaluateTag-text">
{{$t('common.all')}}({{ commentList.length }}) {{$t('common.all')}}({{ commentList.length }})
</view>
</view>-->
</view> </view>
<view <view
class="evaluate-contentbox mar-top-30" class="evaluate-contentbox mar-top-30"
@ -48,9 +48,9 @@
class="user-headSmallImg" class="user-headSmallImg"
:src="commentItem.headImage" :src="commentItem.headImage"
></image> ></image>
<label class="fs28 mar-left-20">{{ commentItem.name }}</label>
<label class="fs28 font-color-252744 mar-left-10">{{ commentItem.name }}</label>
</view> </view>
<label class="font-color-999 fs22">{{ commentItem.createTime }}</label>
<label class="font-color-90919C fs24">{{ commentItem.createTime }}</label>
</view> </view>
<view class="evaluateDes-box"> <view class="evaluateDes-box">
<label class="evaluateDes">{{ commentItem.comment }}</label> <label class="evaluateDes">{{ commentItem.comment }}</label>
@ -70,7 +70,6 @@
></image> ></image>
</view> </view>
</view> </view>
<view class="item-line"></view>
<view <view
class="item-like-box" class="item-like-box"
v-if="commentItem.addComment !== ''" v-if="commentItem.addComment !== ''"
@ -99,27 +98,29 @@
<image <image
class="like-img" class="like-img"
@click="handlePraise(commentItem,0)" @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" v-if="commentItem.ifLike === 1"
></image> ></image>
<image <image
class="like-img" class="like-img"
@click="handlePraise(commentItem,1)" @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 v-else
></image> ></image>
<view class="like-num">{{ commentItem.likes }}</view> <view class="like-num">{{ commentItem.likes }}</view>
</view> </view>
<view class="item-line"></view>
</view> </view>
<view <view
class="moreBox" class="moreBox"
style="margin-top: 30rpx"
v-if="commentList.length>0" v-if="commentList.length>0"
@click="handleJumpToComments" @click="handleJumpToComments"
> >
<label class="fs24">查看全部</label>
<label class="fs28">查看全部</label>
<image <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> ></image>
</view> </view>
</view> </view>
@ -465,8 +466,8 @@ export default {
} }
.evaluateAllArrow-icon { .evaluateAllArrow-icon {
width: 18upx;
height: 24upx;
width: 12upx;
height: 21upx;
} }
.evaluateTag-box { .evaluateTag-box {
@ -492,26 +493,28 @@ export default {
flex-direction: column; flex-direction: column;
margin-left: 30upx; margin-left: 30upx;
// border-bottom: 1upx solid #EDEDED; // border-bottom: 1upx solid #EDEDED;
padding-bottom: 50upx;
//padding-bottom: 50upx;
.evaluate-content { .evaluate-content {
width: 670upx;
width: 670rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.user-headSmallImg { .user-headSmallImg {
width: 46upx;
height: 46upx;
width: 72rpx;
height: 72rpx;
border-radius: 50%; border-radius: 50%;
} }
} }
.evaluateDes-box { .evaluateDes-box {
width: 670upx;
margin-top: 30upx;
width: 670rpx;
margin-top: 30rpx;
.evaluateDes { .evaluateDes {
width: 670upx;
width: 670rpx;
font-size: 28rpx;
color: #252744;
} }
} }
@ -541,7 +544,7 @@ export default {
.item-line { .item-line {
width: 690upx; width: 690upx;
height: 1px; height: 1px;
background: rgba(238, 238, 238, 1);
background: #EEEEEE;
margin-top: 20upx; margin-top: 20upx;
} }
@ -562,15 +565,15 @@ export default {
margin-right: 50upx; margin-right: 50upx;
.like-img { .like-img {
width: 48upx;
height: 48upx;
width: 28rpx;
height: 26rpx;
} }
.like-num { .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>--> <!-- <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> <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> <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> </view>
<view class="detailAddress-box"> <view class="detailAddress-box">
@ -34,7 +34,7 @@
<view class="fs32 addressTag">{{$t('common.addresstag')}}</view> <view class="fs32 addressTag">{{$t('common.addresstag')}}</view>
<view class="flex-items"> <view class="flex-items">
<text class="fs32" v-model="tag">{{tag}}</text> <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> </view>
<view class="defaultState-box flex-row-plus flex-sp-between flex-items"> <view class="defaultState-box flex-row-plus flex-sp-between flex-items">

7
pages_category_page2/userModule/personalDetails.vue

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

Loading…
Cancel
Save