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