feat: 我的、设置、打印指南页面开发完成
This commit is contained in:
@@ -8,19 +8,14 @@
|
||||
<view class="profile-hero__tint"></view>
|
||||
<view class="profile-hero__avatar-wrap">
|
||||
<view class="profile-hero__avatar">
|
||||
<text
|
||||
class="profile-hero__avatar-emoji"
|
||||
wx:if="{{!avatarUrl}}"
|
||||
>🦆</text
|
||||
>
|
||||
<image
|
||||
wx:else
|
||||
class="profile-hero__avatar-img"
|
||||
src="{{avatarUrl}}"
|
||||
mode="aspectFill" />
|
||||
</view>
|
||||
<view
|
||||
class="profile-hero__edit-badge"
|
||||
bindtap="onOpenProfileEditor"
|
||||
aria-role="button"
|
||||
aria-label="编辑头像">
|
||||
<van-icon name="edit" size="28rpx" color="#6c5a00" />
|
||||
@@ -73,9 +68,13 @@
|
||||
</view>
|
||||
<text class="profile-row__label">打印指南</text>
|
||||
</view>
|
||||
<text class="profile-row__chevron">›</text>
|
||||
<toy-icon
|
||||
class="profile-row__chevron"
|
||||
name="arrow-right"
|
||||
size="40rpx"
|
||||
color="#9a958b" />
|
||||
</view>
|
||||
<view class="profile-row" bindtap="onGoToFeedback">
|
||||
<!-- <view class="profile-row" bindtap="onGoToFeedback">
|
||||
<view class="profile-row__left">
|
||||
<view class="profile-row__icon-bg">
|
||||
<van-icon
|
||||
@@ -85,8 +84,12 @@
|
||||
</view>
|
||||
<text class="profile-row__label">提交反馈</text>
|
||||
</view>
|
||||
<text class="profile-row__chevron">›</text>
|
||||
</view>
|
||||
<toy-icon
|
||||
class="profile-row__chevron"
|
||||
name="arrow-right"
|
||||
size="40rpx"
|
||||
color="#9a958b" />
|
||||
</view> -->
|
||||
<view class="profile-row" bindtap="onGoToSettings">
|
||||
<view class="profile-row__left">
|
||||
<view class="profile-row__icon-bg">
|
||||
@@ -97,7 +100,11 @@
|
||||
</view>
|
||||
<text class="profile-row__label">设置</text>
|
||||
</view>
|
||||
<text class="profile-row__chevron">›</text>
|
||||
<toy-icon
|
||||
class="profile-row__chevron"
|
||||
name="arrow-right"
|
||||
size="40rpx"
|
||||
color="#9a958b" />
|
||||
</view>
|
||||
<view
|
||||
wx:if="{{isDevEnv}}"
|
||||
@@ -109,9 +116,13 @@
|
||||
</view>
|
||||
<text class="profile-row__label">Debug 工具</text>
|
||||
</view>
|
||||
<text class="profile-row__chevron">›</text>
|
||||
<toy-icon
|
||||
class="profile-row__chevron"
|
||||
name="arrow-right"
|
||||
size="40rpx"
|
||||
color="#9a958b" />
|
||||
</view>
|
||||
<view
|
||||
<!-- <view
|
||||
class="profile-row profile-row--last"
|
||||
bindtap="onGoToAbout">
|
||||
<view class="profile-row__left">
|
||||
@@ -123,12 +134,16 @@
|
||||
</view>
|
||||
<text class="profile-row__label">关于涂鸦丫</text>
|
||||
</view>
|
||||
<text class="profile-row__chevron">›</text>
|
||||
</view>
|
||||
<toy-icon
|
||||
class="profile-row__chevron"
|
||||
name="arrow-right"
|
||||
size="40rpx"
|
||||
color="#9a958b" />
|
||||
</view> -->
|
||||
</view>
|
||||
|
||||
<!-- 专业版推广(Stitch 深色卡) -->
|
||||
<view class="profile-upsell" bindtap="onGoToPremium">
|
||||
<!-- <view class="profile-upsell" bindtap="onGoToPremium">
|
||||
<van-icon
|
||||
name="gem-o"
|
||||
class="profile-upsell__deco"
|
||||
@@ -141,13 +156,73 @@
|
||||
>
|
||||
<view class="profile-upsell__btn">立即升级</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
<view class="profile-version">
|
||||
<text class="profile-version__text"
|
||||
>Doodle Mini v{{version}}</text
|
||||
>
|
||||
<text class="profile-version__text">涂鸦丫 v{{version}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<van-popup
|
||||
show="{{showProfileEditor}}"
|
||||
position="bottom"
|
||||
round
|
||||
safe-area-inset-bottom="{{false}}"
|
||||
custom-class="profile-editor-popup"
|
||||
bind:close="onCloseProfileEditor">
|
||||
<view class="profile-editor">
|
||||
<view class="profile-editor__header">
|
||||
<text class="profile-editor__title">完善资料</text>
|
||||
<text class="profile-editor__desc"
|
||||
>选择头像并填写昵称后保存</text
|
||||
>
|
||||
</view>
|
||||
|
||||
<view class="profile-editor__avatar-section">
|
||||
<button
|
||||
class="profile-editor__avatar-button"
|
||||
open-type="chooseAvatar"
|
||||
bindchooseavatar="onChooseAvatar">
|
||||
<view class="profile-editor__avatar">
|
||||
<text
|
||||
class="profile-editor__avatar-placeholder"
|
||||
wx:if="{{!draftAvatarUrl}}"
|
||||
>选择头像</text
|
||||
>
|
||||
<image
|
||||
wx:else
|
||||
class="profile-editor__avatar-img"
|
||||
src="{{draftAvatarUrl}}"
|
||||
mode="aspectFill" />
|
||||
</view>
|
||||
</button>
|
||||
</view>
|
||||
|
||||
<view class="profile-editor__field">
|
||||
<text class="profile-editor__label">昵称</text>
|
||||
<input
|
||||
class="profile-editor__input"
|
||||
type="nickname"
|
||||
placeholder="请输入昵称"
|
||||
maxlength="20"
|
||||
value="{{draftNickName}}"
|
||||
bindblur="onNicknameInput"
|
||||
bindinput="onNicknameInput" />
|
||||
</view>
|
||||
|
||||
<view class="profile-editor__actions">
|
||||
<view
|
||||
class="profile-editor__action profile-editor__action--ghost"
|
||||
bindtap="onCloseProfileEditor">
|
||||
取消
|
||||
</view>
|
||||
<view
|
||||
class="profile-editor__action profile-editor__action--primary {{isSavingProfile ? 'profile-editor__action--disabled' : ''}}"
|
||||
bindtap="onSubmitProfile">
|
||||
{{isSavingProfile ? '保存中...' : '保存'}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</van-popup>
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user