Blizzard
747e7c9d3a
getPhoneNumber 需企业认证 + 手机号验证权限，个人/未认证小程序唤不起。 门槛卡加「手动填写手机号」入口：填 11 位号 → updateProfile 存库 → 重取卡生成。 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
48 lines
2.3 KiB
Plaintext
48 lines
2.3 KiB
Plaintext
<nav-bar title="身份卡" show-back="{{true}}"></nav-bar>
|
|
|
|
<scroll-view class="page-scroll" scroll-y="{{true}}" enhanced="{{true}}" show-scrollbar="{{false}}">
|
|
<view class="page-body ic-body">
|
|
<!-- 手机号门槛：没验证不生成，先唤起微信取号 -->
|
|
<view wx:if="{{needPhone}}" class="ic-gate">
|
|
<view class="ic-gate-ic"><pt-icon name="user" size="{{72}}"></pt-icon></view>
|
|
<view class="ic-gate-t">生成身份卡需要手机号</view>
|
|
<view class="ic-gate-p">身份卡背面的「联系电话」用于走失时联系你，验证后才能生成</view>
|
|
|
|
<block wx:if="{{!manualMode}}">
|
|
<button wx:if="{{!phoneRefused}}" class="btn btn-primary btn-block ic-gate-btn" open-type="getPhoneNumber" bindgetphonenumber="onGetPhone">用微信验证手机号</button>
|
|
<view wx:else class="ic-gate-refuse">没有手机号，无法生成身份卡</view>
|
|
<view class="ic-gate-manual" bindtap="showManual">唤不起来？手动填写手机号</view>
|
|
</block>
|
|
|
|
<block wx:else>
|
|
<input class="input ic-gate-input" type="number" maxlength="11" placeholder="输入 11 位手机号" placeholder-class="placeholder" value="{{manualPhone}}" bindinput="onManualPhone"/>
|
|
<button class="btn btn-primary btn-block ic-gate-btn" bindtap="submitManual">保存并生成</button>
|
|
</block>
|
|
</view>
|
|
|
|
<!-- 画好的卡当成图片展示。canvas 本身是离屏的（挪到屏幕外），只用来生成图 -->
|
|
<block wx:else>
|
|
<view class="ic-stage">
|
|
<image wx:if="{{cardImg}}" class="ic-img" src="{{cardImg}}" mode="widthFix" show-menu-by-longpress="{{true}}"></image>
|
|
<view wx:else class="ic-loading">正在生成身份卡…</view>
|
|
</view>
|
|
|
|
<view wx:if="{{!qrReady}}" class="ic-tip">
|
|
小程序码要在小程序发布后才会出现，现在先放一个占位。
|
|
</view>
|
|
|
|
<view class="ic-actions">
|
|
<view class="btn btn-soft ic-btn" bindtap="onSave">
|
|
<pt-icon name="photo" size="{{32}}"></pt-icon>下载到相册
|
|
</view>
|
|
<button class="btn btn-dark ic-btn" open-type="share">
|
|
<pt-icon name="share" size="{{32}}"></pt-icon>分享给好友
|
|
</button>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
<!-- 离屏 canvas：挪到屏幕外，只用来画图导出 -->
|
|
<canvas type="2d" id="idCanvas" class="ic-canvas"></canvas>
|