右侧vip可以自动识别是否开通会员，附件放到网站根目录
以下代码放入后台-模块管理-自定义，链接自行替换。
<!-- 区块代码 开始 -->
<div id="home-row-qukuai" class="home_row home_row_1 module-qukuai" style="background-color:;">
<div class="wrapper">
<div class="home-row-left content-area">
<div class="sort b2-radius" style="margin-top:0px;">
<ul class="sort-config">
<li>
<div class="sort-config-item">
<img class="sort-config-icon" src="/img/2022040407423076.svg" alt="" />
<a href="https://zzyyi.com/music/music.html" target="_blank"><p class="sort-config-title">音乐档案
<span class="go" style="background-color: #ff6000;">GO<i class="b2font b2-arrow-right-s-line"></i></span>
</p> </a>
<span class="sort-config-desc">遗失音乐档案馆</span>
</div></li> <li>
<div class="sort-config-item">
<img class="sort-config-icon" src="/img/2022040407423033.svg" alt="" />
<a href="https://api.zzyyi.com/" target="_blank"><p class="sort-config-title">去水印API
<span class="go" style="background-color: #5de000;">GO<i class="b2font b2-arrow-right-s-line"></i></span>
</p> </a>
<span class="sort-config-desc">多平台短视频去水印</span>
</div></li> <li>
<div class="sort-config-item">
<img class="sort-config-icon" src="/img/2022040407422988.svg" alt="" />
<a href="https://zzyyi.com/" target="_blank"><p class="sort-config-title">敬请期待
<span class="go" style="background-color: #ff6000;">GO<i class="b2font b2-arrow-right-s-line"></i></span>
</p> </a>
<span class="sort-config-desc">敬请期待</span>
</div></li> <li>
<div class="sort-config-item">
<img class="sort-config-icon" src="/img/2022040407422990.svg" alt="" />
<a href="https://zzyyi.com/" target="_blank"><p class="sort-config-title">敬请期待
<span class="go" style="background-color: #ff6000;">GO<i class="b2font b2-arrow-right-s-line"></i></span>
</p> </a>
<span class="sort-config-desc">敬请期待</span>
</div></li> <li>
<div class="sort-config-item">
<img class="sort-config-icon" src="/img/2022040407422937.svg" alt="" />
<a href="https://zzyyi.com/" target="_blank"><p class="sort-config-title">敬请期待
<span class="go" style="background-color: #ff6000;">GO<i class="b2font b2-arrow-right-s-line"></i></span>
</p> </a>
<span class="sort-config-desc">敬请期待</span>
</div></li> </ul>
<div class="sort-blocks">
<div class="bt-body">
<div class="containerrr">
<div class="onecad-quk-carousel">
<div class="itemss">
<a class="card_ZQsT- b2-radius" href="https://zzyyi.com/" target="_blank">
<img src="/img/1646645863-a756b411d8cfd69.jpg">
<div class="title_3qCGt">后台可添加</div>
<div class="tipss jiaobiao_color6">广告</div>
</a><a class="card_ZQsT- b2-radius" href="https://zzyyi.com/" target="_blank">
<img src="/img/1628154884-a96bf386ea68fd1.png">
<div class="title_3qCGt">角标可选择</div>
<div class="tipss jiaobiao_color6">广告</div>
</a><a class="card_ZQsT- b2-radius" href="https://zzyyi.com/" target="_blank">
<img src="/img/1648712370-d59a15461c78f74.jpeg">
<div class="title_3qCGt">组定位高度后台可调整</div>
<div class="tipss jiaobiao_color4">推荐</div>
</a><a class="card_ZQsT- b2-radius" href="https://zzyyi.com/" target="_blank">
<img src="/img/1647488870-6fa6b58b4b1b751.jpg">
<div class="title_3qCGt">本组后台可关闭</div>
<div class="tipss jiaobiao_color3">热门</div>
</a><a class="card_ZQsT- b2-radius" href="https://zzyyi.com/" target="_blank">
<img src="/img/1634631547-a03889872f26e97.jpg">
<div class="title_3qCGt">可独立显示上栏</div>
<div class="tipss jiaobiao_color3">热门</div>
</a> </div>
</div>
</div>
</div>
<div class="srot-mine b2-radius">
<i class="srot-mine-bg"></i>
<div class="sort-mine-wrap">
<div class="srot-mine-tit">
<span>开通会员全站素材无限制下载</span>
<img src="/VIP.svg" alt="" class="srot-mine-ava" />
</div>
<div id="userDisplayName" class="srot-mine-vips">
<!-- 体验会员 -->
<a href="./vips" target="_blank" class="sort-vips-item index-bjq-a" data-vip="vip0"><img class="sort-vips-icon" src="//s.ibaotu.com/next/img/new/design.16dc.png" alt=""><p class="sort-vips-tit index-bjq-txt">拾光客</p><p class="sort-vips-tit2"><span class="sort-vips-tit2-kt" style="display:none;">已开通</span><span class="sort-vips-tit2-wk">未开通</span></p></a>
<!-- 月费会员 -->
<a href="./vips" target="_blank" class="sort-vips-item" data-vip="vip1"> <img class="sort-vips-icon" src="//s.ibaotu.com/next/img/new/create.503f.png" alt=""> <p class="sort-vips-tit">藏器士</p> <p class="sort-vips-tit2"><span class="sort-vips-tit2-kt" style="display:none;">已开通</span><span class="sort-vips-tit2-wk">未开通</span></p> </a>
<!-- 一年会员 -->
<a href="./vips" target="_blank" class="sort-vips-item" data-vip="vip2"> <img class="sort-vips-icon" src="//s.ibaotu.com/next/img/new/ep.4814.png" alt=""> <p class="sort-vips-tit">万象主</p> <p class="sort-vips-tit2"><span class="sort-vips-tit2-kt" style="display:none;">已开通</span><span class="sort-vips-tit2-wk">未开通</span></p> </a>
<!-- 永久会员 -->
<a href="./vips" target="_blank" class="sort-vips-item" data-vip="vip3"> <img class="sort-vips-icon" src="//s.ibaotu.com/next/img/new/person.b254.png" alt=""> <p class="sort-vips-tit">揽星侯</p> <p class="sort-vips-tit2"><span class="sort-vips-tit2-kt" style="display:none;">已开通</span><span class="sort-vips-tit2-wk">未开通</span></p> </a>
</div> </div>
</div>
</div>
<div style="clear:both;"></div>
</div>
</div>
<div style="clear:both;"></div>
</div>
</div>
<!-- 区块代码结束 -->以下代码放入css样式
以下代码放入child.js
