style(斋月活动): 抽奖结果样式调整
This commit is contained in:
parent
1c5ee6ee3f
commit
e2cae4f32c
@ -1731,6 +1731,7 @@
|
||||
@click="resultShowIndex--"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<!-- 奖品 -->
|
||||
<img
|
||||
v-smart-img
|
||||
@ -1739,6 +1740,7 @@
|
||||
width="50%"
|
||||
style="display: block"
|
||||
/>
|
||||
|
||||
<!-- 下一个奖品 -->
|
||||
<div
|
||||
style="
|
||||
@ -1772,7 +1774,8 @@
|
||||
font-weight: 590;
|
||||
|
||||
position: relative;
|
||||
color: #ff79a1;
|
||||
color: #efd47a;
|
||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
|
||||
"
|
||||
>
|
||||
{{ t('you_get') }} {{ result[resultShowIndex]?.prize?.prizeName }}
|
||||
@ -3229,6 +3232,31 @@ onUnmounted(() => {
|
||||
transform: scale(0.98);
|
||||
}
|
||||
|
||||
.resultNum {
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
inset: 0;
|
||||
top: -8vw;
|
||||
|
||||
padding-right: 8%;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
|
||||
font-size: 1em;
|
||||
font-weight: 590;
|
||||
|
||||
background: linear-gradient(0deg, #f3b700 0%, #ffeec6 100%);
|
||||
background-clip: text;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
[dir='rtl'] .resultNum {
|
||||
direction: ltr;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.rotated {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user