feat(fe): 新增 seg-tabs 与 stat-ring 组件

seg-tabs 合并三套长得像但尺寸各不同的横向切换：plan 的 .inline-tabs （灰槽白块）、community 的 .feed-tab（白药丸+阴影）、record 的 .rf-chip （白药丸无阴影，高度还差 10rpx）。variant="solid|pill" 二选一，items 同时支持字符串数组和 {key,label} 数组。 stat-ring 是首页门面用的完成度环。用 SVG data-uri 画，和 record 页的体重折线图同一套路——canvas 在 scroll-view 里的层级、滚动跟随和截图行为全是坑。中心内容走 slot。 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-07-29 10:36:35 +08:00
parent 91caac1b92
commit 15ff59e6db
9 changed files with 170 additions and 0 deletions
@@ -0,0 +1,9 @@
+<scroll-view wx:if="{{variant === 'pill'}}" class="st st-pill" scroll-x="{{true}}" enhanced="{{true}}" show-scrollbar="{{false}}">
+  <view wx:for="{{list}}" wx:key="key" class="st-item {{item.active ? 'on' : ''}}"
+        data-index="{{index}}" data-key="{{item.key}}" bindtap="onTap">{{item.label}}</view>
+</scroll-view>
+
+<view wx:else class="st st-solid">
+  <view wx:for="{{list}}" wx:key="key" class="st-item {{item.active ? 'on' : ''}}"
+        data-index="{{index}}" data-key="{{item.key}}" bindtap="onTap">{{item.label}}</view>
+</view>