fnvtk/soul-yongping
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新输入框边距规范，增加资源对接弹窗的布局修正，确保在小程序开发中避免文字贴边问题。补充相关口诀以提升开发一致性，并在经验清单中记录最新最佳实践。调整项目索引以反映最新进展，增强文档的可用性与可追溯性。

Browse Source
This commit is contained in:
Alex-larget
2026-03-03 11:12:56 +08:00
parent 8e2ea9b7c1
commit 3097d796e0
18 changed files with 220 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
miniprogram/pages/vip/vip.wxml
View File

@@ -48,11 +48,11 @@
</view>
</view>
</view>
<!-- 底部固定购买按钮（非 VIP 时显示） -->
<!-- 底部固定购买按钮（非 VIP 时显示，用 view 避让 button 默认 margin） -->
<view class="buy-footer" wx:if="{{!isVip}}">
<button class="buy-btn-fixed" bindtap="handlePurchase" disabled="{{purchasing}}">
<view class="buy-btn-fixed {{purchasing ? 'buy-btn-disabled' : ''}}" bindtap="handlePurchase">
{{purchasing ? "处理中..." : "¥" + price + "/年 加入创业派对"}}
</button>
</view>
</view>
<view class="bottom-spacer" wx:if="{{!isVip}}"></view>
<!-- VIP资料填写（仅VIP可见） -->

16
miniprogram/pages/vip/vip.wxss
View File

@@ -28,11 +28,17 @@
.benefit-title { font-size: 26rpx; font-weight: bold; color: #fff; }
.benefit-desc { font-size: 20rpx; color: rgba(255,255,255,0.5); margin-top: 8rpx; line-height: 1.4; }
/* 底部固定购买按钮 - 设计稿 */
.buy-footer { position: fixed; bottom: 0; left: 0; right: 0; padding: 24rpx 32rpx; padding-bottom: calc(24rpx + env(safe-area-inset-bottom)); background: rgba(0,0,0,0.95); border-top: 1rpx solid rgba(255,255,255,0.05); z-index: 50; }
.buy-btn-fixed { width: 100%; height: 96rpx; padding: 0; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #FFD700, #FFB000); color: #000; font-size: 32rpx; font-weight: bold; border-radius: 48rpx; border: none; box-shadow: 0 8rpx 32rpx rgba(255,188,46,0.2); }
.buy-btn-fixed::after { border: none; }
.buy-btn-fixed[disabled] { opacity: 0.6; }
/* 底部固定购买按钮 - 宽度拉满屏幕（用 view 替代 button 避让默认 margin） */
.buy-footer { position: fixed; bottom: 0; left: 0; right: 0; padding: 24rpx 20rpx; padding-bottom: calc(24rpx + env(safe-area-inset-bottom)); background: rgba(0,0,0,0.95); border-top: 1rpx solid rgba(255,255,255,0.05); z-index: 50; box-sizing: border-box; }
.buy-btn-fixed {
width: 100%;
height: 96rpx;
display: flex; align-items: center; justify-content: center;
background: linear-gradient(135deg, #FFD700, #FFB000); color: #000;
font-size: 32rpx; font-weight: bold; border-radius: 48rpx;
box-shadow: 0 8rpx 32rpx rgba(255,188,46,0.2);
}
.buy-btn-disabled { opacity: 0.6; pointer-events: none; }
.bottom-spacer { height: 180rpx; }
.profile-card { margin: 24rpx; padding: 32rpx; background: rgba(255,255,255,0.04); border: 1rpx solid rgba(255,255,255,0.08); border-radius: 20rpx; }