评价按钮点击范围变大

This commit is contained in:
liuye
2024-07-02 15:56:27 +08:00
parent 72248fee11
commit d637a86dab

View File

@@ -28,8 +28,10 @@
</div> </div>
<div class="right"> <div class="right">
<div class="right-btn" @click="toEvaluateForm(item.id)"> <div class="right-btn" @click="toEvaluateForm(item.id)">
<div>
<img src="https://cdn.cunwuyun.cn/wechat/fd-store/store-detail-edit-icon.png" alt="">评价 <img src="https://cdn.cunwuyun.cn/wechat/fd-store/store-detail-edit-icon.png" alt="">评价
</div> </div>
</div>
<div class="store-name">{{ item.shopName }}</div> <div class="store-name">{{ item.shopName }}</div>
<div class="star-info"> <div class="star-info">
<u-icon name="star-fill" color="#FF8C19" size="24" v-for="(items, indexs) in item.xzStar" :key="indexs"></u-icon> <u-icon name="star-fill" color="#FF8C19" size="24" v-for="(items, indexs) in item.xzStar" :key="indexs"></u-icon>
@@ -206,8 +208,10 @@ export default {
width: calc(100% - 168px); width: calc(100% - 168px);
.right-btn { .right-btn {
position: absolute; position: absolute;
top: 32px; top: 0;
right: 32px; right: 0;
padding: 32px;
div {
width: 112px; width: 112px;
line-height: 48px; line-height: 48px;
background: #2D7DFF; background: #2D7DFF;
@@ -218,6 +222,7 @@ export default {
font-weight: 400; font-weight: 400;
font-size: 24px; font-size: 24px;
color: #FFF; color: #FFF;
}
img { img {
width: 28px; width: 28px;
height: 28px; height: 28px;
@@ -226,7 +231,7 @@ export default {
} }
} }
.store-name { .store-name {
width: calc(100% - 128px); width: calc(100% - 192px);
line-height: 40px; line-height: 40px;
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-weight: 500; font-weight: 500;