【B2主题美化】一款不错的二次元首页区块

释放双眼，带上耳机，听听看~！

本文是《B2主题美化（共19篇）》专题的第 10 篇。阅读本文前，建议先阅读前面的文章：

B2美化教程越来越少人发布了，大多都把美化集成到子主题出售，各路大佬各显神通，子主题非常漂亮！但是偶尔看到对眼的某个区块，购买吧，只要一个区块用不上，不买吧，但是又眼馋，自己写又不会。只能眼睁睁的看着。说到底还不是本屌没钱！有钱会这样？

但是！曾经有一个非常棒的网站摆在我面前我没有珍惜。等这个网站404的时候我才后悔莫及，人世间最痛苦的事莫过于此。为了不错过，那就扒！

先看效果：

【B2主题美化】一款不错的二次元首页区块

废话不多上代码：新增模块

html:

<div id="home-row-qkyl_sdk" class=" mobile-hidden home_row home_row_11  module-html  " style="background-color:;">
    <div class="wrapper">
        <div class="home-row-left content-area ">
            <div id="html-box-qkyl_sdk" class="html-box">
                <div data-v-d1c115ee="" class="course-project-panel-course">
                    <ul data-v-d1c115ee="">
                        <li data-v-d1c115ee="">
                            <a data-v-d1c115ee="" href="https://momeis.net/ruanjan" target="_blank">
                                <div data-v-d1c115ee="" class="top">
                                    <p data-v-d1c115ee="" class="title nike">软件乐园</p>
                                    <p data-v-d1c115ee="" class="describe">让你体验不一样的</p>
                                    <p data-v-d1c115ee="" class="describe">软件乐趣</p>
                                    <div data-v-d1c115ee="" class="line nike-line">

                                    </div>
                                    <button data-v-d1c115ee="" type="button"
                                        class="nike-btn ivu-btn ivu-btn-default ivu-btn-circle">
                                        <!---->
                                        <!---->
                                        <span>查看详情</span>
                                    </button>
                                </div>
                                <div data-v-d1c115ee="" class="bottom nike-bottom">
                                    <p data-v-d1c115ee="" class="title">软件乐园</p>
                                    <p data-v-d1c115ee="" class="describe">让你体验不一样的</p>
                                    <p data-v-d1c115ee="" class="describe">软件乐趣</p>
                                    <div data-v-d1c115ee="" class="line"></div>
                                    <button data-v-d1c115ee="" type="button"
                                        class="bottom-btn ivu-btn ivu-btn-default ivu-btn-circle">
                                        <!---->
                                        <!---->
                                        <span>查看详情</span>
                                    </button>
                                </div>
                            </a>
                        </li>
                        <li data-v-d1c115ee="">
                            <a data-v-d1c115ee="" href="https://momeis.net/code" class="">
                                <div data-v-d1c115ee="" class="top">
                                    <p data-v-d1c115ee="" class="title vip">源教程</p>
                                    <p data-v-d1c115ee="" class="describe">优美的你</p>
                                    <p data-v-d1c115ee="" class="describe">愿你吉祥</p>
                                    <div data-v-d1c115ee="" class="line vip-line">
                                    </div>
                                    <button data-v-d1c115ee="" type="button"
                                        class="vip-btn ivu-btn ivu-btn-default ivu-btn-circle">
                                        <!---->
                                        <!---->
                                        <span>查看详情</span>
                                    </button>
                                </div>
                                <div data-v-d1c115ee="" class="bottom vip-bottom">
                                    <p data-v-d1c115ee="" class="title">源教程</p>
                                    <p data-v-d1c115ee="" class="describe">优美的你</p>
                                    <p data-v-d1c115ee="" class="describe">愿你吉祥</p>
                                    <div data-v-d1c115ee="" class="line"></div>
                                    <button data-v-d1c115ee="" type="button"
                                        class="bottom-btn ivu-btn ivu-btn-default ivu-btn-circle">
                                        <!---->
                                        <!---->
                                        <span>
                                            <span data-v-d1c115ee="">查看详情</span>
                                        </span>
                                    </button>
                                </div>
                            </a>
                        </li>
                        <li data-v-d1c115ee="">
                            <a data-v-d1c115ee="" href="https://momeis.net/xt_xt" class="">
                                <div data-v-d1c115ee="" class="top">
                                    <p data-v-d1c115ee="" class="title routine">系统科技</p>
                                    <p data-v-d1c115ee="" class="describe">每一章都很优质</p>
                                    <p data-v-d1c115ee="" class="describe">学习更加轻松哦</p>
                                    <div data-v-d1c115ee="" class="line routine-line"></div>
                                    <button data-v-d1c115ee="" type="button"
                                        class="routine-btn ivu-btn ivu-btn-default ivu-btn-circle">
                                        <!---->
                                        <!---->
                                        <span>查看详情</span>
                                    </button>
                                </div>
                                <div data-v-d1c115ee="" class="bottom routine-bottom">
                                    <p data-v-d1c115ee="" class="title">系统科技</p>
                                    <p data-v-d1c115ee="" class="describe">每一章都很优质</p>
                                    <p data-v-d1c115ee="" class="describe">学习更加轻松哦</p>
                                    <div data-v-d1c115ee="" class="line"></div>
                                    <button data-v-d1c115ee="" type="button"
                                        class="bottom-btn ivu-btn ivu-btn-default ivu-btn-circle">
                                        <!---->
                                        <!---->
                                        <span>查看详情</span>
                                    </button>
                                </div>
                            </a>
                        </li>
                        <li data-v-d1c115ee="">
                            <a data-v-d1c115ee="" href="https://momeis.net/as_dawe" class="">
                                <div data-v-d1c115ee="" class="top">
                                    <p data-v-d1c115ee="" class="title ten">Android</p>
                                    <p data-v-d1c115ee="" class="describe">原始的质感</p>
                                    <p data-v-d1c115ee="" class="describe">带你步入高效的殿堂</p>
                                    <div data-v-d1c115ee="" class="line ten-line">

                                    </div>
                                    <button data-v-d1c115ee="" type="button"
                                        class="ten-btn ivu-btn ivu-btn-default ivu-btn-circle">
                                        <!---->
                                        <!---->
                                        <span>查看详情</span>
                                    </button>
                                </div>
                                <div data-v-d1c115ee="" class="bottom ten-bottom">
                                    <p data-v-d1c115ee="" class="title">Android</p>
                                    <p data-v-d1c115ee="" class="describe">原始的质感</p>
                                    <p data-v-d1c115ee="" class="describe">带你步入高效的殿堂</p>
                                    <div data-v-d1c115ee="" class="line">

                                    </div>
                                    <button data-v-d1c115ee="" type="button"
                                        class="bottom-btn ivu-btn ivu-btn-default ivu-btn-circle">
                                        <!---->
                                        <!---->
                                        <span>查看详情</span>
                                    </button>
                                </div>
                            </a>
                        </li>
                        <li data-v-d1c115ee="">
                            <a data-v-d1c115ee="" href="https://momeis.net/sssz_a" target="_blank">
                                <div data-v-d1c115ee="" class="top">
                                    <p data-v-d1c115ee="" class="title double">实用云址</p>
                                    <p data-v-d1c115ee="" class="describe">每一个地址</p>
                                    <p data-v-d1c115ee="" class="describe">都是我们的好帮手</p>
                                    <div data-v-d1c115ee="" class="line double-line">

                                    </div>
                                    <button data-v-d1c115ee="" type="button"
                                        class="double-btn ivu-btn ivu-btn-default ivu-btn-circle">
                                        <!---->
                                        <!---->
                                        <span>查看详情</span>
                                    </button>
                                </div>
                                <div data-v-d1c115ee="" class="bottom double-bottom">
                                    <p data-v-d1c115ee="" class="title">实用云址</p>
                                    <p data-v-d1c115ee="" class="describe">每一个地址</p>
                                    <p data-v-d1c115ee="" class="describe">都是我们的好帮手</p>
                                    <div data-v-d1c115ee="" class="line"></div>
                                    <button data-v-d1c115ee="" type="button"
                                        class="bottom-btn ivu-btn ivu-btn-default ivu-btn-circle">
                                        <!---->
                                        <!---->
                                        <span>查看详情</span>
                                    </button>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

css 图片自行下载替换为自己路径!图片路径在css 中修改！如果此教程对你有帮助，欢迎留言，不留也没关系

下载权限

查看

￥

免费下载

评论并刷新后下载

登录后下载

查看演示

{{attr.name}}：

您当前的等级为

登录后免费下载登录小黑屋反思中，不准下载！评论后刷新页面下载评论支付以后下载请先登录您今天的下载次数（次）用完了，请明天再来支付积分以后下载立即支付支付以后下载立即支付您当前的用户组不允许下载升级会员

您已获得下载权限您可以每天下载资源次，今日剩余次

温馨提示

本站网络名称： 墨梅博客

本文章永久网址： https://momeis.net/post-56206.html

网站侵权说明：本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长Email：momeis6@qq.com 删除处理。
1 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
3 本站资源大多存储在云盘，如发现链接失效，请联系我们第一时间更新。