haha/sbnews
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: align community locked card gradient

Browse Source
This commit is contained in:
hajimi
2026-08-02 12:38:34 +08:00
parent 35483f0ccf
commit 9b908ae396
2 changed files with 174 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
uniapp/src/packages_community/components/post-card.vue
+30 -8
View File
@@ -338,27 +338,49 @@ const formatCount = (value: any) => {
}
&__unlock {
min-height: 180rpx;
display: flex;
align-items: center;
flex-direction: column;
align-items: stretch;
justify-content: space-between;
gap: 18rpx;
gap: 20rpx;
margin-top: 20rpx;
padding: 20rpx 22rpx;
padding: 24rpx 26rpx 18rpx;
overflow: hidden;
border-radius: 16rpx;
background: linear-gradient(108deg, #f1f6ff, #f9fbff);
background: linear-gradient(
180deg,
rgba(205, 218, 232, 0.96) 0%,
rgba(228, 236, 244, 0.86) 52%,
rgba(255, 255, 255, 0.98) 100%
);
box-sizing: border-box;
}
&__unlock-title { display: block; color: #1e4b9c; font-size: 27rpx; font-weight: 700; }
&__unlock-desc { display: block; margin-top: 5rpx; color: #7283a0; font-size: 22rpx; }
&__unlock-title {
display: block;
color: #31445f;
font-size: 27rpx;
font-weight: 700;
}
&__unlock-desc {
display: block;
margin-top: 6rpx;
color: #718098;
font-size: 22rpx;
}
&__unlock-btn {
min-width: 142rpx;
height: 56rpx;
width: 320rpx;
height: 64rpx;
align-self: center;
display: flex;
align-items: center;
justify-content: center;
border: 2rpx solid #1468f5;
border-radius: 999rpx;
background: rgba(255, 255, 255, 0.72);
color: #1468f5;
font-size: 24rpx;
font-weight: 600;