Fix:5230 【商城小程序】开奖页面及往期中奖页面,奖品名称改为一行显示,超出用...
This commit is contained in:
@@ -85,9 +85,9 @@
|
|||||||
<view class="prize-info">
|
<view class="prize-info">
|
||||||
<view class="prize-name-wrap">
|
<view class="prize-name-wrap">
|
||||||
<text class="prize-level">{{ prize.levelName }}:</text>
|
<text class="prize-level">{{ prize.levelName }}:</text>
|
||||||
<text class="prize-name">{{ prize.prizeName }}</text>
|
<text class="prize-name one-t">{{ prize.prizeName }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="prize-desc">{{ prize.prizeDesc || "默认" }}</view>
|
<view class="prize-desc">{{ prize.prizeAttrName || "默认" }}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -682,6 +682,8 @@ export default {
|
|||||||
padding-top: 8rpx;
|
padding-top: 8rpx;
|
||||||
|
|
||||||
.prize-name-wrap {
|
.prize-name-wrap {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
font-size: 40rpx;
|
font-size: 40rpx;
|
||||||
color: #222;
|
color: #222;
|
||||||
margin-bottom: 10rpx;
|
margin-bottom: 10rpx;
|
||||||
@@ -689,9 +691,16 @@ export default {
|
|||||||
|
|
||||||
.prize-level {
|
.prize-level {
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
.prize-name {
|
.prize-name {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user