andre/kuboard-press
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

lazyload

Browse Source
This commit is contained in:
huanqing.shao
2019-11-03 21:51:07 +08:00
parent a7ffaa1f8d
commit c7ca6dc076
14 changed files with 168 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
.vuepress/theme/components/JoinCommunity.vue
View File

@ -1,23 +1,25 @@
<template>
<div class="page-nav" style="max-width: 1000px; padding: 1rem; text-align: center;">
<b-alert style="margin-bottom: 0;" show variant="primary">免费答疑</b-alert>
<grid :rwd="{compact: 'stack'}">
<grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}" >
<b-card style="height: 100%; margin-top: 1rem;" shadow="none" :body-style="{padding: '0rem 1.5rem'}"
data-aos="fade-up" data-aos-duration="800">
<h4>QQ群</h4>
<div>
<!-- 一键进群 -->
<Qq/>
<!-- 808894550 -->
</div>
<p style="margin-bottom: 0; margin-top: 10px;">
<img style="margin: auto; width: 150px;" src="/images/kuboard_qq.png" alt="Kubernetes教程：QQ群在线答疑"/>
</p>
</b-card>
</grid-item>
<grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}">
<b-card style="height: 100%; color: #2c3e50; line-height: 1.7; margin-top: 1rem;" shadow="none" :body-style="{padding: '0rem 1.5rem'}"
<div>
<div class="row" style="margin-top: 1rem;">
<div class="col-md-4 col-sm-12">
<b-card style="height: 100%; " shadow="none" :body-style="{padding: '0rem 1.5rem'}"
data-aos="fade-up" data-aos-duration="800">
<h4>QQ群</h4>
<div>
<!-- 一键进群 -->
<Qq/>
<!-- 808894550 -->
</div>
<p style="margin-bottom: 0; margin-top: 10px;">
<img style="margin: auto; width: 150px;" src="/images/kuboard_qq.png" alt="Kubernetes教程：QQ群在线答疑"/>
</p>
</b-card>
</div>
<div class="col-md-4 col-sm-12">
<b-card style="height: 100%; color: #2c3e50; line-height: 1.7; " shadow="none" :body-style="{padding: '0rem 1.5rem'}"
data-aos="fade-up" data-aos-duration="1000">
<h4>微信群</h4>
<div>
@ -30,9 +32,9 @@
</div>
</div>
</b-card>
</grid-item>
<grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}">
<b-card style="height: 100%; color: #2c3e50; line-height: 1.7; margin-top: 1rem; border-color: #f2be45; background-color: rgba(242, 190, 69, 0.1)" shadow="none" :body-style="{padding: '0rem 1.5rem'}"
</div>
<div class="col-md-4 col-sm-12">
<b-card style="height: 100%; color: #2c3e50; line-height: 1.7; border-color: #f2be45; background-color: rgba(242, 190, 69, 0.1)" shadow="none" :body-style="{padding: '0rem 1.5rem'}"
data-aos="fade-up" data-aos-duration="1200">
<h4>VIP群</h4>
<div>
@ -45,8 +47,9 @@
</div>
</div>
</b-card>
</grid-item>
</grid>
</div>
</div>
</div>
</div>
</template>

8
.vuepress/theme/components/Page.vue
View File

@ -39,13 +39,17 @@
<PageEdit style="max-width: 1000px; padding: 1rem 2.5rem; margin-top: 2rem; background-color: #FFF;"/>
<PageNav v-bind="{ sidebarItems }" style="max-width: 1000px; padding: 1rem 2.5rem;"/>
<div class="page-nav" style="max-width: 1000px; padding-top:0; margin-top: 1rem;" v-show="!$frontmatter.lessAds && !$isSharing">
<AdSensePageBottomInline/>
<LazyLoad :noAdsOnSharing="true">
<AdSensePageBottomInline/>
</LazyLoad>
</div>
<slot name="bottom" />
<PageVssue class="page-nav" style="max-width: 1000px;" v-show="!$isSharing"/>
<FriendlyUrl class="page-nav" style="max-width: 1000px;" v-show="!$isSharing"/>
<StarGazer/>
<AdSenseRightSide v-show="!$isSharing"/>
<LazyLoad :noAdsOnSharing="true">
<AdSenseRightSide v-show="!$isSharing"/>
</LazyLoad>
</main>
</template>

2
.vuepress/theme/components/Sidebar.vue
View File

@ -33,7 +33,7 @@
</p>
<div>
<a target="_blank" :href="`http://demo.kuboard.cn/#/dashboard?k8sToken=${$site.themeConfig.kuboardToken}`">
<FancyImage src="/images/preview.gif" alt="Kubernetes教程_Kuboard在线体验" title="Kuboard" description="快速在 Kubernetes 上落地微服务"></FancyImage>
<FancyImage style="width: 242px;" src="/images/preview.gif" alt="Kubernetes教程_Kuboard在线体验" title="Kuboard" description="快速在 Kubernetes 上落地微服务"></FancyImage>
</a>
</div>
<p>