mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-14 09:38:13 +08:00
🎨 代码格式化
This commit is contained in:
@@ -60,11 +60,11 @@ onMounted(async () => {
|
||||
}
|
||||
|
||||
.anno-title {
|
||||
font-size: 20px;
|
||||
margin: 20px 0;
|
||||
color: #546d8b;
|
||||
font-family: Genshin-Light, serif;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.jv-container {
|
||||
|
||||
@@ -158,34 +158,34 @@ onUpdated(() => {
|
||||
</script>
|
||||
<style lang="css">
|
||||
.lottery-box {
|
||||
margin-bottom: 10px;
|
||||
padding: 10px;
|
||||
border-radius: 25px 5px 5px;
|
||||
margin-bottom: 10px;
|
||||
background: rgb(255 255 255 / 10%);
|
||||
box-shadow: 0 0 10px rgb(0 0 0 / 40%);
|
||||
border-radius: 25px 5px 5px;
|
||||
}
|
||||
|
||||
.lottery-title {
|
||||
height: 40px;
|
||||
margin-left: 40px;
|
||||
color: var(--content-text-3);
|
||||
font-family: Genshin, serif;
|
||||
font-size: 20px;
|
||||
height: 40px;
|
||||
color: var(--content-text-3);
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.lottery-list {
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 10px;
|
||||
background: rgb(0 0 0 / 40%);
|
||||
box-shadow: 0 0 10px rgb(255 255 255 / 10%);
|
||||
border-radius: 5px;
|
||||
padding: 5px;
|
||||
margin-bottom: 10px;
|
||||
color: #faf7e8;
|
||||
font-family: Genshin-Light, serif;
|
||||
}
|
||||
|
||||
.reward-title {
|
||||
font-size: 16px;
|
||||
margin: 10px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.reward-subtitle {
|
||||
@@ -194,27 +194,27 @@ onUpdated(() => {
|
||||
}
|
||||
|
||||
.lottery-grid {
|
||||
border-radius: 10px;
|
||||
display: grid;
|
||||
border-radius: 10px;
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
}
|
||||
|
||||
.lottery-sub-list {
|
||||
background: var(--content-bg-2);
|
||||
border-radius: 40px;
|
||||
height: 40px;
|
||||
margin: 5px;
|
||||
font-family: Genshin-Light, serif;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
height: 40px;
|
||||
align-items: center;
|
||||
border-radius: 40px;
|
||||
margin: 5px;
|
||||
background: var(--content-bg-2);
|
||||
font-family: Genshin-Light, serif;
|
||||
}
|
||||
|
||||
.lottery-user-avatar {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
@@ -226,24 +226,24 @@ onUpdated(() => {
|
||||
|
||||
.lottery-user-nickname {
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
font-family: Genshin-Light, "仿宋", serif;
|
||||
color: var(--content-text-3);
|
||||
overflow: hidden;
|
||||
color: var(--content-text-3);
|
||||
font-family: Genshin-Light, "仿宋", serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.lottery-json {
|
||||
border-radius: 25px 5px;
|
||||
margin-bottom: 10px;
|
||||
background: rgb(255 255 255 / 10%);
|
||||
box-shadow: 0 0 10px rgb(0 0 0 / 40%);
|
||||
border-radius: 25px 5px;
|
||||
font-family: Consolas, serif;
|
||||
color: #faf7e8;
|
||||
font-family: Consolas, serif;
|
||||
}
|
||||
|
||||
.jv-container {
|
||||
background: rgb(0 0 0 / 60%) !important;
|
||||
border-radius: 25px 5px !important;
|
||||
background: rgb(0 0 0 / 60%) !important;
|
||||
box-shadow: 0 0 10px rgb(0 0 0 / 40%) !important;
|
||||
}
|
||||
|
||||
|
||||
@@ -337,16 +337,16 @@ async function searchPost() {
|
||||
|
||||
<style lang="css" scoped>
|
||||
.news-tab {
|
||||
font-family: Genshin, serif;
|
||||
margin-bottom: 20px;
|
||||
color: var(--content-text-3);
|
||||
font-family: Genshin, serif;
|
||||
}
|
||||
|
||||
.news-grid {
|
||||
font-family: Genshin, serif;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
|
||||
font-family: Genshin, serif;
|
||||
grid-gap: 20px;
|
||||
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
|
||||
}
|
||||
|
||||
.news-card {
|
||||
@@ -356,51 +356,51 @@ async function searchPost() {
|
||||
}
|
||||
|
||||
.news-cover {
|
||||
height: 150px;
|
||||
overflow: hidden;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.news-cover :hover {
|
||||
cursor: pointer;
|
||||
transform: scale(1.1);
|
||||
transition: all 0.3s linear;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.news-cover img {
|
||||
object-fit: cover;
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
object-fit: cover;
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
|
||||
/* switch */
|
||||
.switch-btn {
|
||||
font-family: Genshin, serif;
|
||||
background: var(--btn-bg-1);
|
||||
height: 40px;
|
||||
margin-right: 10px;
|
||||
margin-top: 5px;
|
||||
margin-right: 10px;
|
||||
background: var(--btn-bg-1);
|
||||
color: var(--content-text-3);
|
||||
font-family: Genshin, serif;
|
||||
}
|
||||
|
||||
.switch-chan {
|
||||
font-family: Genshin, serif;
|
||||
background: var(--btn-bg-1);
|
||||
height: 40px;
|
||||
margin-right: 10px;
|
||||
margin-top: 5px;
|
||||
margin-right: 10px;
|
||||
background: var(--btn-bg-1);
|
||||
color: var(--content-text-3);
|
||||
font-family: Genshin, serif;
|
||||
}
|
||||
|
||||
/* load more */
|
||||
.load-news {
|
||||
font-family: Genshin, serif;
|
||||
margin-top: 10px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 10px;
|
||||
border-radius: 5px;
|
||||
margin-top: 10px;
|
||||
font-family: Genshin, serif;
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
|
||||
|
||||
@@ -54,11 +54,11 @@ onMounted(async () => {
|
||||
}
|
||||
|
||||
.post-title {
|
||||
font-size: 20px;
|
||||
margin: 20px 0;
|
||||
color: #546d8b;
|
||||
font-family: Genshin-Light, serif;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.jv-container {
|
||||
|
||||
Reference in New Issue
Block a user