|
|
@ -230,7 +230,7 @@ onMounted(() => { |
|
|
min-height: 1rem; |
|
|
min-height: 1rem; |
|
|
background-color: rgba(249, 238, 219, .9); |
|
|
background-color: rgba(249, 238, 219, .9); |
|
|
border-radius: 0.5rem; |
|
|
border-radius: 0.5rem; |
|
|
color: #ab6a05; |
|
|
color: #c35b01; |
|
|
font-size: 0.45rem; |
|
|
font-size: 0.45rem; |
|
|
line-height: 1.0rem; |
|
|
line-height: 1.0rem; |
|
|
white-space: nowrap; |
|
|
white-space: nowrap; |
|
|
@ -238,10 +238,10 @@ onMounted(() => { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.noticbox { |
|
|
.noticbox { |
|
|
top: 42%; |
|
|
top: 38%; |
|
|
right: 0; |
|
|
right: 0; |
|
|
padding: 0 0.2rem; |
|
|
padding: 0 0.2rem; |
|
|
width: 1.85rem; |
|
|
width: 1.9rem; |
|
|
min-height: 1rem; |
|
|
min-height: 1rem; |
|
|
background-color: rgba(249, 238, 219, .7); |
|
|
background-color: rgba(249, 238, 219, .7); |
|
|
border-radius: 0.5rem 0 0 0.5rem; |
|
|
border-radius: 0.5rem 0 0 0.5rem; |
|
|
@ -259,6 +259,15 @@ onMounted(() => { |
|
|
background-size: auto 100%; |
|
|
background-size: auto 100%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.noticbox > i { |
|
|
|
|
|
top: 0.1rem; |
|
|
|
|
|
margin: 0 0.2rem 0 0; |
|
|
|
|
|
width: 0.8rem; |
|
|
|
|
|
height: 0.8rem; |
|
|
|
|
|
background: url("../assets/images/icon_notice3.png") no-repeat; |
|
|
|
|
|
background-size: auto 100%; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.streamer .marquee { |
|
|
.streamer .marquee { |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
|
width: calc(100% - 1rem); /* 或者你想要的宽度 */ |
|
|
width: calc(100% - 1rem); /* 或者你想要的宽度 */ |
|
|
|
