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

🎨 代码格式化

Browse Source
This commit is contained in:
BTMuli
2025-05-29 14:03:08 +08:00
parent 4a748f20b7
commit a8d9808deb
65 changed files with 314 additions and 281 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -139,7 +139,7 @@ const levelColor = computed<string>(() => {
width: 18px;
height: 18px;
border-radius: 50%;
background: v-bind(levelColor);
background: v-bind(levelColor); /* stylelint-disable-line value-keyword-case */
color: var(--tgc-white-1);
font-size: 10px;
line-height: 18px;

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

@@ -48,7 +48,7 @@ console.log("tpBackupText", props.data.insert.backup_text, toRaw(props.data));
<style lang="css" scoped>
.tp-backup-lottery {
margin-right: 4px;
color: #00c3ff;
color: #00c3ffff;
cursor: pointer;
:first-child {

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

@@ -83,7 +83,7 @@ onUnmounted(() => {
max-width: 100%;
height: auto;
border-radius: 4px;
background: v-bind(bgColor);
background: v-bind(bgColor); /* stylelint-disable-line value-keyword-case */
}
.tp-emo-info {
@@ -99,9 +99,9 @@ onUnmounted(() => {
border-bottom-left-radius: 4px;
border-top-right-radius: 4px;
box-shadow: -1px 1px 4px var(--common-shadow-2);
cursor: default;
font-family: var(--font-title);
font-size: 12px;
cursor: default;
white-space: nowrap;
}
</style>

18
src/components/viewPost/tp-gameCard.vue
View File

@@ -61,25 +61,25 @@ async function toGame(): Promise<void> {
<style lang="scss" scoped>
.tp-game-card-box {
position: relative;
margin: 12px 0;
display: flex;
width: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: flex-start;
column-gap: 12px;
padding: 8px 16px;
border-radius: 4px;
background: var(--box-bg-1);
border: 1px solid var(--common-shadow-1);
border-radius: 4px;
margin: 12px 0;
background: var(--box-bg-1);
column-gap: 12px;
}
.icon {
position: relative;
flex-shrink: 0;
overflow: hidden;
width: 80px;
height: 80px;
overflow: hidden;
flex-shrink: 0;
img {
width: 100%;
@@ -97,8 +97,8 @@ async function toGame(): Promise<void> {
span {
&:first-child {
font-family: var(--font-title);
color: var(--common-text-title);
font-family: var(--font-title);
font-size: 20px;
}
@@ -110,10 +110,10 @@ async function toGame(): Promise<void> {
.act {
height: 40px;
margin-left: auto;
background: var(--tgc-btn-1);
color: var(--btn-text);
font-family: var(--font-title);
margin-left: auto;
}
.dark .act {

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

@@ -113,12 +113,12 @@ function getImageTitle(): string {
}
.tp-image-box img {
width: v-bind(imgWidth);
width: v-bind(imgWidth); /* stylelint-disable-line value-keyword-case */
max-width: 100%;
height: auto;
border-radius: 4px;
background: v-bind(bgColor); /* stylelint-disable-line value-keyword-case */
cursor: pointer;
background: v-bind(bgColor);
}
.tp-image-load {
@@ -141,7 +141,7 @@ function getImageTitle(): string {
justify-content: center;
border-radius: 50%;
background: var(--tgc-od-white);
box-shadow: 0 0 4px rgb(0 0 0 / 50%);
box-shadow: 0 0 4px #00000080;
cursor: pointer;
}
</style>

4
src/components/viewPost/tp-linkCard.vue
View File

@@ -108,14 +108,14 @@ async function toLink(): Promise<void> {
.tp-link-card-price {
display: inline-block;
color: #ff6d6d;
color: #ff6d6dff;
font-size: 20px;
}
.tp-link-card-btn {
display: inline-block;
margin-left: auto;
color: #00c3ff;
color: #00c3ffff;
cursor: pointer;
text-align: right;
}

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

@@ -29,7 +29,7 @@ async function toLink(): Promise<void> {
border: 1px solid var(--common-shadow-1);
border-radius: 4px;
margin: 2px;
color: #00c3ff;
color: #00c3ffff;
cursor: pointer;
}
</style>

7
src/components/viewPost/tp-parser.vue
View File

@@ -94,12 +94,13 @@ function getParsedText(data: TpTextType): Array<TpTextType> {
function getTpName(tp: TGApp.BBS.SctPost.Base): Component {
if (tp.children) return TpTexts;
if (typeof tp.insert === "string") return TpText;
// custom_emoticon属于backup_text的一种，必须放在backup_text判断的前面
if ("custom_emoticon" in tp.insert) return TpEmoticon;
// game_user_info属于backup_text的一种，必须放在backup_text判断的前面
if ("game_user_info" in tp.insert) return TpUid;
if ("backup_text" in tp.insert) {
if (tp.insert.backup_text === "[游戏卡片]") return TpGameCard;
if (tp.insert.backup_text === "[游戏卡片]" && "reception_card" in tp.insert) return TpGameCard;
if (tp.insert.backup_text === "[自定义表情]" && "custom_emoticon" in tp.insert) {
return TpEmoticon;
}
return TpBackupText;
}
if ("divider" in tp.insert) return TpDivider;

4
src/components/viewPost/tp-text.vue
View File

@@ -138,9 +138,9 @@ function getEmojiName(): string {
</script>
<style lang="css" scoped>
.tp-text-link {
color: #00c3ff;
color: #00c3ffff;
cursor: pointer;
text-decoration: underline solid #00c3ff;
text-decoration: underline solid #00c3ffff;
text-underline-position: under;
}

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

@@ -50,9 +50,9 @@ function getTitle(): string {
<style lang="scss" scoped>
.tp-texts {
line-break: anywhere;
text-align: v-bind("props.data.attributes?.align");
white-space: pre-wrap;
word-break: break-all;
text-align: v-bind("props.data.attributes?.align");
&.tp-inline {
display: inline;

6
src/components/viewPost/tp-uid.vue
View File

@@ -68,12 +68,12 @@ function getGameName(): string {
padding: 5px;
border: 1px solid var(--common-shadow-2);
border-radius: 3px;
background-color: #f4efe9;
background-color: #f4efe9ff;
background-image: url("/source/post/tp_uid_bg.webp");
background-position: right bottom;
background-repeat: no-repeat;
background-size: contain;
color: #a17a58;
color: #a17a58ff;
}
.tpu-top {
@@ -111,7 +111,7 @@ function getGameName(): string {
align-items: center;
justify-content: center;
padding: 0 5px;
border: 1px solid rgb(161 122 88 / 30%);
border: 1px solid #a17a584d;
border-radius: 3px;
font-size: 12px;
opacity: 0.7;

12
src/components/viewPost/tp-video.vue
View File

@@ -68,7 +68,7 @@ onUnmounted(() => {
position: relative;
max-width: 100%;
margin: 10px auto;
aspect-ratio: v-bind(videoAspectRatio);
aspect-ratio: v-bind(videoAspectRatio); /* stylelint-disable-line value-keyword-case */
}
.tp-video-container {
@@ -79,7 +79,7 @@ onUnmounted(() => {
max-width: 100%;
border: none;
border-radius: 10px;
aspect-ratio: v-bind(videoAspectRatio);
aspect-ratio: v-bind(videoAspectRatio); /* stylelint-disable-line value-keyword-case */
}
.tp-video-share {
@@ -93,7 +93,7 @@ onUnmounted(() => {
align-items: center;
justify-content: center;
border-radius: 10px;
aspect-ratio: v-bind(videoAspectRatio);
aspect-ratio: v-bind(videoAspectRatio); /* stylelint-disable-line value-keyword-case */
}
.tp-video-cover {
@@ -119,7 +119,7 @@ onUnmounted(() => {
align-items: center;
padding: 2px 5px;
border-radius: 5px;
background: rgb(0 0 0/50%);
background: #00000080;
color: var(--tgc-white-4);
font-family: var(--font-title);
font-size: 12px;
@@ -136,7 +136,7 @@ onUnmounted(() => {
justify-content: center;
padding: 5px;
border-radius: 5px;
background: rgb(0 0 0 / 50%);
background: #00000080;
color: var(--tgc-white-1);
font-family: var(--font-title);
font-size: 12px;
@@ -150,7 +150,7 @@ onUnmounted(() => {
align-items: center;
padding: 2px 5px;
border-radius: 5px;
background: rgb(0 0 0/50%);
background: #00000080;
color: var(--tgc-white-4);
font-family: var(--font-title);
font-size: 12px;

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

@@ -139,14 +139,14 @@ onUnmounted(() => {
position: relative;
max-width: 100%;
margin: 10px auto;
aspect-ratio: v-bind(vodAspectRatio);
aspect-ratio: v-bind(vodAspectRatio); /* stylelint-disable-line value-keyword-case */
}
.tp-vod-container {
overflow: hidden;
max-width: 100%;
border-radius: 10px;
aspect-ratio: v-bind(vodAspectRatio);
aspect-ratio: v-bind(vodAspectRatio); /* stylelint-disable-line value-keyword-case */
}
.tp-vod-share {
@@ -160,7 +160,7 @@ onUnmounted(() => {
align-items: center;
justify-content: center;
border-radius: 10px;
aspect-ratio: v-bind(vodAspectRatio);
aspect-ratio: v-bind(vodAspectRatio); /* stylelint-disable-line value-keyword-case */
}
.tp-vod-cover {
@@ -187,7 +187,7 @@ onUnmounted(() => {
align-items: center;
padding: 2px 5px;
border-radius: 5px;
background: rgb(0 0 0/50%);
background: #00000080;
color: var(--tgc-white-4);
font-family: var(--font-title);
font-size: 12px;
@@ -202,7 +202,7 @@ onUnmounted(() => {
align-items: center;
padding: 2px 5px;
border-radius: 5px;
background: rgb(0 0 0/50%);
background: #00000080;
color: var(--tgc-white-4);
font-family: var(--font-title);
font-size: 12px;

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

@@ -207,8 +207,8 @@ async function handleDebug(): Promise<void> {
.tpr-main-filter {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
flex-direction: column;
align-items: flex-start;
justify-content: center;
color: var(--app-page-content);
@@ -217,9 +217,9 @@ async function handleDebug(): Promise<void> {
.tpr-title {
position: relative;
display: flex;
width: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
@@ -242,8 +242,8 @@ async function handleDebug(): Promise<void> {
}
.tpr-subtitle {
width: 100%;
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
}
@@ -259,8 +259,8 @@ async function handleDebug(): Promise<void> {
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 18px;
font-family: var(--font-title);
font-size: 18px;
}
.tpr-reply-list {

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

@@ -102,10 +102,10 @@ async function loadMore(refresh: boolean = false): Promise<void> {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
color: var(--common-text-title);
font-family: var(--font-title);
font-size: 20px;
gap: 4px;
img {
width: 32px;

6
src/components/viewPost/vp-overlay-image.vue
View File

@@ -136,7 +136,7 @@ async function onDownload(): Promise<void> {
max-width: 100%;
max-height: 100%;
border-radius: 4px;
background: v-bind(bgColor);
background: v-bind(bgColor); /* stylelint-disable-line value-keyword-case */
object-fit: contain;
}
}
@@ -149,7 +149,7 @@ async function onDownload(): Promise<void> {
cursor: zoom-out;
img {
background: v-bind(bgColor);
background: v-bind(bgColor); /* stylelint-disable-line value-keyword-case */
}
}
@@ -166,7 +166,7 @@ async function onDownload(): Promise<void> {
border: 1px solid var(--tgc-od-white);
border-radius: 4px;
background-color: var(--common-shadow-2);
color: #ffffff;
color: #ffffffff;
}
.tpoi-info-item {

12
src/components/viewPost/vp-overlay-user.vue
View File

@@ -138,29 +138,29 @@ async function loadPosts(): Promise<void> {
.vp-ou-user {
position: relative;
display: flex;
max-width: 100%;
flex-direction: column;
align-items: flex-start;
justify-content: center;
row-gap: 4px;
max-width: 100%;
}
.vp-ouu-info {
position: relative;
display: flex;
max-width: 100%;
align-items: center;
justify-content: center;
max-width: 100%;
.left {
position: relative;
display: flex;
width: 50px;
height: 50px;
box-sizing: border-box;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
.avatar {
position: relative;
@@ -230,7 +230,7 @@ async function loadPosts(): Promise<void> {
justify-content: center;
padding: 0 2px;
border-radius: 2px;
background: v-bind(levelColor);
background: v-bind(levelColor); /* stylelint-disable-line value-keyword-case */
color: var(--tgc-white-1);
font-size: 12px;
}
@@ -271,9 +271,9 @@ async function loadPosts(): Promise<void> {
display: flex;
align-items: center;
justify-content: center;
color: var(--box-text-4);
column-gap: 8px;
font-size: 12px;
color: var(--box-text-4);
opacity: 0.6;
}

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

@@ -216,7 +216,7 @@ async function handleUser(): Promise<void> {
await emit("userMention", uid);
}
</script>
<style lang="css" scoped>
<style lang="scss" scoped>
.tpr-reply-box {
position: relative;
display: flex;
@@ -308,7 +308,7 @@ async function handleUser(): Promise<void> {
justify-content: center;
padding: 0 2px;
border-radius: 2px;
background: v-bind(levelColor);
background: v-bind(levelColor); /* stylelint-disable-line value-keyword-case */
color: var(--tgc-white-1);
font-size: 12px;
}
@@ -416,8 +416,8 @@ async function handleUser(): Promise<void> {
opacity: 0.3;
:last-child {
color: #00c3ff;
text-decoration: underline solid #00c3ff;
color: #00c3ffff;
text-decoration: underline solid #00c3ffff;
text-underline-position: under;
}
}