Skip to content

Commit 3b321ef

Browse files
LIANGLINJIANG888LIANGLINJIANG888
committed
pageSidebar modify
1 parent 09cf631 commit 3b321ef

3 files changed

Lines changed: 69 additions & 10 deletions

File tree

‎docs/.vuepress/theme/components/PageSidebar.vue‎

Lines changed: 67 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -34,27 +34,86 @@
3434
</div>
3535
</div>
3636
</div>
37-
<!-- <div class="option-box">-->
38-
<!-- <FullScreenBtn />-->
39-
<!-- </div>-->
37+
<div class="option-box" v-on:mouseover="showToc($event)" v-on:mouseout="hideToc($event)">
38+
<img src="/images/system/wechat.png" class="nozoom" />
39+
<span class="show-txt">手机看</span>
40+
<div class="toc-container">
41+
<div class="pos-box">
42+
<div class="icon-arrow"></div>
43+
<div class="scroll-box" style="text-align:center" >
44+
<span style="font-size:0.9rem">微信扫一扫</span>
45+
<img v-bind="{src: 'https://api.qrserver.com/v1/create-qr-code/?data=https://bugstack.cn'+this.$route.fullPath }" height="180px" style="margin:10px;"/>
46+
可以<b>手机看</b>或分享至<b>朋友圈</b>
47+
</div>
48+
</div>
49+
</div>
50+
</div>
4051

41-
<!-- <div class="option-box" @click="$emit('toggle-sidebar-force')">
52+
<div class="option-box" @click="$emit('toggle-sidebar-force')">
4253
<img src="/images/system/toggle.png" width="30px" class="nozoom" />
4354
<span class="show-txt">左栏</span>
4455
</div>
4556

46-
<div class="option-box" v-on:mouseout="hideToc($event)" v-on:mouseover="showToc($event)">
57+
<div class="option-box" v-on:mouseout="hideToc($event)" v-on:mouseover="showToc($event)" onclick="javascript:window.open('https://wx.zsxq.com/dweb2/index/group/48411118851818','_blank')">
4758
<img class="nozoom" src="/images/system/xingqiu.png" width="25px" />
48-
<span class="show-txt">微信联系我</span>
59+
<span class="show-txt">星球</span>
4960
<div class="toc-container">
5061
<div class="pos-box">
5162
<div class="icon-arrow"></div>
5263
<div class="scroll-box" style="text-align:center" >
53-
<img height="180px" src="/assets/img/weixin.jpg" style="margin:1px;"/>
64+
<span style="font-size:0.8rem;font-weight:bold;">实战项目<span style="font-size:8px;color:red;">「DDD+RPC分布式抽奖系统」</span>、专属小册、问题解答、简历指导、架构图稿、视频课程</span>
65+
<img height="180px" src="/images/personal/xingqiu.png" style="margin:10px;"/>
66+
<b>知识星球</b>：码农会锁
5467
</div>
5568
</div>
5669
</div>
57-
</div> -->
70+
</div>
71+
72+
<div class="option-box" v-on:mouseover="showToc($event)" v-on:mouseout="hideToc($event)">
73+
<img class="nozoom" src="/images/system/wexin4.png" width="25px" />
74+
<span class="show-txt">读者群</span>
75+
<div class="toc-container">
76+
<div class="pos-box">
77+
<div class="icon-arrow"></div>
78+
<div class="scroll-box" style="text-align:center" >
79+
<span style="font-size:0.8rem;font-weight:bold;">添加小傅哥微信<span style="color:red;">(fustack)</span>进虫洞栈学习交流圈「无任何套路」</span>
80+
<img src="/images/personal/fustack.png" height="180px" style="margin:10px;"/>
81+
PS：添加时请备注<b>读者加群</b>，谢谢！
82+
</div>
83+
</div>
84+
</div>
85+
</div>
86+
87+
<div class="option-box" v-on:mouseover="showToc($event)" v-on:mouseout="hideToc($event)">
88+
<img class="nozoom" src="/images/system/download-2.png" width="25px" />
89+
<span class="show-txt">下资料</span>
90+
<div class="toc-container">
91+
<div class="pos-box">
92+
<div class="icon-arrow"></div>
93+
<div class="scroll-box" style="text-align:center" >
94+
<span style="font-size:0.8rem;font-weight:bold;">扫描公众号，回复<span style="color:red;">“1024”</span>下载<span style="color:red;">100GB+</span>大学到毕业分阶段学习技术资料、PDF书籍、实战项目、简历模板等「无任何套路」</span>
95+
<img src="/images/personal/qrcode.png" height="180px" style="margin:10px;"/>
96+
<b>公众号:</b> bugstack虫洞栈
97+
</div>
98+
</div>
99+
</div>
100+
</div>
101+
102+
<div class="option-box" v-on:mouseover="showToc($event)" v-on:mouseout="hideToc($event)">
103+
<img class="nozoom" src="/images/system/heart-1.png" width="25px" />
104+
<span class="show-txt">赞赏我</span>
105+
<div class="toc-container">
106+
<div class="pos-box">
107+
<div class="icon-arrow"></div>
108+
<div class="scroll-box" style="text-align:center" >
109+
<span style="font-size:0.8rem;font-weight:bold;">鼓励/支持/赞赏我</span>
110+
<img height="180px" src="/images/personal/encourage-head.png" style="margin:5px;"/>
111+
<br>1. 不靠它生存但仍希望得到你的鼓励；
112+
<br>2. 时刻警醒自己保持技术人的初心，沉淀，分享，成长；
113+
</div>
114+
</div>
115+
</div>
116+
</div>
58117

59118
<div class="option-box" v-if="prev" style="padding-left:2px;text-align:center;" v-bind:title="prev.title">
60119
<router-link v-if="prev" :to="prev.path" >

‎node_modules.zip‎

52 MB
Binary file not shown.

‎package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
"@vuepress/plugin-back-to-top": "^1.8.2",
1111
"@vuepress/plugin-google-analytics": "^1.8.2",
1212
"@vuepress/plugin-medium-zoom": "^1.8.2",
13-
"vuepress": "^1.8.2",
13+
"vuepress": "^1.9.10",
1414
"vuepress-plugin-seo": "^0.1.4",
1515
"vuepress-plugin-sitemap": "^2.3.1",
1616
"vuepress-plugin-tags": "^1.0.2",
@@ -30,4 +30,4 @@
3030
"vuepress-plugin-img-lazy": "^1.0.4",
3131
"vuepress-plugin-table-of-contents": "^1.1.7"
3232
}
33-
}
33+
}

0 commit comments

Comments
 (0)