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

优化赞赏引导

Browse Source
This commit is contained in:
huanqing.shao
2019-09-09 12:43:41 +08:00
parent 4675713785
commit 4049e73ce2
4 changed files with 30 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
.vuepress/components/StarGazer.vue
View File

@ -6,12 +6,16 @@
width="50%" width="50%"
:append-to-body ="true"> :append-to-body ="true">
<div style="text-align: center;"> <div style="text-align: center;">
<div style="margin-top: 10px;">本站所有内容<span style="color: red;">全部免费</span>！</div> <div style="margin-top: 10px;">本站所有内容 <span style="color: red;">全部免费</span>！</div>
<div style="margin-top: 10px;">给一个 github star，<span style="color: red;">给一份鼓励</span>！</div>
<div style="margin-top: 10px;">未打赏用户可进 QQ 群聊，<span style="color: red;">打赏用户可进微信群聊</span>。</div> <div style="margin-top: 10px;">未打赏用户可进 QQ 群聊，<span style="color: red;">打赏用户可进微信群聊</span>。</div>
<p> <div style="margin-top: 10px;">
<img src="../theme/layouts/dz.png" style="width: 150px;"></img> <span style="font-size: 13px;">扫第一个二维码完成打赏，扫第二个进微信群聊</span>
</p> <p style="margin-top: 10px;">
<img src="../theme/layouts/dz.png" style="width: 150px; margin-right: 150px;"></img>
<img src="../theme/layouts/dz2.jpeg" style="width: 150px;"></img>
</p>
</div>
<div style="margin-bottom: 10px;">不方便给打赏的话，那就 <span style="color: red;">给一个 github star</span> 吧！</div>
<span>点击 “够义气，现在就去！” 后，此窗口将不再弹出。请在 github Star本项目</span> <span>点击 “够义气，现在就去！” 后，此窗口将不再弹出。请在 github Star本项目</span>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
@ -42,14 +46,14 @@ export default {
methods: { methods: {
waitAMoment() { waitAMoment() {
this.dialogVisible = false this.dialogVisible = false
if (localStorage.getItem('stared') === 'true') { if (localStorage.getItem('stared') === 'true1') {
return return
} }
let _this = this let _this = this
setTimeout(_ => { setTimeout(_ => {
_this.dialogVisible = true _this.dialogVisible = true
// }, 10000) }, 10000)
}, 60000 * 3) // }, 60000 * 3)
}, },
gotoStar() { gotoStar() {
this.dialogVisible = false this.dialogVisible = false

5
.vuepress/theme/layouts/Layout.vue
View File

@ -3,9 +3,10 @@
<div slot="sidebar-top"> <div slot="sidebar-top">
<div style="text-align: center; margin-top: 10px;"> <div style="text-align: center; margin-top: 10px;">
<div> <div>
<span style="font-size: 13px;">打赏用户可进微信群聊</span> <span style="font-size: 13px;">扫第一个二维码完成打赏，扫第二个进微信群聊</span>
<p style="margin-top: 10px;"> <p style="margin-top: 10px;">
<img src="./dz.png" style="width: 120px;"></img> <img src="./dz.png" style="width: 120px; margin-right: 20px;"></img>
<img src="./dz2.jpeg" style="width: 120px;"></img>
</p> </p>
</div> </div>
<div class="side-nav-item" :style="activeLinkStyle('/overview/') + 'margin-left: 0;'"> <div class="side-nav-item" :style="activeLinkStyle('/overview/') + 'margin-left: 0;'">

21
.vuepress/theme/layouts/LearningLayout.vue
View File

@ -3,9 +3,10 @@
<div slot="sidebar-top"> <div slot="sidebar-top">
<div style="text-align: center; margin-top: 10px;"> <div style="text-align: center; margin-top: 10px;">
<div> <div>
<span style="font-size: 13px;">打赏用户可进微信群聊</span> <span style="font-size: 13px;">扫第一个二维码完成打赏，扫第二个进微信群聊</span>
<p style="margin-top: 10px;"> <p style="margin-top: 10px;">
<img src="./dz.png" style="width: 120px;"></img> <img src="./dz.png" style="width: 120px; margin-right: 20px;"></img>
<img src="./dz2.jpeg" style="width: 120px;"></img>
</p> </p>
</div> </div>
<div class="side-nav-item" :style="activeLinkStyle('/overview/') + 'margin-left: 0;'"> <div class="side-nav-item" :style="activeLinkStyle('/overview/') + 'margin-left: 0;'">
@ -30,10 +31,18 @@
<StarGazer/> <StarGazer/>
</div> </div>
<div slot="page-top" class="theme-default-content content__default page-top"> <div slot="page-top" class="theme-default-content content__default page-top">
<div class="tip custom-block" style="padding: 20px;"> <div class="tip custom-block" style="padding: 10px 20px;">
<li><span style="color: red; font-weight: 500;">免费</span> Kubernetes 教程，绝不降低品质</li> <div style="display: inline-block; vertical-align: top;">
<li>QQ 群 <span style="color: red; font-weight: 500;">在线答疑</span>，加群请扫描左侧导航<span style="color: red; font-weight: 500;">下方</span>的二维码</li> <li><span style="color: red; font-weight: 500;">免费</span> Kubernetes 教程，绝不降低品质</li>
<li>根据答疑情况，<span style="color: red; font-weight: 500;">不断完善</span> 教程</li> <li><span style="color: red; font-weight: 500;">在线答疑</span> 扫第一个二维码完成打赏，扫第二个进微信群聊</li>
<li>未打赏用户可加 QQ 群，请扫描左侧导航<span style="color: red; font-weight: 500;">下方</span>的二维码</li>
<li>根据答疑情况，<span style="color: red; font-weight: 500;">不断完善</span> 教程</li>
</div>
<div style="display: inline-block; margin-left: 10px;">
<img src="./dz.png" style="width: 100px; margin-right: 100px;"></img>
<img src="./dz2.jpeg" style="width: 100px;"></img>
</div>
</div> </div>
</div> </div>
<div slot="page-bottom" class="bottom-description">Copyright © 2019-present 邵欢庆 <a href="http://www.eigpay.com" target="_blank">仁聚汇通</a> | 京ICP备19008693号-2</div> <div slot="page-bottom" class="bottom-description">Copyright © 2019-present 邵欢庆 <a href="http://www.eigpay.com" target="_blank">仁聚汇通</a> | 京ICP备19008693号-2</div>

BIN
.vuepress/theme/layouts/dz2.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB