Ethanfly
d07ebb735a
- Change VITE_API_URL in .env from localhost:3000 to localhost:3001 for backend access. - Update index.html to replace favicon with logo.png and ensure proper HTML structure. - Add new dependencies for WangEditor in package.json and package-lock.json to support rich text editing features.
123 lines
1.7 KiB
Plaintext
123 lines
1.7 KiB
Plaintext
.page {
|
|
min-height: 100vh;
|
|
background: #f7f8fa;
|
|
padding: 24rpx 24rpx 40rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.header {
|
|
margin-bottom: 24rpx;
|
|
}
|
|
|
|
.title {
|
|
font-size: 32rpx;
|
|
font-weight: 600;
|
|
color: #111827;
|
|
}
|
|
|
|
.subtitle {
|
|
margin-top: 8rpx;
|
|
font-size: 24rpx;
|
|
color: #6b7280;
|
|
}
|
|
|
|
.loading,
|
|
.empty {
|
|
margin-top: 120rpx;
|
|
text-align: center;
|
|
color: #9ca3af;
|
|
font-size: 26rpx;
|
|
}
|
|
|
|
.empty-title {
|
|
font-size: 28rpx;
|
|
color: #4b5563;
|
|
}
|
|
|
|
.empty-subtitle {
|
|
margin-top: 8rpx;
|
|
font-size: 24rpx;
|
|
color: #9ca3af;
|
|
}
|
|
|
|
.list-scroll {
|
|
max-height: calc(100vh - 140rpx);
|
|
}
|
|
|
|
.article-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16rpx;
|
|
}
|
|
|
|
.article-item {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 20rpx 24rpx;
|
|
border-radius: 18rpx;
|
|
background: #ffffff;
|
|
box-shadow: 0 6rpx 16rpx rgba(15, 23, 42, 0.04);
|
|
}
|
|
|
|
.article-main {
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|
|
|
|
.article-title {
|
|
font-size: 28rpx;
|
|
color: #111827;
|
|
font-weight: 600;
|
|
margin-bottom: 8rpx;
|
|
}
|
|
|
|
.article-title-row {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 16rpx;
|
|
}
|
|
|
|
.article-top-badge {
|
|
padding: 4rpx 14rpx;
|
|
border-radius: 999rpx;
|
|
font-size: 20rpx;
|
|
color: #f97316;
|
|
background: rgba(249, 115, 22, 0.1);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.article-meta {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12rpx;
|
|
margin-bottom: 6rpx;
|
|
}
|
|
|
|
.article-category {
|
|
padding: 4rpx 12rpx;
|
|
border-radius: 999rpx;
|
|
font-size: 20rpx;
|
|
color: #2563eb;
|
|
background: rgba(37, 99, 235, 0.06);
|
|
}
|
|
|
|
.article-time {
|
|
font-size: 22rpx;
|
|
color: #9ca3af;
|
|
}
|
|
|
|
.article-summary {
|
|
font-size: 24rpx;
|
|
color: #6b7280;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.article-arrow {
|
|
margin-left: 16rpx;
|
|
font-size: 40rpx;
|
|
color: #d1d5db;
|
|
}
|
|
|