rainerosion/rss-reader
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

new ui

Browse Source
This commit is contained in:
rainerosion 2024-06-03 22:34:18 +08:00
parent 129b3916ab
commit 3a4a22587a
2 changed files with 143 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

114
globals/static/index-1.html Normal file
View File

File diff suppressed because one or more lines are too long

51
globals/static/index.html
View File

@ -8,9 +8,9 @@
<meta name="keywords" content="<< .Keywords >>"> <meta name="keywords" content="<< .Keywords >>">
<meta name="anthor" content="srcrs"> <meta name="anthor" content="srcrs">
<!-- <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> --> <!-- <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> -->
<link rel="stylesheet" href="static/index.min.css"> <link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/element-ui/2.15.7/theme-chalk/index.css">
<< if .DarkMode >> << if .DarkMode >>
<link rel="stylesheet" href="static/dark-mode.css"> <!-- <link rel="stylesheet" href="static/dark-mode.css">-->
<< end >> << end >>
<link rel="icon" href="static/favicon.svg" type="image/x-icon"> <link rel="icon" href="static/favicon.svg" type="image/x-icon">
<style> <style>
@ -24,11 +24,18 @@
} }
.card-header { .card-header {
display: flex; font-size: 15px;
justify-content: center;
align-items: center;
font-size: 18px;
font-weight: bold; font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
margin-bottom: 10px;
background: linear-gradient(to bottom, #007f80, #007070);
color: white;
line-height: 2em;
border-radius: 6px;
padding: 0 0.5em;
} }
.list-item { .list-item {
@ -40,31 +47,31 @@
.list-item-title { .list-item-title {
display: flex; display: flex;
/* white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; */ text-overflow: ellipsis;
flex-grow: 1; flex-grow: 1;
text-align: left; text-align: left;
width: 100%; width: 100%;
margin-bottom: 10px; margin-bottom: 10px;
font-size: 15px;
align-items: center; /* 确保内容垂直居中 */
}
.title-link {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
} }
a { a {
color: black; color: black;
text-decoration: none; text-decoration: none;
} }
a:hover {
text-decoration: underline;
}
.feed-col { .feed-col {
margin-bottom: 20px; margin-bottom: 20px;
} }
.time {
font-size: 12px;
color: #999;
}
</style> </style>
</head> </head>
@ -89,7 +96,7 @@
<< $feed.Title >> << $feed.Title >>
</span> </span>
</div> </div>
<el-scrollbar style="height: 300px;"> <el-scrollbar style="height: 580px;">
<< range $i, $item :=$feed.Items >> << range $i, $item :=$feed.Items >>
<el-list key="<< $i >>"> <el-list key="<< $i >>">
<el-list-item> <el-list-item>
@ -118,7 +125,7 @@
<div slot="header" class="card-header"> <div slot="header" class="card-header">
<span>{{ feed.title }}</span> <span>{{ feed.title }}</span>
</div> </div>
<el-scrollbar style="height: 300px;"> <el-scrollbar style="height: 580px;">
<el-list v-for="(item, i) in feed.items" :key="i"> <el-list v-for="(item, i) in feed.items" :key="i">
<el-list-item> <el-list-item>
<div class="list-item-title"> <div class="list-item-title">
@ -128,9 +135,9 @@
</el-list-item> </el-list-item>
</el-list> </el-list>
</el-scrollbar> </el-scrollbar>
<div slot="footer" class="card-footer" style="height: 10px;"> <!-- <div slot="footer" class="card-footer" style="height: 10px;">-->
<time class="time">{{ feed.custom.lastupdate }}</time> <!-- <time class="time">{{ feed.custom.lastupdate }}</time>-->
</div> <!-- </div>-->
</el-card> </el-card>
</el-col> </el-col>
</el-row> </el-row>