Files
ruo-shan-cloud-pharmacy/miniprogram/pages/login/login.wxml
T
2026-09-07 13:50:02 +08:00

56 lines
2.2 KiB
Plaintext

<navigation-bar title="登录" back="{{!back}}" color="black" background="#FFF" />
<view class="loginContainer">
<view class="contentWrap">
<view class="heroPanel">
</view>
<view class="actionPanel actionPanelSingle">
<view class="loginButton wechatLogin" bind:tap="handleLogin">
<image class="loginIcon" src="./assets/wechat-login-icon-figma.svg" mode="aspectFit"></image>
<text class="loginLabel">微信登录</text>
</view>
</view>
</view>
<view class="privacyFooter" style="padding-bottom: {{safeBottom}}rpx;">
<view class="checkboxLabel">
<view class="radioTrigger" catchtap="handleToggleAgree">
<radio-group>
<radio value="agree" checked="{{agree}}" color="#FE8D29" />
</radio-group>
</view>
<text class="privacyText">我已阅读并同意</text>
<text class="linkText" bindtap="openPrivacyContract">《用户协议》</text>
<text class="privacyText">和</text>
<text class="linkText" bindtap="openPrivacyContract">《隐私政策》</text>
</view>
</view>
</view>
<!-- 弹窗:设置头像和昵称 -->
<popup visible="{{showPopup}}" bind:close="closePopup">
<text class="popup-title">手动设置头像和昵称</text>
<view class="popup-content">
<!-- 左右布局:左侧头像 | 右侧按钮组 -->
<view class="form-row">
<!-- 左侧:头像 -->
<button class="avatar-picker" open-type="chooseAvatar" bindchooseavatar="onChooseAvatar">
<image src="{{avatarUrl}}" class="popup-avatar"></image>
</button>
<!-- 右侧:两个按钮 -->
<view class="btn-group">
<button class="form-btn" open-type="chooseAvatar" bindchooseavatar="onChooseAvatar">点击获取头像</button>
<input
type="nickname"
class="form-input--nickname"
placeholder="点击获取昵称"
bindblur="onNicknameInput"
/>
</view>
</view>
<!-- 提交 -->
<view class="form-submit">
<button class="submit-btn" bind:tap="submitLogin">确定授权</button>
</view>
</view>
</popup>