# 安企cms起名模板（首页）如何添加微信二维码

*Published:* 2024-10-16
*Author:* 飞翔001

#### 温馨提醒

如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢

本文最后更新于2024年10月16日，已超过 180天没有更新



1、后台设置，联系方法，先去添加微信二维码

![](https://www.xarjtc.com/wp-content/uploads/2024/10/754c0a8acbc2645.webp)

2、模板设计--起名模板--右边修改

修改方法如下：后台模板设计 index/index.html 大约在349行位置代码改成如下：

```
<a class="layui-btn layui-btn-primary" id="show-specialist" data-wechat="{% contact with name="Wechat" %}" data-qrcode="{% contact with name='Qrcode' %}">
专家专业起名</a>
```

3、右边最下面---资源文件 js/app.js 大约在第9行的位置添加以下代码：

```
// 弹窗显示微信二维码
   $('#show-specialist').click(function() {
       let wechat = $('#show-specialist').data('wechat');
       let qrcode = $('#show-specialist').data('qrcode');
       layer.open({
           type: 1,
           content: '<div style="text-align: center;padding-bottom:20px"><p><img src="'+qrcode+'" style="width: 240px;" /></p><p>扫码添加微信：'+wechat+'</p></div>',
       })
   })
```