style(CP弹幕组件): 样式调整为白羊座风格
This commit is contained in:
parent
fe515870d9
commit
68db97dc21
@ -83,21 +83,7 @@
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div
|
||||
style="
|
||||
white-space: nowrap;
|
||||
font-weight: 700;
|
||||
background-clip: text;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-image: linear-gradient(
|
||||
180deg,
|
||||
#fff9a9 26.92%,
|
||||
#ed7d0a 52.08%,
|
||||
#fffab5 73.08%
|
||||
);
|
||||
"
|
||||
>
|
||||
<div style="white-space: nowrap; font-weight: 700; color: #ff69ad">
|
||||
{{ item.content }}
|
||||
</div>
|
||||
</div>
|
||||
@ -150,9 +136,9 @@ const getBarrageStyle = (item) => {
|
||||
animationDelay: `${item.delay}s`,
|
||||
'--start-pos': `${item.startPos}px`,
|
||||
borderRadius: '200px',
|
||||
background: 'linear-gradient(180deg, #FFACBB 0%, rgba(255, 172, 187, 0.00) 58.38%), #FF4768',
|
||||
boxShadow:
|
||||
'0 1px 4.5px 0 rgba(0, 0, 0, 0.10), -1px 0 5px 0 rgba(255, 255, 255, 0.70) inset, -3.5px 0 7.5px 0 rgba(255, 255, 255, 0.20) inset, 1px 0 5px 0 rgba(255, 255, 255, 0.70) inset, 3.5px 0 7.5px 0 rgba(255, 255, 255, 0.20) inset',
|
||||
background:
|
||||
'radial-gradient(44.73% 89.31% at 30.77% 68.52%, rgba(149, 255, 250, 0.70) 0%, rgba(149, 255, 250, 0.00) 100%), radial-gradient(57.68% 103.36% at 65.38% 100%, #8EB2FF 0%, rgba(142, 178, 255, 0.00) 100%), radial-gradient(390.09% 113.35% at 100% 0%, #CFAFFF 0%, rgba(207, 175, 255, 0.00) 100%), radial-gradient(189.62% 90.06% at 5.38% 7.41%, #FFCCC1 0%, rgba(255, 204, 193, 0.00) 100%), #FFF',
|
||||
border: '1px solid rgba(0, 0, 0, 0.05)',
|
||||
// RTL布局支持
|
||||
...(isRTL
|
||||
? {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user