Blizzard
15adfb76ac
- 正面：头像/名字/物种性别 + 品种·毛色 / 出生·星座 / 体重 + 性格标签chips - 照护信息：主人 / 联系电话 / 疫苗情况 / 备注（去掉驱虫、过敏） - 证件区：居民身份卡 + 身份ID / 发证机构 / 有效期 + 小程序码 - 未验证手机号时页面出现「用微信验证手机号」(getPhoneNumber)， 拿到 code 换手机号后重取卡重画；表单去掉过敏输入 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
36 lines
1.6 KiB
Plaintext
36 lines
1.6 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">
|
|
<!-- 画好的卡当成图片展示。canvas 本身是离屏的（挪到屏幕外），只用来生成图 -->
|
|
<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="{{card && !card.phone}}" class="ic-tip ic-phone-tip">
|
|
<text>背面「联系电话」还没验证，走失时联系不到你</text>
|
|
<button class="btn btn-soft ic-phone-btn" open-type="getPhoneNumber" bindgetphonenumber="onGetPhone">
|
|
<pt-icon name="user" size="{{28}}"></pt-icon>用微信验证手机号
|
|
</button>
|
|
</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>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
<!-- 离屏 canvas：挪到屏幕外，只用来画图导出 -->
|
|
<canvas type="2d" id="idCanvas" class="ic-canvas"></canvas>
|