hujun
4a69357606
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
44 lines
3.6 KiB
Plaintext
44 lines
3.6 KiB
Plaintext
<template>
|
|
<view class="page" :style="pageStyle()"><AppHeader title="账户安全" />
|
|
<scroll-view scroll-y :style="contentStyle(96, false)"><view class="security-content" :style="bottomStyle(40)">
|
|
<view class="security-intro"><view class="shield-surface"><image class="shield-icon" src="/static/icons/shield.svg" mode="aspectFit" /></view><view class="intro-copy"><text class="intro-title">守护您的账户</text><text class="intro-desc">妥善保管密码与短信验证码</text></view></view>
|
|
<view class="security-list">
|
|
<view class="security-row" @click="go('password/password')"><view class="row-copy"><text class="row-title">修改登录密码</text><text class="row-desc">通过当前密码验证身份</text></view><AppIcon name="chevron-right" :size="28" /></view>
|
|
<view class="security-row" @click="go('password/password?mode=sms')"><view class="row-copy"><text class="row-title">验证码重设密码</text><text class="row-desc">忘记密码或尚未设置密码时使用</text></view><AppIcon name="chevron-right" :size="28" /></view>
|
|
<view class="security-row last-row" @click="go('change-phone/change-phone')"><view class="row-copy"><text class="row-title">绑定手机号</text><text class="row-desc">{{ maskPhone(phone) }}</text></view><text class="row-action">更换</text><AppIcon name="chevron-right" :size="28" /></view>
|
|
</view>
|
|
<view class="security-tips"><text class="tips-title">安全提醒</text><text class="tips-copy">请勿向他人提供密码或验证码。修改密码或换绑手机号成功后，需要重新登录。</text></view>
|
|
</view></scroll-view>
|
|
</view>
|
|
</template>
|
|
<script setup lang="uts">
|
|
import AppHeader from '@/components/AppHeader.uvue'
|
|
import AppIcon from '@/components/AppIcon.uvue'
|
|
import { usePageLayout } from '@/services/layout.uts'
|
|
import { getSession } from '@/services/api.uts'
|
|
import { getAccountProfile, maskPhone } from '@/packages/account/services/account.uts'
|
|
const { pageStyle, contentStyle, bottomStyle } = usePageLayout()
|
|
const phone = ref('')
|
|
onShow(() => { if (getSession() == null) { uni.redirectTo({ url: '/packages/account/login/login' }); return }; phone.value = getAccountProfile().phone })
|
|
const go = (path: string) => { uni.navigateTo({ url: '/packages/account/' + path }) }
|
|
</script>
|
|
<style>
|
|
.security-content { padding: 30rpx; }
|
|
.security-intro { padding: 26rpx; border-radius: 18rpx; background-color: #edf5ff; flex-direction: row; align-items: center; }
|
|
.shield-surface { width: 80rpx; height: 80rpx; border-radius: 22rpx; background-color: #ffffff; align-items: center; justify-content: center; margin-right: 20rpx; flex-shrink: 0; }
|
|
.shield-icon { width: 48rpx; height: 48rpx; }
|
|
.intro-copy { flex: 1; min-width: 0; }
|
|
.intro-title { font-size: 32rpx; font-weight: 700; color: #23344e; }
|
|
.intro-desc { font-size: 24rpx; line-height: 36rpx; color: #738198; margin-top: 10rpx; }
|
|
.security-list { padding: 0 26rpx; background-color: #ffffff; border-radius: 18rpx; margin-top: 24rpx; }
|
|
.security-row { flex-direction: row; align-items: center; min-height: 134rpx; padding: 24rpx 0; border-bottom: 1rpx solid #edf1f6; }
|
|
.last-row { border-bottom-width: 0; }
|
|
.row-copy { flex: 1; min-width: 0; }
|
|
.row-title { font-size: 29rpx; color: #29394f; font-weight: 600; }
|
|
.row-desc { font-size: 24rpx; line-height: 36rpx; color: #738198; margin-top: 12rpx; }
|
|
.row-action { font-size: 25rpx; color: #0868f7; margin-right: 8rpx; }
|
|
.security-tips { padding: 28rpx 8rpx; }
|
|
.tips-title { font-size: 25rpx; font-weight: 600; color: #66758a; }
|
|
.tips-copy { font-size: 24rpx; line-height: 40rpx; color: #8793a6; margin-top: 12rpx; }
|
|
</style>
|