tmp
This commit is contained in:
@@ -25,9 +25,14 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 提示:非工作时间的兜底沟通方式 -->
|
||||
<!-- 提示条:承接下方二维码,把海报里的「扫二维码」拉正为小程序内可行的「长按」 -->
|
||||
<view class="tips-card">
|
||||
<text class="tips-text">服务时间外如需帮助,可在「AI客服」留言,我们会在工作时间内回复您。</text>
|
||||
<text class="tips-text">也可以长按下方二维码,加陪诊师微信</text>
|
||||
</view>
|
||||
|
||||
<!-- 客服微信二维码:整图展示,长按唤起微信「识别图中二维码」菜单加微信 -->
|
||||
<view class="card qr-card">
|
||||
<image class="qr-image" src="/images/wechat_code.jpg" mode="widthFix" show-menu-by-longpress="{{ true }}" />
|
||||
</view>
|
||||
|
||||
<view class="footer-space"></view>
|
||||
|
||||
@@ -134,6 +134,8 @@ page {
|
||||
border-radius: 20rpx;
|
||||
background: var(--brand-soft);
|
||||
border: 2rpx solid var(--brand-line);
|
||||
/* 居中对齐放在父级:text 是行内元素,给自身设 text-align 不生效 */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tips-text {
|
||||
@@ -142,6 +144,22 @@ page {
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
/* ===== 二维码卡片 =====
|
||||
图片是 888×1131 竖版海报,自带昵称与「扫二维码」说明,动作提示已由上方提示条承担,
|
||||
故卡内只放图。左右留出空气,避免海报灰底顶满白卡 */
|
||||
.card.qr-card {
|
||||
margin-top: 24rpx;
|
||||
padding: 28rpx;
|
||||
}
|
||||
|
||||
.qr-image {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 520rpx;
|
||||
margin: 0 auto;
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
|
||||
.footer-space {
|
||||
height: 60rpx;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user