152 lines
3.9 KiB
Vue
152 lines
3.9 KiB
Vue
<template>
|
||
<view class="evaluate_on">
|
||
<view class="evaluate_on_left">
|
||
<uni-icons type="star-filled" size="28" color="rgba(37, 136, 255, 1)"></uni-icons>
|
||
<uni-icons type="star-filled" size="28" color="rgba(37, 136, 255, 1)"></uni-icons>
|
||
<uni-icons type="star-filled" size="28" color="rgba(37, 136, 255, 1)"></uni-icons>
|
||
<uni-icons type="star-filled" size="28" color="rgba(37, 136, 255, 1)"></uni-icons>
|
||
<uni-icons type="star-filled" size="28" color="rgba(37, 136, 255, 1)"></uni-icons>
|
||
<view class="evaluate_on_left_text">
|
||
共500人评价
|
||
</view>
|
||
</view>
|
||
<view class="evaluate_on_right">
|
||
<view class="evaluate_on_right_fen">
|
||
4.8
|
||
</view>
|
||
<view class="evaluate_on_right_fen_text">
|
||
商品质量
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="fenge"></view>
|
||
<view class="evaluate_content_all">
|
||
<view class="evaluate_content_all_biaoti">
|
||
全部评价
|
||
</view>
|
||
<view class="evaluate_content_all_xinxi">
|
||
<view style="display: flex;">
|
||
<img src="http://110.42.248.235:866/images/system/666/xESpDwgm-me_tx.png" class="evaluate_content_all_xinxi_Avatar">
|
||
<view class="evaluate_content_all_xinxi_namebox">
|
||
<view class="evaluate_content_all_xinxi_name">
|
||
大喊大叫
|
||
</view>
|
||
<uni-icons type="star-filled" size="20" color="rgba(37, 136, 255, 1)"></uni-icons>
|
||
<uni-icons type="star-filled" size="20" color="rgba(37, 136, 255, 1)"></uni-icons>
|
||
<uni-icons type="star-filled" size="20" color="rgba(37, 136, 255, 1)"></uni-icons>
|
||
<uni-icons type="star-filled" size="20" color="rgba(37, 136, 255, 1)"></uni-icons>
|
||
<uni-icons type="star-filled" size="20" color="rgba(37, 136, 255, 1)"></uni-icons>
|
||
</view>
|
||
</view>
|
||
<view class="evaluate_content_all_xinxi_time">
|
||
2022.10.1
|
||
</view>
|
||
</view>
|
||
<view class="evaluate_content">
|
||
色香味俱全，太好吃了，已经好久没有吃过这么好吃的东西了，必须给老板点赞！
|
||
</view>
|
||
<view class="evaluate_content_boximg">
|
||
<img src="http://110.42.248.235:866/images/system/666/mNDhZghe-store_img.png" class="evaluate_content_img">
|
||
<img src="http://110.42.248.235:866/images/system/666/mNDhZghe-store_img.png" class="evaluate_content_img">
|
||
<img src="http://110.42.248.235:866/images/system/666/mNDhZghe-store_img.png" class="evaluate_content_img">
|
||
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
// const evaluate = ref()
|
||
// const evaluateListVo = ()=>{
|
||
// uni.request({
|
||
// url:apiImageUrl+'comment/list/page'
|
||
// })
|
||
// }
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.evaluate_on {
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin-top: 20rpx;
|
||
|
||
.evaluate_on_left {
|
||
margin: 10rpx 0 0 40rpx;
|
||
|
||
.evaluate_on_left_text {
|
||
font-size: 24rpx;
|
||
color: #9A9CA1;
|
||
margin: 15rpx 0 0 20rpx;
|
||
}
|
||
}
|
||
|
||
.evaluate_on_right {
|
||
margin: 5rpx 40rpx 0 0;
|
||
|
||
.evaluate_on_right_fen {
|
||
color: #007AFF;
|
||
font-size: 64rpx;
|
||
text-align: center;
|
||
}
|
||
|
||
.evaluate_on_right_fen_text {
|
||
color: #9A9CA1;
|
||
font-size: 24rpx;
|
||
text-align: center;
|
||
}
|
||
}
|
||
}
|
||
|
||
.fenge{
|
||
width: 100%;
|
||
height: 20rpx;
|
||
background-color: #F5F6F9;
|
||
margin-top: 20rpx;
|
||
}
|
||
.evaluate_content_all{
|
||
margin: 30rpx 0 0 0;
|
||
|
||
.evaluate_content_all_biaoti{
|
||
font-size: 32rpx;
|
||
color: #007AFF;
|
||
margin: 0 0 40rpx 40rpx;
|
||
}
|
||
.evaluate_content_all_xinxi{
|
||
display: flex;
|
||
margin: 0 0 0 30rpx;
|
||
justify-content: space-between;
|
||
.evaluate_content_all_xinxi_Avatar{
|
||
width: 100rpx;
|
||
height: 100rpx;
|
||
}
|
||
.evaluate_content_all_xinxi_namebox{
|
||
margin-left: 20rpx;
|
||
.evaluate_content_all_xinxi_name{
|
||
font-size: 32rpx;
|
||
margin-left: 20rpx;
|
||
}
|
||
}
|
||
.evaluate_content_all_xinxi_time{
|
||
color: #9A9CA1;
|
||
font-size: 24rpx;
|
||
margin-right: 20rpx;
|
||
}
|
||
|
||
}
|
||
.evaluate_content{
|
||
font-size: 30rpx;
|
||
width: 710rpx;
|
||
height: 100rpx;
|
||
display: flex;
|
||
margin:15rpx auto;
|
||
}
|
||
.evaluate_content_boximg{
|
||
.evaluate_content_img{
|
||
width: 216rpx;
|
||
height: 200rpx;
|
||
margin: 0 10rpx 10rpx 20rpx;
|
||
}
|
||
}
|
||
|
||
}
|
||
</style> |