root
/
agri-app
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

首页初步提交

feasure
lld 2026-02-12 01:18:05 +08:00
parent 9353c6442f
commit af58a8dd29
1 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
pages/index.vue
View File

@ -133,15 +133,17 @@ page {
box-sizing: border-box; box-sizing: border-box;
} }
.page-container { .page-container {
background-color: #f8f8f8;
padding: 20rpx; padding: 20rpx;
box-sizing: border-box; box-sizing: border-box;
background: radial-gradient(circle at top left, #E8F4F8 40%, #F8FCFE 100%);
} }
.list-scroll { .list-scroll {
background-color: #fff; /* 把背景色改为透明，才能透出背景渐变 */
background-color: transparent;
border-radius: 8rpx; border-radius: 8rpx;
overflow: hidden; overflow: hidden;
margin-top: 10rpx;
/* 新增：H5端避免滚动条样式不一致 */ /* 新增：H5端避免滚动条样式不一致 */
scrollbar-width: thin; scrollbar-width: thin;
} }
@ -156,12 +158,16 @@ page {
.list-item { .list-item {
padding: 12rpx 24rpx; padding: 12rpx 24rpx;
border-bottom: 20rpx solid #f7f7f7; /* 移除border-bottom，改为margin-top，并且把列表项背景设为半透明白色 */
margin-bottom: 20rpx;
background-color: rgba(255, 255, 255, 0.85);
border-radius: 12rpx;
/* 新增：点击态样式，双端统一 */ /* 新增：点击态样式，双端统一 */
transition: background-color 0.2s; transition: all 0.2s ease;
} }
.list-item:active { .list-item:active {
background-color: #f5f5f5; background-color: rgba(255, 255, 255, 0.95);
transform: scale(0.98);
} }
.item-title { .item-title {
@ -214,6 +220,9 @@ page {
color: #999; color: #999;
font-size: 26rpx; font-size: 26rpx;
gap: 10rpx; gap: 10rpx;
margin-top: 20rpx;
background-color: rgba(255, 255, 255, 0.85);
border-radius: 12rpx;
} }
.no-more { .no-more {
@ -228,5 +237,8 @@ page {
font-size: 26rpx; font-size: 26rpx;
/* 可选：增加上下内边距，视觉更舒适 */ /* 可选：增加上下内边距，视觉更舒适 */
padding: 30rpx 0; padding: 30rpx 0;
margin-top: 20rpx;
background-color: rgba(255, 255, 255, 0.85);
border-radius: 12rpx;
} }
</style> </style>