zzc/spring-festival-greetings
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: index page

Browse Source
This commit is contained in:
zzc
2026-02-24 15:35:55 +08:00
parent 6c23726e09
commit 5944f8d011
1 changed files with 24 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
pages/index/index.vue
View File

@@ -114,7 +114,6 @@
<text class="feature-desc">限定 · 如意边框</text> <text class="feature-desc">限定 · 如意边框</text>
</view> </view>
</view> </view>
<uni-icons type="right" size="14" color="#ccc" />
</view> </view>
<view class="feature-item" @tap="navTo('/pages/wallpaper/index')"> <view class="feature-item" @tap="navTo('/pages/wallpaper/index')">
<view class="left-content"> <view class="left-content">
@@ -130,7 +129,6 @@
<text class="feature-desc">高清 · 福气盈门</text> <text class="feature-desc">高清 · 福气盈门</text>
</view> </view>
</view> </view>
<uni-icons type="right" size="14" color="#ccc" />
</view> </view>
</view> </view>
</view> </view>
@@ -599,30 +597,35 @@ onShareTimeline(() => {
.feature-row { .feature-row {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
gap: 20rpx; flex-wrap: wrap;
justify-content: space-between;
.feature-item { .feature-item {
width: 48%;
background: #fff; background: #fff;
border-radius: 24rpx; border-radius: 24rpx;
padding: 24rpx 32rpx; padding: 20rpx;
display: flex; display: flex;
justify-content: space-between;
align-items: center; align-items: center;
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.03); box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.03);
box-sizing: border-box;
margin-bottom: 20rpx;
.left-content { .left-content {
display: flex; display: flex;
align-items: center; align-items: center;
width: 100%;
.icon-wrap { .icon-wrap {
width: 72rpx; width: 64rpx;
height: 72rpx; height: 64rpx;
border-radius: 16rpx; border-radius: 16rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-right: 24rpx; margin-right: 16rpx;
flex-shrink: 0;
&.yellow-bg { &.yellow-bg {
background: #fff8e1; background: #fff8e1;
@@ -632,25 +635,32 @@ onShareTimeline(() => {
} }
.feature-icon { .feature-icon {
width: 40rpx; width: 36rpx;
height: 40rpx; height: 36rpx;
} }
} }
.text-content { .text-content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden;
.feature-name { .feature-name {
font-size: 28rpx; font-size: 26rpx;
font-weight: bold; font-weight: bold;
color: #333; color: #333;
margin-bottom: 4rpx; margin-bottom: 2rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
.feature-desc { .feature-desc {
font-size: 22rpx; font-size: 20rpx;
color: #999; color: #999;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
} }
} }