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

💄 优化样式

Browse Source
This commit is contained in:
BTMuli
2023-06-17 22:16:02 +08:00
parent da300ac24b
commit a335dff636
4 changed files with 19 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/userCharacter/tuc-role-box.vue
View File

@@ -42,32 +42,36 @@ const props = defineProps<TucRoleBoxProps>();
const avatarBox = computed(() => { const avatarBox = computed(() => {
return { return {
size: "80px", size: "80px",
height: "80px", height: "100px",
ltSize: "30px", ltSize: "30px",
bg: `/icon/bg/${props.modelValue.star}-Star.webp`, bg: `/icon/bg/${props.modelValue.star}-Star.webp`,
icon: `/WIKI/character/icon/${props.modelValue.cid}.webp`, icon: `/WIKI/character/icon/${props.modelValue.cid}.webp`,
lt: `/icon/element/${props.modelValue.element}.webp`, lt: `/icon/element/${props.modelValue.element}.webp`,
rt: props.modelValue.activeConstellation.toString() || "0", rt: props.modelValue.activeConstellation.toString() || "0",
rtSize: "20px", rtSize: "20px",
innerText: `${getAvatarName()}`, innerText: `Lv.${props.modelValue.level}`,
innerHeight: 20, innerHeight: 20,
display: "inner", outerText: getAvatarName(),
outerHeight: 20,
display: "outer",
}; };
}); });
const weaponBox = computed(() => { const weaponBox = computed(() => {
const weapon = JSON.parse(props.modelValue.weapon) as TGApp.Sqlite.Character.RoleWeapon; const weapon = JSON.parse(props.modelValue.weapon) as TGApp.Sqlite.Character.RoleWeapon;
return { return {
size: "80px", size: "80px",
height: "80px", height: "100px",
ltSize: "30px", ltSize: "30px",
bg: `/icon/bg/${weapon.star}-Star.webp`, bg: `/icon/bg/${weapon.star}-Star.webp`,
icon: `/WIKI/weapon/icon/${weapon.id}.webp`, icon: `/WIKI/weapon/icon/${weapon.id}.webp`,
lt: `/icon/weapon/${weapon.type}.webp`, lt: `/icon/weapon/${weapon.type}.webp`,
rt: weapon.affix.toString() || "0", rt: weapon.affix.toString() || "0",
rtSize: "20px", rtSize: "20px",
innerText: `${weapon.name}`, innerText: `Lv.${weapon.level}`,
innerHeight: 20, innerHeight: 20,
display: "inner", outerText: weapon.name,
outerHeight: 20,
display: "outer",
}; };
}); });
const nameCard = ref(false as string | false); const nameCard = ref(false as string | false);
@@ -95,10 +99,15 @@ function showOverlay () {
<style lang="css" scoped> <style lang="css" scoped>
.tuc-rb-box { .tuc-rb-box {
padding: 5px; padding: 5px;
box-shadow: 0 0 10px var(--common-bg-4);
border: 1px inset var(--common-bg-4); border: 1px inset var(--common-bg-4);
border-radius: 5px; border-radius: 5px;
position: relative; position: relative;
cursor: pointer;
transition: all 0.3s;
}
.tuc-rb-box:hover {
box-shadow: 0 0 10px var(--common-color-yellow);
} }
.tuc-rb-top { .tuc-rb-top {

2
src/components/userRecord/tur-home-sub.vue
View File

@@ -38,7 +38,7 @@
// vue // vue
import { onMounted, ref } from "vue"; import { onMounted, ref } from "vue";
// utils // utils
import { saveImgLocal } from "../../utils/saveImg"; import { saveImgLocal } from "../../utils/TGShare";
interface TurHomeSubProps { interface TurHomeSubProps {
data: TGApp.Sqlite.Record.Home; data: TGApp.Sqlite.Record.Home;

2
src/components/userRecord/tur-world-sub.vue
View File

@@ -41,7 +41,7 @@ import { onMounted, ref } from "vue";
// tauri // tauri
import { event } from "@tauri-apps/api"; import { event } from "@tauri-apps/api";
// utils // utils
import { saveImgLocal } from "../../utils/saveImg"; import { saveImgLocal } from "../../utils/TGShare";
interface TurWorldSubProps { interface TurWorldSubProps {
theme: "default" | "dark", theme: "default" | "dark",

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

@@ -113,7 +113,7 @@ function getUpdateTime () {
width: 100%; width: 100%;
border-radius: 5px; border-radius: 5px;
padding: 10px; padding: 10px;
box-shadow: 0 0 10px var(--common-bg); box-shadow: 0 0 10px var(--common-bg-4);
} }
.uc-top { .uc-top {