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="anthor" content="srcrs">
<!-- <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 >>
<link rel="stylesheet" href="static/dark-mode.css">
<!-- <link rel="stylesheet" href="static/dark-mode.css">-->
<< end >>
<link rel="icon" href="static/favicon.svg" type="image/x-icon">
<style>
@ -24,11 +24,18 @@
}
.card-header {
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
font-size: 15px;
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 {
@ -40,31 +47,31 @@
.list-item-title {
display: flex;
/* white-space: nowrap;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; */
text-overflow: ellipsis;
flex-grow: 1;
text-align: left;
width: 100%;
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 {
color: black;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.feed-col {
margin-bottom: 20px;
}
.time {
font-size: 12px;
color: #999;
}
</style>
</head>
@ -89,7 +96,7 @@
<< $feed.Title >>
</span>
</div>
<el-scrollbar style="height: 300px;">
<el-scrollbar style="height: 580px;">
<< range $i, $item :=$feed.Items >>
<el-list key="<< $i >>">
<el-list-item>
@ -118,7 +125,7 @@
<div slot="header" class="card-header">
<span>{{ feed.title }}</span>
</div>
<el-scrollbar style="height: 300px;">
<el-scrollbar style="height: 580px;">
<el-list v-for="(item, i) in feed.items" :key="i">
<el-list-item>
<div class="list-item-title">
@ -128,9 +135,9 @@
</el-list-item>
</el-list>
</el-scrollbar>
<div slot="footer" class="card-footer" style="height: 10px;">
<time class="time">{{ feed.custom.lastupdate }}</time>
</div>
<!-- <div slot="footer" class="card-footer" style="height: 10px;">-->
<!-- <time class="time">{{ feed.custom.lastupdate }}</time>-->
<!-- </div>-->
</el-card>
</el-col>
</el-row>