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

fix(parser)：添加 divider 解析

Browse Source
This commit is contained in:
BTMuli
2023-03-30 21:43:58 +08:00
parent bc2dd5f10d
commit 643caa03bf
4 changed files with 161 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
src/assets/css/mys-parser.css Normal file
View File

@@ -0,0 +1,89 @@
/*
* @description 米游社解析 css
* @since Alpha v0.1.1
*/
.mys-post-body {
margin: 20px auto;
width: 800px;
font-family: "Genshin", serif;
}
.mys-post-div {
margin: 20px auto;
}
.mys-post-span {
line-height: 2;
}
.mys-post-link {
color: #00c3ff;
text-decoration: none;
}
.mys-post-divider {
margin: 20px auto;
}
.mys-post-divider img {
width: 800px;
height: auto;
}
.mys-post-img {
width: 800px;
height: auto;
border-radius: 10px;
}
.mys-post-vod {
width: 800px;
height: 450px;
}
.mys-post-link-card {
width: 800px;
height: 200px;
padding: 10px;
border-radius: 10px;
display: flex;
background: #e1e1e1;
}
.mys-post-link-card-cover {
width: 180px;
height: 180px;
border-radius: 10px;
}
.mys-post-link-card-cover img {
width: 180px;
height: 180px;
border-radius: 10px;
}
.mys-post-link-card-content {
width: 100%;
padding-left: 20px;
height: 180px;
}
.mys-post-link-card-title {
font-size: 20px;
color: black;
height: 150px;
}
.mys-post-link-card-price {
font-size: 20px;
color: #ff667f;
display: inline-block;
}
.mys-post-link-card-btn {
display: inline-block;
float: right;
color: #00c3ff;
margin-right: 20px;
text-decoration: none;
}

77
src/assets/index.css
View File

@@ -1,80 +1,5 @@
@import "fonts/index.css";
/*
* @description 米游社解析 css
* @since Alpha v0.1.1
*/
.mys-post-body {
margin: 20px auto;
width: 800px;
font-family: "Genshin", serif;
}
.mys-post-div {
margin: 20px auto;
}
.mys-post-span {
line-height: 2;
}
.mys-post-img {
width: 800px;
height: auto;
border-radius: 10px;
}
.mys-post-vod {
width: 800px;
height: 450px;
}
.mys-post-link-card {
width: 800px;
height: 200px;
padding: 10px;
border-radius: 10px;
display: flex;
background: #e1e1e1;
}
.mys-post-link-card-cover {
width: 180px;
height: 180px;
border-radius: 10px;
}
.mys-post-link-card-cover img {
width: 180px;
height: 180px;
border-radius: 10px;
}
.mys-post-link-card-content {
width: 100%;
padding-left: 20px;
height: 180px;
}
.mys-post-link-card-title {
font-size: 20px;
color: black;
height: 150px;
}
.mys-post-link-card-price {
font-size: 20px;
color: #ff667f;
display: inline-block;
}
.mys-post-link-card-btn {
display: inline-block;
float: right;
color: #00c3ff;
margin-right: 20px;
text-decoration: none;
}
@import "css/mys-parser.css";
/*
* @description 米游社解析 json