Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2025-12-16 09:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

⚰️ 清除冗余样式

Browse Source
This commit is contained in:
BTMuli
2023-07-02 20:46:21 +08:00
parent 7c262daf5e
commit 6582950a42
2 changed files with 2 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/hutaoAbyss/hta-tab-up.vue
View File

@@ -30,7 +30,7 @@ const props = defineProps<HtaTabUseProps>();
const tab = ref<string>("9"); const tab = ref<string>("9");
const select = ref<TGApp.Plugins.Hutao.Abyss.AvatarUse>(); const select = ref<TGApp.Plugins.Hutao.Abyss.AvatarUse>();
function loadData() { function loadData(): void {
select.value = props.modelValue.filter((item) => item.floor.toString() === tab.value)?.[0]; select.value = props.modelValue.filter((item) => item.floor.toString() === tab.value)?.[0];
select.value?.ranks.sort((a, b) => b.rate - a.rate); select.value?.ranks.sort((a, b) => b.rate - a.rate);
} }
@@ -46,21 +46,15 @@ watch(tab, () => {
</script> </script>
<style lang="css" scoped> <style lang="css" scoped>
.hta-tu-box { .hta-tu-box {
display: flex;
margin: 5px; margin: 5px;
width: calc(100% - 10px); width: calc(100% - 10px);
height: 100%; height: 100%;
align-items: center;
justify-content: left;
border: 1px inset var(--common-bg-1); border: 1px inset var(--common-bg-1);
border-radius: 5px; border-radius: 5px;
} }
.hta-tu-tab { .hta-tu-tab {
position: absolute; position: absolute;
top: 5px;
left: 5px;
width: 100px;
height: 100%; height: 100%;
color: var(--common-text-title); color: var(--common-text-title);
font-family: var(--font-text); font-family: var(--font-text);
@@ -70,7 +64,6 @@ watch(tab, () => {
margin-left: 100px; margin-left: 100px;
width: calc(100% - 100px); width: calc(100% - 100px);
height: 100%; height: 100%;
overflow: auto;
} }
.hta-tu-grid { .hta-tu-grid {

9
src/components/hutaoAbyss/hta-tab-use.vue
View File

@@ -30,7 +30,7 @@ const props = defineProps<HtaTabUseProps>();
const tab = ref<string>("9"); const tab = ref<string>("9");
const select = ref<TGApp.Plugins.Hutao.Abyss.AvatarUse>(); const select = ref<TGApp.Plugins.Hutao.Abyss.AvatarUse>();
function loadData() { function loadData(): void {
select.value = props.modelValue.filter((item) => item.floor.toString() === tab.value)?.[0]; select.value = props.modelValue.filter((item) => item.floor.toString() === tab.value)?.[0];
select.value?.ranks.sort((a, b) => b.rate - a.rate); select.value?.ranks.sort((a, b) => b.rate - a.rate);
} }
@@ -46,21 +46,15 @@ watch(tab, () => {
</script> </script>
<style lang="css" scoped> <style lang="css" scoped>
.hta-tu-box { .hta-tu-box {
display: flex;
margin: 5px; margin: 5px;
width: calc(100% - 10px); width: calc(100% - 10px);
height: 100%; height: 100%;
align-items: center;
justify-content: left;
border: 1px inset var(--common-bg-1); border: 1px inset var(--common-bg-1);
border-radius: 5px; border-radius: 5px;
} }
.hta-tu-tab { .hta-tu-tab {
position: absolute; position: absolute;
top: 5px;
left: 5px;
width: 100px;
height: 100%; height: 100%;
color: var(--common-text-title); color: var(--common-text-title);
font-family: var(--font-text); font-family: var(--font-text);
@@ -70,7 +64,6 @@ watch(tab, () => {
margin-left: 100px; margin-left: 100px;
width: calc(100% - 100px); width: calc(100% - 100px);
height: 100%; height: 100%;
overflow: auto;
} }
.hta-tu-grid { .hta-tu-grid {