清秋暖冬@B2主题美化

[content_hide]

/*路径/Assets/fontend/style.css*/
  /*加载更多按钮*/
.post-list .load-more button {
	padding:12px 40px;
	width:auto;
	background:#2879f7;
	color:#fff;
	font-size:14px;
	margin:30px auto 20px auto;
	border-radius:3px;
}

.post-list .load-more button:hover {
	background:#2879f7;
	color:#fff;
}

/*logo添加闪光效果*/
.logo {
    position: relative;
    font-size:2em;
    font-weight:700;
    line-height:39px;
    overflow:hidden;
    margin:0;
}

.logo::before {
    content:"";
    position: absolute;
    width: 150px;
    height: 10px;
    background-color: rgba(255,255,255,.5);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 1s ease-in 1s infinite;
    animation: searchLights 1s ease-in 1s infinite;
}

@-webkit-keyframes searchLights {
    0% { left: -90px; top: 0; }
    to { left: 90px; top: 0; }
}

/*导航菜单添加角标*/
.new {
    display: inline-block;
    transform: translateY(-12px);
    font-size: .75rem;
    letter-spacing: 0.05em;
    background:#2879f7;
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: bold;
    margin-left: 0.2em;
}

/*模块导航菜单圆角修改*/
.post-list-cats a span {
    border-radius:2px;
}

/*友链背景透明度修改*/
.footer-links {
    background:rgb(220 225 230 / 20%);
}

/*边栏评论更多按钮*/
.comment-widget-nav span {
	color:#2879f7;
}

/*首页公告模块*/
.gonggao {
    color:#8590A6;
    background-color:#f6f6f6;
    border-radius:.12rem;
    border:1px solid #f0f0f0;
}

.gonggao_neirong {
    position:relative;
    padding:1rem 1rem;
    text-align:center;
}

/*去掉专题头图模糊效果*/
.collection-list-bg {
	filter:none;
}

/*去掉排行图标圆角效果*/
.b2-widget-post-order {
    border-radius:0;
}

/*隐藏猜你喜欢*/
.related-posts {
	display:none;
}

/*修改文章卡片宽度*/
.insert-post {
    max-width:100%;
}

/*修改文章侧边小工具颜色*/
.post-content-footer {
    color:#2879f7;
}

/*修改已收藏小工具颜色*/
.content-footer-poster .favorite-button.sc {
    color:#f96078;
}

/*隐藏上下篇*/
.post-pre-next {
    display:none;
}

/*隐藏顶部写文章按钮*/
.top-submit .button, .social-top .top-submit button {
    display:none;
}

/*修改排行文字样式*/
.b2-widget-hot li.widget-post-small .b2-widget-post-order span {
    font-style:normal;
}

/*修改模块导航栏背景并去掉底部间隔线*/
.post-3 .post-modules-top, .post-5 .post-modules-top {
	background:#f6f6f6;
	border-bottom:0px solid #f5f6f7;
}

/*去掉更多按钮上部间隔线*/
.post-5 .load-more, .post-5 .b2-pagenav {
    border-top:0px solid #f0f0f0;
}

/*修改模块标题文字大小*/
.post-list .module-title {
    font-size:20px;
}

/*修改更多栏目标题文字大小*/
.cat-group-page h1 {
    font-size:26px;
}

/*修改登录小工具背景*/
.user-w-logon {
    background:#f6f6f6;
    background-image:none;
}

/*修改小工具标题背景*/
.b2-widget-title {
    background:#f6f6f6;
}

/*修改小工具标题位置*/
.b2-widget-title h2, .widget > h2 {
    padding:20px;
}

/*修改底部小工具标题背景及位置*/
.site-footer .widget-title {
    background:#f6f6f6;
    padding:20px;
}

/*修改标签云小工具内容位置*/
.widget_tag_cloud > div {
    padding:16px 0;
}

/*修改关于小工具位置*/
.b2-widget-about .about-widget {
    margin-top:0;
}

/*修改专题左右按钮背景并去掉阴影*/
.collection-button {
	box-shadow:none;
	background:#f6f6f6;
}

/*VIP数量隐藏*/
<?php
/**
 * vip页面
 */
get_header();
?>
<div id="vips" v-cloak>
    <div class="vip-top">
        <div class="content-area wrapper">
            <h1><?php echo get_bloginfo('name');?></h1>
            <p><?php echo get_bloginfo('description');?></p>
            <div class="vip-count">
                <ul>
                    <li v-for="(item,index) in data.count" v-if="data.data" v-cloak>
                        <div class="vip-in b2-radius box">
                            <span v-text="item.name" :style="'color:'+data.data[index].color"></span>
                            <!--<span class="vip-in-number"><b><?php echo __('已加入','b2'); ?></b>{{parseInt(item.count)}}<b><?php echo __('人','b2'); ?></b></span> -->
                            <button class="empty" @click="join(item.lv,item.name,data.data[index].price)"><span v-if="data.data[index].allow_buy === false"><?php echo __('续签会员','b2'); ?></span><span v-else><?php echo __('立刻加入','b2'); ?></span></button>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="vip-current" v-if="data.user">
                <span v-if="data.user == 'guest'">
                    <?php echo __('您当前为游客，请登录以后操作','b2'); ?>
                </span>
                <span v-else-if="!data.user.vip.lv">
                    <?php echo __('您当前为普通用户，推荐升级成高级会员！','b2'); ?>
                </span>
                <div v-else>
                    <?php echo sprintf(__('您当前为%s用户，有效期至：%s','b2'),'<span v-html="data.user.vip.icon"></span>','<span v-text="data.user.time === 'long' ? ''.__('终身','b2').'' : data.user.time"></span>'); ?>
                </div>
            </div>
        </div>
    </div>
    <div class="content-area vip-page wrapper">
        <main id="main" class="site-main b2-radius" ref="vips">
            <div class="vip-list">
                <div class="vip-item" v-for="(item,index) in data.data">
                    <div class="vip-list-in box b2-radius">
                        <h2 v-text="item.name" :style="'color:'+item.color"></h2>
                        <div class="vip-price">
                            <div class="vip-price-money"><?php echo B2_MONEY_SYMBOL; ?><span v-text="item.price"></span>/</div>
                            <div class="vip-price-day"><span v-if="item.time > 0">{{item.time}}<?php echo __('天','b2'); ?></span><span v-else>终身</span></div>
                        </div>
                        <div class="vip-row">
                            <ul>
                                <li :class="['vip-allow',{'allow':item.allow_read === '1'}]">
                                    <span v-if="item.allow_read === '1'"><?php echo b2_get_icon('b2-dui'); ?></span>
                                    <span v-else><?php echo b2_get_icon('b2-cuowu1'); ?></span>
                                    <?php echo __('查看所有隐藏内容','b2'); ?></li>
                                <li :class="['vip-allow',{'allow':item.allow_download === '1'}]">
                                    <div v-if="item.allow_download === '1'"><?php echo b2_get_icon('b2-dui'); ?><?php echo __('免费下载资源','b2'); ?><span>{{item.allow_download_count}}<?php echo __('次/天','b2'); ?></span></div>
                                    <div v-else><?php echo b2_get_icon('b2-cuowu1'); ?><?php echo __('免费下载资源','b2'); ?></div>
                                </li>
                                <li :class="['vip-allow',{'allow':item.allow_videos === '1'}]">
                                    <div v-if="item.allow_videos === '1'"><?php echo b2_get_icon('b2-dui'); ?><?php echo __('免费查看所有付费视频','b2'); ?></div>
                                    <div v-else><?php echo b2_get_icon('b2-cuowu1'); ?><?php echo __('免费查看所有付费视频','b2'); ?></div>
                                </li>
                                <li v-for="role in item.user_role" :class="['vip-allow',{'allow':role.allow}]">
                                    <span v-if="role.allow"><?php echo b2_get_icon('b2-dui'); ?></span>
                                    <span v-else><?php echo b2_get_icon('b2-cuowu1'); ?></span>
                                    <span>{{role.name}}</span>
                                </li>
                                <li class="vip-allow allow">
                                    <?php echo b2_get_icon('b2-dui'); ?><?php echo __('享受专属打折商品','b2'); ?>
                                </li>
                                <li class="vip-allow allow more">
                                    <?php echo __('更多...','b2'); ?>
                                </li>
                            </ul>
                        </div>
                        <div class="vip-buy"><button @click="join('vip'+index,item.name,item.price)"><span v-if="item.allow_buy === false"><?php echo __('续签会员','b2'); ?></span><span v-else><?php echo __('立刻加入','b2'); ?></span></button></div>
                    </div>
                </div>
            </div>
            <div class="vip-footer">
                <h2>常见问题</h2>
                <p>FAQ</p>
                <div class="vip-faq box">
                    <div class="vip-faq-list" @click.stop="showAc($event)">
                        <h2><?php echo __('开通VIP的好处？','b2'); ?></h2>
                        <p class="b2-hidden"><?php echo __('VIP会员根据等级在相应的有效期内享有本站所有资源免费下载资源的权力，免费查看隐藏内容的权力，免费查看视频的权力，同时本站商品还会获得打折价格，并且拥有其他特殊的权力。','b2'); ?></p>
                    </div>
                    <div class="vip-faq-list" @click.stop="showAc($event)">
                        <h2><?php echo __('VIP资源需要单独购买吗？','b2'); ?></h2>
                        <p class="b2-hidden"><?php echo __('不同的VIP拥有不同的权限，通常VIP会员拥有免费资格享受各种资源的权力，但不排除某些特殊情况。','b2'); ?></p>
                    </div>
                    <div class="vip-faq-list" @click.stop="showAc($event)">
                        <h2><?php echo __('VIP会员是否无限次下载资源？','b2'); ?></h2>
                        <p class="b2-hidden"><?php echo __('在遵守VIP会员协议前提下，VIP会员在会员有效期内可以下载所有免费和VIP资源。','b2'); ?></p>
                    </div>
                    <div class="vip-faq-list" @click.stop="showAc($event)">
                        <h2><?php echo __('是否可以与他人分享VIP会员账号？','b2'); ?></h2>
                        <p class="b2-hidden"><?php echo __('一个VIP账号仅限一个人使用，禁止与他人分享账号，一经发现做永久封号处理。','b2'); ?></p>
                    </div>
                    <div class="vip-faq-list" @click.stop="showAc($event)">
                        <h2><?php echo __('是否可以申请退款？','b2'); ?></h2>
                        <p class="b2-hidden"><?php echo __('VIP会员属于虚拟服务，付款后不能够申请退款。如付钱前有任何疑问，联系站长处理','b2'); ?></p>
                    </div>
                    <div class="vip-faq-list" @click.stop="showAc($event)">
                        <h2><?php echo __('遇到付款失败，付款后没有生效怎么办？','b2'); ?></h2>
                        <p class="b2-hidden"><?php echo __('理论上来说正常付款后不会出现此类问题，但是也会有部分用户因为网络等原因导致在付款的过程中会有一些小插曲，如果出现类似问题，大可不必惊慌，本站所有支付都会生成订单，不管成功还是失败，所以如果真正遇到网络问题导致付款失败您又不知道是否成功是，请查看自己的个人中心的订单管理，截图联系管理员处理。','b2'); ?></p>
                    </div>
                </div>
            </div>
        </main>
    </div>
</div>
<?php
get_footer();

 

 

 

 

[/content_hide]