Browse Source

评论页面增加评分;

郭鹏飞 8 tháng trước cách đây
mục cha
commit
ff95947035
2 tập tin đã thay đổi với 33 bổ sung29 xóa
  1. 33 28
      src/pages/order/comment.vue
  2. 0 1
      src/pages/order/order_detail.vue

+ 33 - 28
src/pages/order/comment.vue

@@ -11,32 +11,43 @@
 
 			<view class="fast">
 				<view class="title">
-					<text></text>
-					点击下方一键评论
+					<text class="line" />
+					<text>点击下方一键评论</text>
 				</view>
-				<view class="tag" v-if="title == '商户'">
-					<view class="word" v-for="(item,index) in jstag" :key="index" @click="addJsComment(item)">
-						{{item.value}}
+				<template v-if="title == '商户'">
+					<view class="tag">
+						<view class="word" 
+							v-for="(item, index) in jstag" :key="index" 
+							@click="addJsComment(item)">
+							{{item.value}}
+						</view>
 					</view>
-				</view>
-				<view class="tag" v-else>
-					<view class="word" v-for="(item,index) in tag" :key="index" @click="addComment(item)">
-						{{item.value}}
+				</template>
+				<template v-else>
+					<view class="tag">
+						<view class="word" 
+							v-for="(item, index) in tag" :key="index" 
+							@click="addComment(item)">
+							{{item.value}}
+						</view>
 					</view>
-				</view>
-				<view class="star" v-if="title !== '商户'">
-					评分:
-					<u-rate v-model="nStar" inactiveIcon="thumb-up"></u-rate>
-				</view>
 
+					<view class="title">
+						<text class="line" />
+						<text>评分</text>
+					</view>
+					<view class="star">
+						<u-rate v-model="nStar" size="20" gutter="10"></u-rate>
+					</view>
+				</template>
 			</view>
+
 			<view class="btn_box" v-if="title == '商户'">
 				<view class="btn" @click="jsSubmit">提交评价</view>
 			</view>
 			<view class="btn_box" v-else>
 				<view class="btn" @click="submit">提交</view>
 			</view>
-
 		</view>
 	</view>
 </template>
@@ -199,19 +210,19 @@
 				box-shadow: 0px 4rpx 12rpx 0px rgba(88, 209, 187, 0.1);
 				border-radius: 16rpx;
 				padding: 24rpx;
-				box-sizing: border-box;
 
 				.title {
+					font-weight: 600;
 					display: flex;
 					align-items: center;
-					font-weight: 600;
 
-					text {
+					.line {
 						display: inline-block;
 						width: 6rpx;
 						height: 34rpx;
-						background: #20CBC2;
 						margin-right: 12rpx;
+						border-radius: 4rpx;
+						background: #20CBC2;
 					}
 				}
 
@@ -221,26 +232,20 @@
 					display: flex;
 					flex-wrap: wrap;
 
-					// justify-content: space-between;
 					.word {
-						// margin: 0px 24rpx;
-						// height: 48px;
 						margin-right: 24rpx;
 						margin-bottom: 24rpx;
 						padding: 4rpx 20rpx;
-						box-sizing: border-box;
 						background: rgba(32, 203, 194, 0.1);
 						box-shadow: 0px 4rpx 12rpx 0px rgba(88, 209, 187, 0.1);
 						border-radius: 8rpx;
 						font-size: 28rpx;
 					}
 				}
-			}
 
-
-
-			.star {
-				margin-top: 40rpx;
+				.star {
+					margin-top: 12rpx;
+				}
 			}
 
 			.btn_box {

+ 0 - 1
src/pages/order/order_detail.vue

@@ -279,7 +279,6 @@
 	import {
 		orderDeatails,
 		getInfo,
-		payoff,
 		delOrder,
 		confirmOrder,
 		alertOrder,