Blizzard
586875f8c5
- canvas 重画成上下两张：正面(暖黄，头像/名字性别/性别品种毛色年龄/性格 彩色标签/介绍/物ID+一起生活天数)、背面(蓝色照护信息条 + 主人/电话/疫苗/ 备注/发证机构/有效期 + 走失联系框&小程序码) - 生成前查手机号：没有则唤起 getPhoneNumber 组件，验证成功才生成； 拒绝则提示「无法生成」不出卡 - IDCard 增 age/days；ic-canvas 高度改 1480 否则导出被裁 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
37 lines
1.5 KiB
Plaintext
37 lines
1.5 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:1480px}
|
|
|
|
/* 手机号门槛卡 */
|
|
.ic-gate{
|
|
background:#fff;border-radius:var(--r-lg);box-shadow:var(--sd-1);
|
|
padding:var(--sp-6) var(--sp-5);margin-top:var(--sp-5);text-align:center;
|
|
}
|
|
.ic-gate-ic{
|
|
width:140rpx;height:140rpx;margin:0 auto var(--sp-4);border-radius:50%;
|
|
background:var(--primary-soft);color:var(--primary);
|
|
display:flex;align-items:center;justify-content:center;
|
|
}
|
|
.ic-gate-t{font-size:var(--fs-lg);font-weight:var(--fw-b);color:var(--text)}
|
|
.ic-gate-p{font-size:var(--fs-sm);color:var(--muted);line-height:1.6;margin:var(--sp-2) 0 var(--sp-5)}
|
|
.ic-gate-refuse{color:var(--red-ink);font-weight:var(--fw-b);font-size:var(--fs-md)}
|
|
.ic-gate-btn{margin-top:var(--sp-2)}
|