Blizzard
15adfb76ac
- 正面：头像/名字/物种性别 + 品种·毛色 / 出生·星座 / 体重 + 性格标签chips - 照护信息：主人 / 联系电话 / 疫苗情况 / 备注（去掉驱虫、过敏） - 证件区：居民身份卡 + 身份ID / 发证机构 / 有效期 + 小程序码 - 未验证手机号时页面出现「用微信验证手机号」(getPhoneNumber)， 拿到 code 换手机号后重取卡重画；表单去掉过敏输入 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
26 lines
1.1 KiB
Plaintext
26 lines
1.1 KiB
Plaintext
.ic-body{padding-top:var(--sp-4)}
|
|
|
|
/* 画好的卡片图。宽度撑满、按比例高 */
|
|
.ic-stage{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sd-2);background:#F3EFE8;min-height:600rpx}
|
|
.ic-img{width:100%;display:block}
|
|
.ic-loading{padding:200rpx 0;text-align:center;color:var(--muted);font-size:var(--fs-sm)}
|
|
|
|
.ic-tip{
|
|
margin-top:var(--sp-4);padding:var(--sp-3);border-radius:var(--r-sm);
|
|
background:var(--primary-soft);color:var(--primary-ink);
|
|
font-size:var(--fs-cap);line-height:1.6;text-align:center;
|
|
}
|
|
|
|
.ic-actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-5)}
|
|
.ic-btn{flex:1}
|
|
/* button 元素默认有边框和外边距，压平成和 .btn 一样 */
|
|
button.ic-btn{padding:0;line-height:normal}
|
|
button.ic-btn::after{border:none}
|
|
|
|
/* 离屏 canvas：挪出可视区，只用来生成图 */
|
|
.ic-canvas{position:fixed;left:-9999rpx;top:0;width:620px;height:760px}
|
|
|
|
/* 手机号验证提示 */
|
|
.ic-phone-tip{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);color:var(--red-ink)}
|
|
.ic-phone-btn{width:auto;padding:0 var(--sp-6)}
|