Appearance
320H货源站 - 模板2 使用指南
一、界面预览
二、可编辑区域说明
（图中红色框线标记的区域均可自定义修改） 
三、修改步骤详解
1. 登录网站后台，进入编辑界面
2. 找到首页模板设置
滚动至页面底部，在“首页模板设置”处选择 moban2。 
3. 获取首页公告代码
复制以下代码至你的编辑工具中：
首页公告代码
html
<div style = "text-align : center;margin-top:20px;">
</div>
<li class="list-group-item tishi" style="display: none;"></li>
<div class="text">
<script src="//lib.baomitu.com/jquery/1.12.4/jquery.min.js"></script>
<div id="div2" class="tui" >
<div onclick="window.open('./user')" id="dateContainer" class="ti"></div>
<hr class="hr">
<div style="text-align: center;">
<strongstyle="text-align:center;" ><span style="text-align:center;color:#E53333;font-size:18px;"><strong><span style="color:#E53333;font-size:24px;">永久域名：dijia.lol</span></strong><br><br >
</span></strong>
</p>
<strong><span style="color:#E53333;font-size:24px;">Ctrl+D收藏 防止迷路！ 售后QQ：1056307333 售后VX:wj860009696 </span></strong>
</p></div>
<hr class="hrr">
<p id="text-1" style="color: red;">强烈推荐：【NE】单板GS 最强足本 可裸奔推荐搭配FF</p>
<p id="text-1" style="color: red;">天卡推荐：【XH】自带机器码 稳定BOT 稳定EZ-强烈推荐 拒绝频繁换号</p>
<p id="text-1" style="color: red;">天卡推荐：【星夜】自带机器码 稳定BOT NE -强烈推荐</p>
<p id="text-1" style="color: red;">天卡推荐：【Ezpro】一体化 自带GS-特权-机器码 强烈推荐</p>
<p id="text-1" style="color: red;">周卡推荐：【天龙】单板FF 目前稳定同号 自带-机器码 强烈推荐</p>
<hr>
<p id="text-7" style="color: #3d8414;">周卡推荐：【天龙】单板FF 目前稳定同号 自带-机器码 强烈推荐</p>
<p id="text-7" style="color: #3d8414;">月卡推荐：【Sp】 原某W 死稳大号，主播-带妹-首选。</p>
<p id="text-8" style="color: #3d8414;">月卡推荐：【KS】自带BOT-稳定大号 现已开放注册</p>
<h9 class="h9" style="color: #FF8040;">具体其他详细推荐请私聊客服， 每日更新！</h9>
<br>
<h9 class="h9" style="color: #FF8040;">保底退款请于当日23点前发给售后，过期无法退换！</h9>
</div>
<div id="sjtj" style="display: none; width:100%;background-color:#ffffffc7;border-radius:5px;transition:0.3s;">
<div style="text-align: center;">
<strongstyle="text-align:center;" ><span style="text-align:center;color:#E53333;font-size:18px;"><strong><span style="color:#E53333;font-size:24px;">添加书签收藏本站不迷路！</span></strong><br />
</span></strong>
</p>
<strong><span style="color:#E53333;font-size:24px;">不圈不跑 售后TOP1 最新售后QQ：123456 </span></strong>
</p></div>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=100% height=430 src="//music.163.com/outchain/player?type=0&id=3778678&auto=1&height=430">
</iframe>
<div class="btn-group btn-group-justified" >
<a target="_blank"class="btn btn-success" href="https://youyoupay.com/shop/66CB843B"><i class="fa fa-book"></i>租号地址1</a>
<a target="_blank"class="btn btn-success" href="https://youyoupay.com/shop/66CB843B"><i class="fa fa-comments"></i>租号地址12</a>
<a target="_blank" class="btn btn-primary"href="https://api.vvhan.com/api/qqChat?qq=123456"><i class="fa fa-qq"></i> 联系客服</a>
</div>
<br>
</div>
<div id="pclj">
<button style="background: rgb(61 145 255 / 60%);" class="button" id="main-button" onclick="javascrtpt:window.open('https://youyoupay.com/shop/66CB843B');" ><strong><b>租号地址1</b></strong></button>
<button style="background: rgb(61 145 255 / 70%);" class="button" onclick="javascrtpt:window.open('https://youyoupay.com/shop/66CB843B');" id="button2"><strong><b>租号地址2</b></strong></button>
<button style="background: rgb(61 145 255 / 80%);" class="button" onclick="javascrtpt:window.open('https://api.vvhan.com/api/qqChat?qq=123456');" id="button2"><strong><b>联系客服</b></strong></button>
<button style="background: rgb(255 86 86 / 90%);" class="button" href="https://xzwp.lol/"target="_black"><strong> <div class="element">今日福利<img style="z-index:999999;" src="https://dijia.320h.cn/ewm.png
" alt="支付宝扫一扫"> </div>
</strong></button><br>
<div id="popup" class="popup">
</div>
</div>
</div>4. 自定义首页公告内容
使用文本编辑器（如 Notepad++、VS Code 等）打开代码文件。
第一部分：公告正文
图中红框部分为可修改的推荐内容，请根据你的业务情况调整。
第二部分：按钮设置
按钮文字：对应图中黑色文字部分，即按钮上显示的标题。
跳转链接：紫色标记的
href或onclick中的网址，替换为你自己的链接即可。
⚠️ 注意：仅修改红框标注部分，其余代码请勿改动，以免影响页面功能。
5. 保存并发布
修改完成后，将整段代码粘贴到网站后台的“首页公告”编辑框中，保存即可生效。
如有问题，欢迎联系技术支持。祝你使用愉快！ 🚀