|
|
@@ -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 {
|