为了方便大家布局自己喜欢的风格，侧边栏菜单，内置自定义html模块，这里提供几种演示站的风格html，复制就可以直接使用
设置路径：后台 → 布局配置 → 悬浮边栏导航 → PC-侧边栏悬浮菜单 → 开启 → 对应边栏菜单，把 悬浮面板 打开就可以设置了
<div class="text-center w-200"><img class="h-100 w-n100 br-8" src="https://wp.2cdd.com/wp-content/themes/2c-Max/assets/img/0-21.jpg" alt="会员封面" /></div><div class="p-10 w-200 text-center">
<h4 class="fs-4 fw-bold mb-2 text-black">关注公众号</h4>
<p class="fs-1 text-gray mb-2">获取每日更新推送</p>
<div class="text-center mb-2"><img class="w-115 h-115 br-8 bs-1 of-cover" src="https://wp.2cdd.com/wp-content/themes/2c-Max/assets/img/v1.jpg" alt="二维码" /></div>
<div class="fs-0 text-gray text-center">长按保存图片，微信扫一扫</div>
</div><div class="p-10 w-220">
<!-- 个人客服 -->
<div class="mb-3 pb-3 border-bottom">
<div class="d-flex align-center mb-1"><i class="fas fa-headset text-blue fs-4 mr-2"></i>
<span class="fs-3 fw-bold">个人VIP客服</span></div>
<div class="fs-1 text-gray lh-24 pl-4">
<div>工作日：9:00 - 22:00</div>
<div>节假日：9:00 - 18:00</div>
</div>
<div class="mt-2 pl-4"><a class="btn btn-outline-teal btn-sm2" href="/kf" target="_blank" rel="noopener">在线咨询</a > </a></div>
</div>
<!-- 企业客服 -->
<div class="mb-3 pb-3 border-bottom">
<div class="d-flex align-center mb-1"><i class="fas fa-headset text-gray fs-4 mr-2"></i>
<span class="fs-3 fw-bold">企业VIP客服</span></div>
<div class="fs-1 text-gray lh-24 pl-4">
<div>工作日：9:00 - 18:30</div>
</div>
<div class="mt-2 pl-4"><a class="btn btn-outline-teal btn-sm2" href="/kf" target="_blank" rel="noopener">在线咨询</a > </a></div>
</div>
<!-- 底部双二维码 -->
<div class="d-flex ju-between text-center mt-3">
<div class="w-n48">
<img class="w-n100 br-8 mb-1" src="https://wp.2cdd.com/wp-content/themes/2c-Max/assets/img/q1.jpg" alt="QQ客服" />
<div class="fs-1 text-gray">QQ客服</div>
</div>
<div class="w-n48">
<img class="w-n100 br-8 mb-1" src="https://wp.2cdd.com/wp-content/themes/2c-Max/assets/img/v1.jpg" alt="微信客服" />
<div class="fs-1 text-gray">微信客服</div>
</div>
</div>
</div>下面是深色的风格样式
<div class="text-center p-10 w-200">
<img class="w-115 h-115 br-8" src="https://wp.2cdd.com/wp-content/uploads/2026/10/f41c8fe967973ab8.png" alt="扫码关注" />
<div class="fs-1 text-gray mt-2">微信扫码，获取更多资源</div>
</div>
评论 (0)