style(斋月活动): 抽奖结果样式调整
This commit is contained in:
parent
1c5ee6ee3f
commit
e2cae4f32c
@ -1731,6 +1731,7 @@
|
|||||||
@click="resultShowIndex--"
|
@click="resultShowIndex--"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 奖品 -->
|
<!-- 奖品 -->
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
@ -1739,6 +1740,7 @@
|
|||||||
width="50%"
|
width="50%"
|
||||||
style="display: block"
|
style="display: block"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<!-- 下一个奖品 -->
|
<!-- 下一个奖品 -->
|
||||||
<div
|
<div
|
||||||
style="
|
style="
|
||||||
@ -1772,7 +1774,8 @@
|
|||||||
font-weight: 590;
|
font-weight: 590;
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
color: #ff79a1;
|
color: #efd47a;
|
||||||
|
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
{{ t('you_get') }} {{ result[resultShowIndex]?.prize?.prizeName }}
|
{{ t('you_get') }} {{ result[resultShowIndex]?.prize?.prizeName }}
|
||||||
@ -3229,6 +3232,31 @@ onUnmounted(() => {
|
|||||||
transform: scale(0.98);
|
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 {
|
.rotated {
|
||||||
transform: rotate(90deg);
|
transform: rotate(90deg);
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user