From c0e1998f807034a77118675132f2b7eae07d8908 Mon Sep 17 00:00:00 2001
From: DCloud_LXH <283700113@qq.com>
Date: Fri, 11 Feb 2022 15:05:16 +0800
Subject: [PATCH] feat: SiderBarBottom

---
 docs/.vuepress/markdown/navbar.config.js      |   4 +-
 .../theme/components/SiderBarBottom.vue       | 136 ++++++++++++++
 docs/.vuepress/theme/config/siderbar/index.js |   7 +
 .../theme/config/siderbar/uni-app.js          | 176 ++++++++++++++++++
 .../theme/config/siderbar/uniCloud.js         |  39 ++++
 docs/.vuepress/theme/layouts/Layout.vue       |   5 +-
 docs/.vuepress/theme/mixin/navInject.js       |   2 +-
 docs/.vuepress/theme/mixin/navProvider.js     |   3 +-
 8 files changed, 367 insertions(+), 5 deletions(-)
 create mode 100644 docs/.vuepress/theme/components/SiderBarBottom.vue
 create mode 100644 docs/.vuepress/theme/config/siderbar/index.js
 create mode 100644 docs/.vuepress/theme/config/siderbar/uni-app.js
 create mode 100644 docs/.vuepress/theme/config/siderbar/uniCloud.js

diff --git a/docs/.vuepress/markdown/navbar.config.js b/docs/.vuepress/markdown/navbar.config.js
index 435087e92..cacf6df74 100644
--- a/docs/.vuepress/markdown/navbar.config.js
+++ b/docs/.vuepress/markdown/navbar.config.js
@@ -112,12 +112,12 @@ export const navbar = [
           },
         ]
       },
-      {
+      /* {
         link: "https://github.com/dcloudio/uni-app",
         target: "_blank",
         text: "GitHub",
         type: "link"
-      }
+      } */
     ]
   },
   {
diff --git a/docs/.vuepress/theme/components/SiderBarBottom.vue b/docs/.vuepress/theme/components/SiderBarBottom.vue
new file mode 100644
index 000000000..64512a02b
--- /dev/null
+++ b/docs/.vuepress/theme/components/SiderBarBottom.vue
@@ -0,0 +1,136 @@
+<template>
+	<div class="contact-box">
+		<template v-if="currentConfig.contactItems && currentConfig.contactItems.length">
+			<template v-for="item in currentConfig.contactItems">
+				<a :key="item.name" :href="item.url" target="_blank" class="contact-item">
+					<img :src="item.imageUrl" width="20" height="20" />
+					<div class="contact-smg">
+						<div>{{ item.name }}</div>
+					</div>
+				</a>
+			</template>
+		</template>
+		<div class="contact-item" v-if="currentConfig.codeHosting && currentConfig.codeHosting.length">
+			<img
+				src="https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/74cda950-4f2d-11eb-a16f-5b3e54966275.png"
+				width="20"
+				height="20"
+			/>
+			<div class="contact-smg">
+				<div>
+					代码仓库：
+					<template v-for="(item, index) in currentConfig.codeHosting">
+						<a :key="item.url" :href="item.url" target="_blank">{{ item.name }}</a>
+						{{ currentConfig.codeHosting.length - index > 1 ? '、' : '' }}
+					</template>
+				</div>
+			</div>
+		</div>
+		<div class="contact-item" v-if="currentQQGroup.length">
+			<img
+				src="https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/759713d0-4f2d-11eb-a16f-5b3e54966275.png"
+				width="20"
+				height="20"
+			/>
+			<div class="contact-smg">
+				<div>官方QQ交流群</div>
+				<template v-for="(item, index) in currentQQGroup">
+					<div v-if="!item.state" :key="item.number">
+						群{{ currentQQGroup.length - index }}：{{ item.number }} &nbsp;
+						<a
+							target="_blank"
+							style="text-decoration: underline"
+							href="https://qm.qq.com/cgi-bin/qm/qr?k=r70TY1MkPklo86bS7CbXRG7PF97RiY6R&jump_from=webapi"
+						>
+							点此加入
+						</a>
+					</div>
+					<div v-else :key="item.number">
+						群{{ currentQQGroup.length - index }}：{{ item.number }}（{{
+							item.attendance || 2000
+						}}人已满）
+					</div>
+				</template>
+			</div>
+		</div>
+		<div class="contact-item">
+			<img
+				src="https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/77df7d30-4f2d-11eb-bd01-97bc1429a9ff.png"
+				width="20"
+				height="20"
+			/>
+			<div class="contact-smg">
+				<div>关注微信公众号</div>
+				<img
+					src="https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/78a8e7b0-4f2d-11eb-8ff1-d5dcf8779628.jpg"
+					width="90"
+					height="90"
+				/>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+	import navInject from '../mixin/navInject';
+	import siderbarConfig from '../config/siderbar';
+	export default {
+		mixins: [navInject],
+
+		data: () => ({
+			siderbarConfig,
+		}),
+
+		computed: {
+			currentConfig() {
+				return this.siderbarConfig[this.customNavBarKeys[this.navConfig.userNavIndex]];
+			},
+			currentQQGroup() {
+				return [...(this.currentConfig.qq_group || [])].reverse();
+			},
+		},
+	};
+</script>
+
+<style>
+	.contact-box {
+		border-top: 1px solid #eee;
+		margin-top: 20px;
+		margin-bottom: 20px;
+		padding: 0 10px;
+	}
+
+	.contact-box a {
+		color: #42b983;
+	}
+
+	.contact-item {
+		padding-top: 30px;
+		padding-left: 0;
+		display: flex;
+		flex-direction: row;
+	}
+
+	a.contact-item {
+		display: flex;
+		padding: 0;
+		margin-top: 20px;
+		padding-left: 0;
+		text-decoration: none;
+	}
+
+	.contact-item > img {
+		margin: 3px 10px 0 10px;
+	}
+
+	.contact-smg {
+		display: flex;
+		flex-direction: column;
+	}
+
+	.contact-smg div {
+		font-size: 15px;
+		color: #000000;
+		line-height: 24px;
+	}
+</style>
diff --git a/docs/.vuepress/theme/config/siderbar/index.js b/docs/.vuepress/theme/config/siderbar/index.js
new file mode 100644
index 000000000..69c943fbe
--- /dev/null
+++ b/docs/.vuepress/theme/config/siderbar/index.js
@@ -0,0 +1,7 @@
+import uniapp from './uni-app';
+import uniCloud from './uniCloud';
+
+export default {
+  "uni-app": uniapp,
+  uniCloud
+}
diff --git a/docs/.vuepress/theme/config/siderbar/uni-app.js b/docs/.vuepress/theme/config/siderbar/uni-app.js
new file mode 100644
index 000000000..1cf64a9af
--- /dev/null
+++ b/docs/.vuepress/theme/config/siderbar/uni-app.js
@@ -0,0 +1,176 @@
+export default {
+  contactItems: [
+    {
+      name: 'uniCloud Web控制台',
+      url: 'https://unicloud.dcloud.net.cn',
+      imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/7962e8e0-4f2d-11eb-a16f-5b3e54966275.jpg'
+    },
+    {
+      name: '论坛',
+      url: 'https://ask.dcloud.net.cn/explore/',
+      imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/73fc4f90-4f2d-11eb-a16f-5b3e54966275.png'
+    },
+    {
+      name: 'uniAD',
+      url: 'https://uniad.dcloud.net.cn',
+      imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/765d9820-4f2d-11eb-bd01-97bc1429a9ff.png'
+    },
+    {
+      name: 'uni统计',
+      url: 'https://tongji.dcloud.net.cn/',
+      imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/77159d80-4f2d-11eb-a16f-5b3e54966275.png'
+    }
+  ],
+  codeHosting: [
+    {
+      name: '码云',
+      url: 'https://gitee.com/dcloud/uni-app'
+    },
+    {
+      name: 'GitHub',
+      url: 'http://github.com/dcloudio/uni-app'
+    }
+  ],
+  qq_group: [
+    {
+      "number": "531031261",
+      "state": 1
+    },
+    {
+      "number": "901474938",
+      "state": 1
+    },
+    {
+      "number": "773794803",
+      "state": 1
+    },
+    {
+      "number": "942702595",
+      "state": 1
+    },
+    {
+      "number": "731951419",
+      "state": 1
+    },
+    {
+      "number": "697264024",
+      "state": 1
+    },
+    {
+      "number": "942061423",
+      "state": 1
+    },
+    {
+      "number": "695442854",
+      "state": 1
+    },
+    {
+      "number": "775128777",
+      "state": 1
+    },
+    {
+      "number": "959059626",
+      "state": 1
+    },
+    {
+      "number": "296811328",
+      "state": 1
+    },
+    {
+      "number": "884860657",
+      "state": 1
+    },
+    {
+      "number": "699478442",
+      "state": 1
+    },
+    {
+      "number": "465953250",
+      "state": 1
+    },
+    {
+      "number": "516984120",
+      "state": 1
+    },
+    {
+      "number": "719211033",
+      "state": 1
+    },
+    {
+      "number": "951348804",
+      "state": 1
+    },
+    {
+      "number": "698592271",
+      "state": 1
+    },
+    {
+      "number": "165657124",
+      "state": 1
+    },
+    {
+      "number": "165796402",
+      "state": 1
+    },
+    {
+      "number": "717019120",
+      "state": 1
+    },
+    {
+      "number": "687186952",
+      "state": 1
+    },
+    {
+      "number": "599958679",
+      "state": 1
+    },
+    {
+      "number": "672494800",
+      "state": 1
+    },
+    {
+      "number": "165297000",
+      "state": 1
+    },
+    {
+      "number": "811363410",
+      "state": 1
+    },
+    {
+      "number": "166188776",
+      "state": 1
+    },
+    {
+      "number": "202965481",
+      "state": 1
+    },
+    {
+      "number": "371046920",
+      "state": 1
+    },
+    {
+      "number": "567471669",
+      "state": 1
+    },
+    {
+      "number": "166188631",
+      "state": 1
+    },
+    {
+      "number": "498071674",
+      "state": 1
+    },
+    {
+      "number": "530305531",
+      "state": 1
+    },
+    {
+      "number": "713420817",
+      "state": 1
+    },
+    {
+      "number": "147867597",
+      "state": 0
+    }
+  ]
+}
\ No newline at end of file
diff --git a/docs/.vuepress/theme/config/siderbar/uniCloud.js b/docs/.vuepress/theme/config/siderbar/uniCloud.js
new file mode 100644
index 000000000..ceb5fb992
--- /dev/null
+++ b/docs/.vuepress/theme/config/siderbar/uniCloud.js
@@ -0,0 +1,39 @@
+export default {
+  contactItems: [
+    {
+      name: 'uniCloud Web控制台',
+      url: 'https://unicloud.dcloud.net.cn',
+      imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/7962e8e0-4f2d-11eb-a16f-5b3e54966275.jpg'
+    },
+    {
+      name: '论坛',
+      url: 'https://ask.dcloud.net.cn/explore/',
+      imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/73fc4f90-4f2d-11eb-a16f-5b3e54966275.png'
+    },
+    {
+      name: 'uniAD',
+      url: 'https://uniad.dcloud.net.cn',
+      imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/765d9820-4f2d-11eb-bd01-97bc1429a9ff.png'
+    },
+    {
+      name: 'uni统计',
+      url: 'https://tongji.dcloud.net.cn/',
+      imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/77159d80-4f2d-11eb-a16f-5b3e54966275.png'
+    }
+  ],
+  qq_group: [
+    {
+      "number": "1012245137",
+      "state": 1
+    },
+    {
+      "number": "749911289",
+      "state": 1,
+      attendance: 1000
+    },
+    {
+      "number": "599819864",
+      "state": 0
+    },
+  ]
+}
\ No newline at end of file
diff --git a/docs/.vuepress/theme/layouts/Layout.vue b/docs/.vuepress/theme/layouts/Layout.vue
index d1486ceca..26a98a722 100644
--- a/docs/.vuepress/theme/layouts/Layout.vue
+++ b/docs/.vuepress/theme/layouts/Layout.vue
@@ -24,6 +24,7 @@
       </template>
       <template #bottom>
         <slot name="sidebar-bottom" />
+        <SiderBarBottom />
       </template>
     </Sidebar>
 
@@ -50,6 +51,7 @@ import Navbar from '@theme/components/Navbar.vue'
 import Page from '@theme/components/Page.vue'
 import Sidebar from '@theme/components/Sidebar.vue'
 import Footer from '@theme/components/Footer.vue';
+import SiderBarBottom from '../components/SiderBarBottom.vue';
 import { resolveSidebarItems, forbidScroll } from '../util'
 import navProvider from '../mixin/navProvider';
 
@@ -61,7 +63,8 @@ export default {
     Page,
     Sidebar,
     Navbar,
-    Footer
+    Footer,
+    SiderBarBottom
   },
   data () {
     return {
diff --git a/docs/.vuepress/theme/mixin/navInject.js b/docs/.vuepress/theme/mixin/navInject.js
index 6eb511e98..b69e77e9c 100644
--- a/docs/.vuepress/theme/mixin/navInject.js
+++ b/docs/.vuepress/theme/mixin/navInject.js
@@ -1,5 +1,5 @@
 export default {
-  inject: ['navConfig', 'customNavBar', 'changeUserNav'],
+  inject: ['navConfig', 'customNavBar', 'changeUserNav', 'customNavBarKeys'],
 
   computed: {
     showSubNavBar() {
diff --git a/docs/.vuepress/theme/mixin/navProvider.js b/docs/.vuepress/theme/mixin/navProvider.js
index 305d0d062..24db56990 100644
--- a/docs/.vuepress/theme/mixin/navProvider.js
+++ b/docs/.vuepress/theme/mixin/navProvider.js
@@ -9,7 +9,8 @@ export default {
     return {
       navConfig: this.navConfig,
       customNavBar: this.customNavBar,
-      changeUserNav: this.changeUserNav
+      changeUserNav: this.changeUserNav,
+      customNavBarKeys: this.customNavBarKeys
     }
   },
 
-- 
GitLab