mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2026-04-03 06:55:06 +08:00
🎨 代码格式化
This commit is contained in:
@@ -22,15 +22,15 @@ const props = defineProps<TuaDetailBattleProps>();
|
||||
<style lang="css" scoped>
|
||||
.tud-db-icons-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-gap: 10px;
|
||||
margin-bottom: 10px;
|
||||
grid-gap: 10px;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
}
|
||||
|
||||
.tud-db-time {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
font-size: 12px;
|
||||
color: var(--common-text-quote);
|
||||
font-size: 12px;
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -17,9 +17,9 @@ const props = defineProps<TuaDetailLevelProps>();
|
||||
</script>
|
||||
<style lang="css" scoped>
|
||||
.tud-dl-divider {
|
||||
border-radius: 5px;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
border-radius: 5px;
|
||||
background: var(--common-text-content);
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -36,25 +36,25 @@ const getFontSize: ComputedRef<string> = computed(() => {
|
||||
</script>
|
||||
<style lang="css" scoped>
|
||||
.tud-t-box {
|
||||
height: 30px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-family: v-bind(getFont);
|
||||
}
|
||||
|
||||
.tud-t-title {
|
||||
font-size: v-bind(getFontSize);
|
||||
color: var(--common-text-content);
|
||||
font-size: v-bind(getFontSize);
|
||||
}
|
||||
|
||||
.tud-t-val {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: var(--common-color-white);
|
||||
font-family: var(--font-text);
|
||||
font-size: v-bind(getFontSize);
|
||||
color: var(--common-color-white);
|
||||
text-shadow: 0 0 10px var(--common-color-yellow);
|
||||
}
|
||||
|
||||
@@ -66,7 +66,7 @@ const getFontSize: ComputedRef<string> = computed(() => {
|
||||
.tud-t-val img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
object-fit: cover;
|
||||
margin-right: 5px;
|
||||
object-fit: cover;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -27,10 +27,10 @@ const props = defineProps<TuaDetailProps>();
|
||||
<style lang="css" scoped>
|
||||
.tuad-box {
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
border-radius: 5px;
|
||||
background: var(--common-shadow-1);
|
||||
padding: 10px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 10px;
|
||||
background: var(--common-shadow-1);
|
||||
}
|
||||
|
||||
.tuad-index-box {
|
||||
|
||||
@@ -38,27 +38,27 @@ const props = withDefaults(defineProps<TAOProps>(), {
|
||||
</script>
|
||||
<style lang="css" scoped>
|
||||
.tuao-box {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 10px;
|
||||
border-radius: 5px;
|
||||
background: var(--common-shadow-1);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.tuao-title {
|
||||
color: var(--common-text-content);
|
||||
font-family: var(--font-title);
|
||||
font-size: 20px;
|
||||
color: var(--common-text-content);
|
||||
}
|
||||
|
||||
.tuao-val-text {
|
||||
color: var(--common-color-white);
|
||||
font-family: var(--font-text);
|
||||
font-size: 20px;
|
||||
color: var(--common-color-white);
|
||||
text-shadow: 0 0 10px var(--common-color-yellow);
|
||||
}
|
||||
|
||||
@@ -69,7 +69,7 @@ const props = withDefaults(defineProps<TAOProps>(), {
|
||||
|
||||
.tuao-val-icons {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(v-bind(iconNum), 1fr);
|
||||
column-gap: 10px;
|
||||
grid-template-columns: repeat(v-bind(iconNum), 1fr);
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user