评价按钮点击范围变大

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

View File

@@ -28,7 +28,9 @@
</div> </div>
<div class="right"> <div class="right">
<div class="right-btn" @click="toEvaluateForm(item.id)"> <div class="right-btn" @click="toEvaluateForm(item.id)">
<img src="https://cdn.cunwuyun.cn/wechat/fd-store/store-detail-edit-icon.png" alt="">评价 <div>
<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">
@@ -206,18 +208,21 @@ 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;
width: 112px; padding: 32px;
line-height: 48px; div {
background: #2D7DFF; width: 112px;
border-radius: 24px; line-height: 48px;
padding-left: 20px; background: #2D7DFF;
box-sizing: border-box; border-radius: 24px;
font-family: PingFangSC-Regular; padding-left: 20px;
font-weight: 400; box-sizing: border-box;
font-size: 24px; font-family: PingFangSC-Regular;
color: #FFF; font-weight: 400;
font-size: 24px;
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;