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

重构小程序图标组件，替换传统 emoji 为 SVG 图标，提升视觉一致性和可维护性。更新多个页面以使用新图标组件，优化用户界面体验。同时，调整了数据加载逻辑，确保更高效的状态管理和用户交互。

Browse Source
This commit is contained in:
Alex-larget
2026-03-18 16:00:57 +08:00
parent 46f94a9c81
commit c55e54efbd
62 changed files with 2033 additions and 1270 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
miniprogram/pages/match/match.wxml
View File

@@ -41,7 +41,7 @@
<text class="sphere-desc">¥1 = 1次匹配</text>
</block>
<block wx:else>
<text class="sphere-icon">👥</text>
<icon name="users" size="64" color="#00CED1" customClass="sphere-icon"></icon>
<text class="sphere-title">开始匹配</text>
<text class="sphere-desc">匹配{{currentTypeLabel}}</text>
</block>
@@ -68,7 +68,7 @@
bindtap="selectType"
data-type="{{item.id}}"
>
<text class="type-icon">{{item.icon}}</text>
<icon name="{{item.icon}}" size="48" color="{{selectedType === item.id ? '#00CED1' : '#8e8e93'}}" customClass="type-icon"></icon>
<text class="type-label {{selectedType === item.id ? 'text-brand' : ''}}">{{item.label}}</text>
</view>
</view>
@@ -86,14 +86,14 @@
<!-- 内层球体 -->
<view class="matching-core">
<view class="matching-core-inner">
<text class="matching-icon-v2">🔍</text>
<icon name="search" size="48" color="#00CED1" customClass="matching-icon-v2"></icon>
</view>
</view>
<!-- 粒子效果 -->
<view class="particle particle-1">✨</view>
<view class="particle particle-2">💫</view>
<view class="particle particle-3">⭐</view>
<view class="particle particle-4">🌟</view>
<view class="particle particle-1"><icon name="sparkles" size="24" color="#FFD700"></icon></view>
<view class="particle particle-2"><icon name="sparkles" size="20" color="#00CED1"></icon></view>
<view class="particle particle-3"><icon name="star" size="22" color="#FFD700"></icon></view>
<view class="particle particle-4"><icon name="star" size="18" color="#00CED1"></icon></view>
<!-- 扩散波纹 -->
<view class="ripple-v2 ripple-v2-1"></view>
<view class="ripple-v2 ripple-v2-2"></view>
@@ -115,7 +115,7 @@
<view class="matched-state">
<!-- 成功动画 -->
<view class="success-icon-wrapper">
<text class="success-icon">✨</text>
<icon name="sparkles" size="64" color="#FFD700" customClass="success-icon"></icon>
</view>
<!-- 用户卡片 -->
@@ -139,7 +139,7 @@
<text class="section-title">共同兴趣</text>
<view class="interest-list">
<view class="interest-item" wx:for="{{currentMatch.commonInterests}}" wx:key="text">
<text class="interest-icon">{{item.icon}}</text>
<icon name="{{item.icon}}" size="28" color="#00CED1" customClass="interest-icon"></icon>
<text class="interest-text">{{item.text}}</text>
</view>
</view>
@@ -167,7 +167,7 @@
<!-- 成功状态 -->
<block wx:if="{{joinSuccess}}">
<view class="join-success-new">
<view class="success-icon-big">✅</view>
<view class="success-icon-big"><icon name="check" size="80" color="#34C759"></icon></view>
<text class="success-title-new">提交成功</text>
<text class="success-desc-new">工作人员将在24小时内与您联系</text>
</view>
@@ -178,7 +178,7 @@
<!-- 头部 -->
<view class="join-header">
<view class="join-icon-wrap">
<text class="join-icon">{{joinType === 'investor' ? '👥' : joinType === 'mentor' ? '❤️' : '🎮'}}</text>
<icon name="{{joinType === 'investor' ? 'users' : joinType === 'mentor' ? 'heart' : 'gamepad'}}" size="64" color="#00CED1" customClass="join-icon"></icon>
</view>
<text class="join-title">{{joinTypeLabel}}</text>
<text class="join-subtitle" wx:if="{{needBindFirst}}">请先绑定联系方式</text>
@@ -193,7 +193,7 @@
bindtap="switchContactType"
data-type="phone"
>
<text class="switch-icon">📱</text>
<icon name="smartphone" size="36" color="#00CED1" customClass="switch-icon"></icon>
<text>手机号</text>
</view>
<view
@@ -201,7 +201,7 @@
bindtap="switchContactType"
data-type="wechat"
>
<text class="switch-icon">💬</text>
<icon name="message-circle" size="36" color="#00CED1" customClass="switch-icon"></icon>
<text>微信号</text>
</view>
</view>
@@ -278,14 +278,14 @@
<view class="form-input-wrap">
<text class="form-label">手机号</text>
<view class="form-input-inner">
<text class="form-icon">📱</text>
<icon name="smartphone" size="36" color="#8e8e93" customClass="form-icon"></icon>
<input class="form-input" type="tel" placeholder="请输入您的手机号" value="{{contactPhone}}" bindinput="onContactPhoneInput"/>
</view>
</view>
<view class="form-input-wrap">
<text class="form-label">微信号</text>
<view class="form-input-inner">
<text class="form-icon">💬</text>
<icon name="message-circle" size="36" color="#8e8e93" customClass="form-icon"></icon>
<input class="form-input" type="text" placeholder="请输入您的微信号" value="{{contactWechat}}" bindinput="onContactWechatInput"/>
</view>
</view>