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-06-26 20:56:08 +08:00
parent 8e8c01c40c
commit 2591e86e2e
54 changed files with 437 additions and 437 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/userCharacter/tuc-detail-constellation.vue
View File

@@ -17,31 +17,31 @@ defineProps<TucDetailConstellationProps>();
</script>
<style lang="css" scoped>
.tuc-dc-box {
display: flex;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
justify-content: center;
border-radius: 50%;
cursor: pointer;
}
.tuc-dc-lock {
position: absolute;
display: flex;
width: 50px;
height: 50px;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: rgb(0 0 0 / 50%);
display: flex;
justify-content: center;
align-items: center;
}
.tuc-dc-icon {
width: 50px;
height: 50px;
border-radius: 50%;
padding: 5px;
border-radius: 50%;
background: rgb(0 0 0/ 20%);
}

4
src/components/userCharacter/tuc-detail-desc-constellation.vue
View File

@@ -50,16 +50,16 @@ function parseDesc(desc: string): string {
<style lang="css" scoped>
.tuc-ddc-content {
display: flex;
height: 100%;
flex-direction: column;
align-items: start;
justify-content: space-around;
height: 100%;
margin-left: 5px;
}
.tuc-ddc-top {
color: var(--common-color-blue-2);
height: 20px;
color: var(--common-color-blue-2);
}
.tuc-ddc-bottom {

4
src/components/userCharacter/tuc-detail-desc-relic.vue
View File

@@ -39,10 +39,10 @@ const props = defineProps<TucDetailDescRelicProps>();
<style lang="css" scoped>
.tuc-ddr-content {
display: flex;
height: 100%;
flex-direction: column;
align-items: start;
justify-content: space-around;
height: 100%;
margin-left: 5px;
}
@@ -63,8 +63,8 @@ const props = defineProps<TucDetailDescRelicProps>();
}
.tuc-ddrc-bottom img {
height: 100%;
width: 100%;
height: 100%;
object-fit: contain;
}

2
src/components/userCharacter/tuc-detail-desc-weapon.vue
View File

@@ -44,10 +44,10 @@ const box = computed(() => {
<style lang="css" scoped>
.tuc-ddw-content {
display: flex;
height: 100%;
flex-direction: column;
align-items: start;
justify-content: space-around;
height: 100%;
margin-left: 5px;
}

28
src/components/userCharacter/tuc-detail-desc.vue
View File

@@ -15,46 +15,46 @@
<style lang="css" scoped>
.tuc-dd-box {
padding: 10px;
border-radius: 5px;
border: 2px solid var(--common-color-grey-2);
background: rgb(255 255 255 / 20%);
border-radius: 5px;
backdrop-filter: blur(20px);
background: rgb(255 255 255 / 20%);
}
.tuc-dd-title {
width: 100%;
color: var(--common-color-blue);
font-family: var(--font-title);
font-size: 20px;
color: var(--common-color-blue);
width: 100%;
text-align: left;
}
.tuc-dd-divider {
width: 100%;
height: 2px;
background: var(--common-color-grey-2);
margin: 5px 0;
background: var(--common-color-grey-2);
}
.tuc-dd-content {
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: center;
height: 60px;
flex-wrap: wrap;
align-items: center;
justify-content: start;
}
.tuc-dd-desc {
font-family: var(--font-text);
font-size: 14px;
overflow: hidden;
width: 100%;
max-height: 50px;
margin-top: 5px;
color: var(--common-color-black);
width: 100%;
font-family: var(--font-text);
font-size: 14px;
overflow-y: scroll;
text-align: left;
word-break: break-all;
max-height: 50px;
overflow: hidden;
overflow-y: scroll;
&::-webkit-scrollbar {
display: none;

2
src/components/userCharacter/tuc-detail-itembox.vue
View File

@@ -20,10 +20,10 @@ defineProps<TucDetailItemBoxProps>();
</script>
<style lang="css" scoped>
.tuc-dib-box {
position: relative;
width: 60px;
height: 60px;
border-radius: 5px;
position: relative;
}
.tuc-dib-bg {

34
src/components/userCharacter/tuc-detail-overlay.vue
View File

@@ -204,18 +204,18 @@ function switchBg() {
position: relative;
width: 500px;
height: 620px;
background: rgb(255 255 255 / 30%);
border-radius: 5px;
padding: 10px;
border-radius: 5px;
background: rgb(255 255 255 / 30%);
}
.tuc-do-bg {
position: absolute;
top: 0;
left: 0;
margin: 0 auto;
width: 100%;
height: 100%;
margin: 0 auto;
}
.tuc-do-bg img {
@@ -226,45 +226,45 @@ function switchBg() {
.tuc-do-quote {
position: absolute;
bottom: 5px;
right: 10px;
bottom: 5px;
color: var(--common-color-grey-2);
font-family: var(--font-text);
font-size: 12px;
color: var(--common-color-grey-2);
}
.tuc-do-costume {
position: absolute;
z-index: 1;
top: 5px;
right: 10px;
z-index: 1;
}
.tuc-do-costume-name {
position: absolute;
width: 100%;
top: 5px;
left: 0;
text-align: center;
width: 100%;
color: var(--common-color-white);
font-family: var(--font-text);
font-size: 16px;
color: var(--common-color-white);
text-align: center;
text-shadow: 0 0 10px var(--common-color-yellow);
}
.tuc-do-show {
position: absolute;
width: calc(100% - 20px);
display: flex;
width: calc(100% - 20px);
flex-wrap: wrap;
justify-content: space-around;
align-items: start;
justify-content: space-around;
}
.tuc-do-left {
position: relative;
width: 50%;
height: 400px;
position: relative;
}
.tuc-do-right {
@@ -280,8 +280,8 @@ function switchBg() {
/* 左侧显示区域 */
.tuc-dol-item {
position: absolute;
cursor: pointer;
border-radius: 5px;
cursor: pointer;
}
/* 排列武器跟5个圣遗物 */
@@ -318,9 +318,9 @@ function switchBg() {
/* 右侧显示区域 */
.tuc-dor-box {
position: relative;
width: 100%;
height: 100%;
position: relative;
}
.tuc-dor-item {
@@ -344,17 +344,17 @@ function switchBg() {
}
.tuc-dor-item:nth-child(4) {
bottom: 130px;
right: 10px;
bottom: 130px;
}
.tuc-dor-item:nth-child(5) {
bottom: 50px;
right: 40px;
bottom: 50px;
}
.tuc-dor-item:nth-child(6) {
bottom: 0;
right: 100px;
bottom: 0;
}
</style>

10
src/components/userCharacter/tuc-detail-relic.vue
View File

@@ -21,19 +21,19 @@ const props = defineProps<TucDetailRelicProps>();
</script>
<style lang="css" scoped>
.tuc-dr-box {
position: relative;
width: 60px;
height: 60px;
border-radius: 5px;
background: rgb(0 0 0 /20%);
position: relative;
}
.tuc-dr-bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tuc-dr-bg:nth-child(1) {
@@ -47,11 +47,11 @@ const props = defineProps<TucDetailRelicProps>();
}
.tuc-dr-icon {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tuc-dr-icon img {

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

@@ -91,10 +91,10 @@ function getAvatarName() {
</script>
<style lang="css" scoped>
.tuc-rb-box {
position: relative;
padding: 5px;
border: 1px inset var(--common-shadow-4);
border-radius: 5px;
position: relative;
cursor: pointer;
transition: all 0.3s;
}
@@ -105,18 +105,18 @@ function getAvatarName() {
.tuc-rb-top {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
align-items: center;
justify-content: space-between;
}
.tuc-rb-bottom {
position: relative;
align-items: center;
width: 100%;
margin-top: 5px;
height: 80px;
align-items: center;
border-radius: 5px;
margin-top: 5px;
}
.tuc-rbb-bg {
@@ -129,36 +129,36 @@ function getAvatarName() {
.tuc-rbb-bg img {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 5px;
object-fit: contain;
}
.tuc-rbb-lock {
position: absolute;
top: 0;
left: 0;
display: flex;
width: 100%;
height: 100%;
background: var(--common-shadow-4);
backdrop-filter: blur(5px);
display: flex;
justify-content: center;
align-items: center;
justify-content: center;
border-radius: 5px;
backdrop-filter: blur(5px);
background: var(--common-shadow-4);
}
.tuc-rbb-fetter {
position: absolute;
top: 5px;
left: 5px;
display: flex;
width: calc(100% - 10px);
height: 20px;
display: flex;
justify-content: start;
align-items: center;
justify-content: start;
border-radius: 5px;
color: var(--common-color-yellow);
background: rgb(0 0 0 / 50%);
color: var(--common-color-yellow);
}
.tuc-rbb-fetter :nth-child(1) {