txai-dev/zhiyin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: unify contact button styles, dynamic version from git tag, enrich AI positions & homepage UX

Browse Source
This commit is contained in:
yuzhiran
2026-06-21 09:16:31 +08:00
parent 1d1c4ab590
commit b8667395ac
4 changed files with 98 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
zhiyin-app/src/pages/user/user.vue
+9 -8
View File
@@ -98,11 +98,13 @@
</view>
<view class="menu-group">
<!-- #ifdef MP-WEIXIN -->
<button class="menu-item contact-btn" open-type="contact">
<view class="menu-icon-wrap wrap-gray"><text class="menu-icon">💬</text></view>
<text class="menu-text">联系客服</text>
<text class="menu-arrow">›</text>
</button>
<view class="menu-item">
<button class="contact-btn-inner" open-type="contact">
<view class="menu-icon-wrap wrap-gray"><text class="menu-icon">💬</text></view>
<text class="menu-text">联系客服</text>
<text class="menu-arrow">›</text>
</button>
</view>
<!-- #endif -->
<view class="menu-item" @click="goAbout">
<view class="menu-icon-wrap wrap-gray"><text class="menu-icon">ℹ️</text></view>
@@ -329,9 +331,8 @@ const doLogout = () => {
.menu-area { padding: 0 32rpx 32rpx; margin-top: 8rpx; }
.menu-group { background: #FFFFFF; border-radius: var(--radius-lg); overflow: hidden; margin-bottom: 24rpx; box-shadow: var(--shadow-sm); }
.menu-item { display: flex; align-items: center; padding: 28rpx 32rpx; border-bottom: 1rpx solid var(--color-border); }
.contact-btn { width: 100%; background: transparent; border: none; border-radius: 0; padding: 0; margin: 0; line-height: inherit; font-size: inherit; text-align: left; }
.contact-btn::after { border: none; }
.contact-btn:active { background: #F9FAFB; }
.contact-btn-inner { width: 100%; background: transparent; border: none; border-radius: 0; padding: 0; margin: 0; line-height: inherit; font-size: inherit; text-align: left; display: flex; align-items: center; min-height: auto; }
.contact-btn-inner::after { border: none; }
.menu-item:last-child { border-bottom: none; }
.menu-item:active { background: #F9FAFB; }
.menu-icon-wrap { width: 60rpx; height: 60rpx; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; margin-right: 20rpx; flex-shrink: 0; }