Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-03-16 04:03:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

💄 调整样式

Browse Source
This commit is contained in:
BTMuli
2026-02-25 22:51:42 +08:00
parent 37882ab4bc
commit fe8960687e
16 changed files with 45 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/app/t-mi-img.vue
View File

@@ -8,7 +8,7 @@
@click="emits('click')"
/>
<div v-else class="progress">
<v-progress-circular :size="props.size" color="primary" indeterminate />
<v-progress-circular :size="props.size" color="blue" indeterminate />
</div>
</template>
<script lang="ts" setup>

2
src/components/pageConfig/tco-hutaoVerify.vue
View File

@@ -60,7 +60,7 @@
<v-icon icon="mdi-chevron-right" start></v-icon>
<span>取消</span>
</v-btn>
<v-btn :loading="formLoad" color="success" @click="onSubmit()">
<v-btn :loading="formLoad" color="green" @click="onSubmit()">
<v-icon icon="mdi-chevron-right" start></v-icon>
<span>确认重置</span>
</v-btn>

2
src/components/pageHome/ph-comp-sign.vue
View File

@@ -13,7 +13,7 @@
<div v-else-if="gameAccounts.length === 0" class="sign-not-login">暂无游戏账户</div>
<div v-else-if="loading" class="sign-loading">
<div class="loading-content">
<v-progress-linear :model-value="loadingProgress" color="primary" height="6" rounded />
<v-progress-linear color="blue" :model-value="loadingProgress" height="6" rounded />
<div class="loading-text">{{ loadingText }}</div>
</div>
</div>

22
src/components/pageWiki/two-select-c.vue
View File

@@ -7,7 +7,7 @@
<v-item-group v-model="selectedStar" class="two-sc-select" multiple>
<div v-for="(item, index) in selectStarList" :key="index">
<v-item v-slot="{ isSelected, toggle }" :value="item">
<v-btn :color="isSelected ? 'primary' : ''" @click="toggle">
<v-btn :active="isSelected" activeColor="blue" @click="toggle">
<v-icon>{{ isSelected ? "mdi-star" : "mdi-star-outline" }}</v-icon>
<span>{{ item }}星</span>
</v-btn>
@@ -20,8 +20,12 @@
<v-item-group v-model="selectedWeapon" class="two-sc-select" multiple>
<div v-for="(item, index) in selectWeaponList" :key="index">
<v-item v-slot="{ isSelected, toggle }" :value="item">
<v-btn :color="isSelected ? 'primary' : ''" @click="toggle">
<img :alt="`${item}`" :src="`/icon/weapon/${item}.webp`" class="two-sci-icon" />
<v-btn :active="isSelected" activeColor="blue" @click="toggle">
<img
:alt="`${item}`"
:src="`/icon/weapon/${item}.webp`"
class="two-sci-icon weapon"
/>
<span>{{ item }}</span>
</v-btn>
</v-item>
@@ -33,7 +37,7 @@
<v-item-group v-model="selectedElements" class="two-sc-select" multiple>
<div v-for="(item, index) in selectElementList" :key="index">
<v-item v-slot="{ isSelected, toggle }" :value="item">
<v-btn :color="isSelected ? 'primary' : ''" class="element-btn" @click="toggle">
<v-btn :active="isSelected" activeColor="blue" class="element-btn" @click="toggle">
<img
:alt="`${item}元素`"
:src="`/icon/element/${item}元素.webp`"
@@ -50,7 +54,7 @@
<v-item-group v-model="selectedArea" class="two-sc-select" multiple>
<div v-for="(item, index) in selectAreaList" :key="index">
<v-item v-slot="{ isSelected, toggle }" :value="item">
<v-btn :color="isSelected ? 'primary' : ''" @click="toggle">
<v-btn :active="isSelected" activeColor="blue" @click="toggle">
<v-icon>{{ isSelected ? "mdi-check" : "mdi-checkbox-blank-outline" }}</v-icon>
<span>{{ item }}</span>
</v-btn>
@@ -202,10 +206,18 @@ function confirmSelect() {
gap: 10px;
}
.dark .two-sci-icon.weapon {
filter: none;
}
.two-sci-icon {
width: 30px;
height: 30px;
margin-right: 5px;
&.weapon {
filter: invert(0.5);
}
}
.tow-sc-submit {

9
src/components/pageWiki/two-select-w.vue
View File

@@ -7,7 +7,7 @@
<v-item-group v-model="selectedStar" class="two-sw-select" mandatory multiple>
<div v-for="(item, index) in selectStarList" :key="index">
<v-item v-slot="{ isSelected, toggle }" :value="item">
<v-btn :color="isSelected ? 'primary' : ''" @click="toggle">
<v-btn :active="isSelected" activeColor="blue" @click="toggle">
<v-icon>{{ isSelected ? "mdi-star" : "mdi-star-outline" }}</v-icon>
<span>{{ item }}星</span>
</v-btn>
@@ -20,7 +20,7 @@
<v-item-group v-model="selectedWeapon" class="two-sw-select" mandatory multiple>
<div v-for="(item, index) in selectWeaponList" :key="index">
<v-item v-slot="{ isSelected, toggle }" :value="item">
<v-btn :color="isSelected ? 'primary' : ''" @click="toggle">
<v-btn :active="isSelected" activeColor="blue" @click="toggle">
<img :alt="`${item}元素`" :src="`/icon/weapon/${item}.webp`" class="two-swi-icon" />
<span>{{ item }}</span>
</v-btn>
@@ -134,10 +134,15 @@ function confirmSelect(): void {
gap: 10px;
}
.dark .two-swi-icon {
filter: none;
}
.two-swi-icon {
width: 30px;
height: 30px;
margin-right: 5px;
filter: grayscale(100%);
}
.tow-sc-submit {

4
src/components/userScripts/tus-output.vue
View File

@@ -43,10 +43,10 @@ onUnmounted(() => {
.tuso-box {
position: relative;
display: flex;
width: 800px;
min-width: 800px;
min-width: 400px;
height: 100%;
box-sizing: border-box;
flex: 1;
flex-direction: column;
padding: 12px;
border: 1px solid var(--common-shadow-2);

2
src/components/viewPost/tp-emoticon.vue
View File

@@ -13,7 +13,7 @@
</div>
</div>
<div v-else :title="props.data.insert.custom_emoticon.url" class="tp-image-load">
<v-progress-circular :indeterminate="true" color="primary" size="small" />
<v-progress-circular :indeterminate="true" color="blue" size="small" />
<span>加载中...</span>
</div>
<VpOverlayImage

2
src/components/viewPost/tp-image.vue
View File

@@ -13,7 +13,7 @@
</div>
</div>
<div v-else class="tp-image-load" :title="oriUrl">
<v-progress-circular :indeterminate="true" color="primary" size="small" />
<v-progress-circular :indeterminate="true" color="blue" size="small" />
<span>加载中...</span>
</div>
<VpOverlayImage

2
src/components/viewPost/tp-vod.vue
View File

@@ -8,7 +8,7 @@
></div>
<div class="tp-vod-share">
<img v-if="coverUrl" :src="coverUrl" alt="cover" class="tp-vod-cover" />
<v-progress-circular v-else color="primary" indeterminate size="25" />
<v-progress-circular v-else color="blue" indeterminate size="25" />
<img alt="icon" class="tp-vod-icon" src="/UI/post/video_play.svg" />
<div class="tp-vod-time">
<v-icon size="12">mdi-clock-time-four-outline</v-icon>

4
src/components/viewPost/vp-btn-reply.vue
View File

@@ -61,10 +61,10 @@
:pinId="pinId"
/>
<div v-if="isLast" class="tpr-list-item">
<v-chip color="info" label>没有更多了</v-chip>
<v-chip color="blue" label>没有更多了</v-chip>
</div>
<div v-else class="tpr-list-item">
<v-btn @click="loadReply()" color="primary" :loading="loading">加载更多</v-btn>
<v-btn @click="loadReply()" color="blue" :loading="loading">加载更多</v-btn>
</div>
</v-list>
</div>

2
src/components/viewPost/vp-overlay-collection.vue
View File

@@ -7,7 +7,7 @@
</div>
<div class="tpoc-list" ref="postListRef">
<div class="tpoc-load" v-if="postList.length === 0">
<v-progress-circular indeterminate color="primary" size="24" />
<v-progress-circular indeterminate color="blue" size="24" />
<span>加载中...</span>
</div>
<TPostcard

2
src/components/viewPost/vp-reply-debug.vue
View File

@@ -4,7 +4,7 @@
<div class="tpr-debug-title">
<span>文件：</span>
<span :title="filePath">{{ filePath }}</span>
<v-btn size="small" @click="selectFile" color="primary">选择文件</v-btn>
<v-btn size="small" @click="selectFile" color="blue">选择文件</v-btn>
</div>
<div class="tpr-debug-reply">
<TprReply mode="main" :modelValue="replyData" v-if="replyData !== null" pinId="0" />

4
src/components/viewPost/vp-reply-item.vue
View File

@@ -65,10 +65,10 @@
mode="sub"
/>
<div v-if="isLast" class="tpr-list-item">
<v-chip color="info" label>没有更多了</v-chip>
<v-chip color="blue" label>没有更多了</v-chip>
</div>
<div v-else class="tpr-list-item">
<v-btn @click="loadSub()" color="primary" :loading="loading">加载更多</v-btn>
<v-btn @click="loadSub()" color="blue" :loading="loading">加载更多</v-btn>
</div>
</v-list>
</v-menu>

4
src/pages/User/Characters.vue
View File

@@ -620,6 +620,10 @@ function handleSwitch(next: boolean): void {
align-items: center;
justify-content: flex-start;
column-gap: 8px;
:deep(.v-input__control) {
width: 200px;
}
}
.uc-select-btn {

2
src/pages/User/Scripts.vue
View File

@@ -301,6 +301,7 @@ async function tryExecAll(): Promise<void> {
}
.us-page-container {
position: relative;
display: flex;
height: calc(100vh - 100px);
align-items: flex-start;
@@ -314,6 +315,7 @@ async function tryExecAll(): Promise<void> {
width: 100%;
max-height: 100%;
box-sizing: border-box;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: flex-start;

1
src/pages/common/PageAchi.vue
View File

@@ -24,6 +24,7 @@
:hide-details="true"
:single-line="true"
append-inner-icon="mdi-magnify"
@click:append-inner="isSearch = true"
density="compact"
label="搜索"
@keydown.enter="isSearch = true"