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

fix(css): 采用 deep，另一个我再考虑要不要分别解析

Browse Source
This commit is contained in:
BTMuli
2023-04-02 18:45:48 +08:00
parent c713a28d5b
commit 54b4d8efdb
2 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/assets/css/post-parser.css
View File

@@ -9,53 +9,53 @@
font-family: "Genshin-Light", serif;
}
.mys-post-div {
:deep(.mys-post-div) {
margin: 20px auto;
}
.mys-post-span {
:deep(.mys-post-span) {
line-height: 2;
}
.mys-post-link {
:deep(.mys-post-link) {
color: #00c3ff;
text-decoration: none;
}
.mys-post-details {
:deep(.mys-post-details) {
border: #35acce 2px solid;
padding: 10px;
border-radius: 10px;
}
.mys-post-details ::marker {
:deep(.mys-post-details) ::marker {
color: #35acce;
content: "✧";
}
.mys-post-divider {
:deep(.mys-post-divider) {
margin: 20px auto;
}
.mys-post-divider img {
:deep(.mys-post-divider) img {
width: 800px;
height: auto;
}
.mys-post-img {
:deep(.mys-post-img) {
max-width: 100%;
width: 800px;
height: auto;
border-radius: 10px;
}
.mys-post-vod {
:deep(.mys-post-vod) {
width: 800px;
height: 450px;
border-radius: 10px;
}
.mys-post-iframe {
:deep(.mys-post-iframe) {
width: 800px;
height: 450px;
overflow: hidden;
@@ -63,7 +63,7 @@
border-radius: 10px;
}
.mys-post-link-card {
:deep(.mys-post-link-card) {
width: 800px;
height: 200px;
padding: 10px;
@@ -72,7 +72,7 @@
background: #faf7e8;
}
.mys-post-unknown {
:deep(.mys-post-unknown) {
width: 800px;
background: #5b738f;
color: #faf7e8;
@@ -83,40 +83,40 @@
border: 2px solid #485466;
}
.mys-post-link-card-cover {
:deep(.mys-post-link-card-cover) {
width: auto;
height: 180px;
border-radius: 10px;
}
.mys-post-link-card-cover img {
:deep(.mys-post-link-card-cover) img {
max-width: 320px;
width: auto;
height: 180px;
border-radius: 10px;
}
.mys-post-link-card-content {
:deep(.mys-post-link-card-content) {
width: 100%;
padding-left: 20px;
height: 180px;
}
.mys-post-link-card-title {
:deep(.mys-post-link-card-title) {
font-size: 20px;
font-family: Genshin, serif;
color: #546d8b;
height: 150px;
}
.mys-post-link-card-price {
:deep(.mys-post-link-card-price) {
font-size: 20px;
font-weight: bold;
color: #ff6d6d;
display: inline-block;
}
.mys-post-link-card-btn {
:deep(.mys-post-link-card-btn) {
display: inline-block;
float: right;
color: #00c3ff;

2
src/views/t-post.vue
View File

@@ -44,4 +44,4 @@ onMounted(async () => {
}, 200);
});
</script>
<style lang="css" src="../assets/css/post-parser.css" scoped />
<style lang="css" scoped src="../assets/css/post-parser.css"></style>