style: 按毛玻璃设计稿重做广场/附近/发布/汪友/我的五大页面视觉

参照 wangquan_glass_redesign_mockup.html 的玻璃拟态(glassmorphism)设计语言重写前端展示样式:
- app.wxss: 引入 coral/tangerine/lemon/mint/sky/lilac 色板与 .glass/.glass-strong/.sticker-tag 毛玻璃工具类,背景改为纯白
- custom-tab-bar: 改为悬浮玻璃浮岛(.tab-dock),含液态光泽动画与渐变发布按钮(FAB)
- feed: 故事条改为方形圆角描边+conic渐变,顶部操作按钮、骨架屏改为玻璃质感
- post-card 组件: 卡片/贴纸标签/操作按钮全面玻璃化,点赞按钮改为渐变高亮
- nearby: 地图控件、宠物弹窗、列表项、预览条统一为毛玻璃卡片
- post: 上传区/输入框/标签pill/心情选择器改为玻璃质感+渐变选中态
- friends: 空态与好友列表项改为玻璃卡片
- profile: 用户信息区改为带渐变光斑的玻璃英雄卡,统计/宠物卡/动态网格同步玻璃化

未改动页面结构(WXML)与业务逻辑(TS),仅升级视觉样式(WXSS),保持程序可运行。
This commit is contained in:
2026-06-08 11:36:38 +08:00
parent b02e26f602
commit 2c3c2653fa
10 changed files with 697 additions and 399 deletions

View File

@@ -1,7 +1,8 @@
<view class="tab-bar">
<view class="tab-dock">
<view class="dock-sheen"></view>
<!-- 广场 -->
<view class="tab-item {{selected === 0 ? 'active' : ''}}" bindtap="onTab" data-index="0" data-path="/pages/feed/feed">
<view class="tab-pill {{selected === 0 ? 'active' : ''}}" bindtap="onTab" data-index="0" data-path="/pages/feed/feed">
<view class="icon-wrap">
<view class="icon-grid">
<view class="sq"></view><view class="sq"></view>
@@ -12,7 +13,7 @@
</view>
<!-- 附近 -->
<view class="tab-item {{selected === 1 ? 'active' : ''}}" bindtap="onTab" data-index="1" data-path="/pages/nearby/nearby">
<view class="tab-pill {{selected === 1 ? 'active' : ''}}" bindtap="onTab" data-index="1" data-path="/pages/nearby/nearby">
<view class="icon-wrap">
<view class="icon-pin">
<view class="pin-head"></view>
@@ -25,12 +26,13 @@
<!-- 发布 FAB -->
<view class="tab-fab-wrap">
<view class="tab-fab" bindtap="onPost">
<view class="fab-shine"></view>
<text class="fab-plus"></text>
</view>
</view>
<!-- 汪友 -->
<view class="tab-item {{selected === 2 ? 'active' : ''}}" bindtap="onTab" data-index="2" data-path="/pages/friends/friends">
<view class="tab-pill {{selected === 2 ? 'active' : ''}}" bindtap="onTab" data-index="2" data-path="/pages/friends/friends">
<view class="icon-wrap" style="position:relative">
<view class="icon-ppl">
<view class="ppl-head ppl-head-l"></view>
@@ -43,7 +45,7 @@
</view>
<!-- 我的 -->
<view class="tab-item {{selected === 3 ? 'active' : ''}}" bindtap="onTab" data-index="3" data-path="/pages/profile/profile">
<view class="tab-pill {{selected === 3 ? 'active' : ''}}" bindtap="onTab" data-index="3" data-path="/pages/profile/profile">
<view class="icon-wrap">
<view class="icon-user">
<view class="user-head"></view>