feat: add account profile, search, help and security features
1. add default avatar and multiple notification icons 2. update finance archive note and add form styles 3. add new pages: edit-profile, security, password, change-phone, search, help 4. refactor navigation action layout to support multiple actions 5. add search button to home page 6. add security code component and account service APIs 7. add help and search content services 8. update message notice to use svg icons 9. update asset section in finance assessment 10. update manifest appid and pack options
This commit is contained in:
+10
-6
@@ -4,8 +4,11 @@
|
||||
<view class="safe" :style="statusStyle(0)"></view>
|
||||
<view class="home-bar" :style="navigationStyle()">
|
||||
<view class="home-brand" :style="navigationBrandStyle(104)"><BrandLogo /></view>
|
||||
<view class="header-actions" :style="navigationActionStyle(104)">
|
||||
<view class="round-action notify" @click="go('/packages/account/messages/messages')">
|
||||
<view class="header-actions" :style="navigationActionStyle(104, 2)">
|
||||
<view class="round-action search-action" @click="go('/packages/content/search/search')">
|
||||
<view class="action-surface"><image class="header-icon" src="/static/icons/search.svg" mode="aspectFit" /></view>
|
||||
</view>
|
||||
<view class="round-action notify action-following" @click="go('/packages/account/messages/messages')">
|
||||
<view class="action-surface"><image class="header-icon" src="/static/icons/bell.svg" mode="aspectFit" /></view>
|
||||
<view v-if="hasUnread" class="red-dot"></view>
|
||||
</view>
|
||||
@@ -60,11 +63,12 @@
|
||||
.safe { }
|
||||
.home-bar { height: 104rpx; padding: 0 28rpx; flex-direction: row; align-items: center; justify-content: space-between; position: relative; }
|
||||
.home-brand { flex-shrink: 0; justify-content: center; }
|
||||
.header-actions { width: 62rpx; height: 62rpx; margin-left: 16rpx; flex-shrink: 0; }
|
||||
.round-action { width: 100%; height: 100%; position: relative; flex-shrink: 0; }
|
||||
.action-surface { width: 100%; height: 100%; border-radius: 50%; background-color: #eef5ff; align-items: center; justify-content: center; }
|
||||
.header-actions { width: 140rpx; height: 62rpx; margin-left: 16rpx; flex-shrink: 0; flex-direction: row; }
|
||||
.round-action { flex: 1; height: 100%; position: relative; }
|
||||
.action-following { margin-left: 16rpx; }
|
||||
.action-surface { width: 100%; height: 100%; align-items: center; justify-content: center; }
|
||||
.header-icon { width: 36rpx; height: 36rpx; flex-shrink: 0; }
|
||||
/* 红点与圆形背景同级,避免被跨端 view 的圆角裁切。 */
|
||||
/* 红点独立定位,不影响图标居中及点击区域。 */
|
||||
.red-dot { position: absolute; width: 16rpx; height: 16rpx; right: 2rpx; top: 2rpx; z-index: 1; background-color: #ff4d4f; border-radius: 50%; border: 2rpx solid #fff; }
|
||||
.home-scroll { }
|
||||
.home-content { padding: 18rpx 28rpx 180rpx; }
|
||||
|
||||
Reference in New Issue
Block a user