Merge branch 'new-share' into pre

src/components/country/index.scss

+
+body {
+  height: 100%;
+}
+#root {
+  height: 100%;
+  // background-color: #F5F5F5;
+}
+.page-body {
+  height: 100%;
+  // background-color: #F5F5F5;
+}
+
+.country-header {
+  margin: 0;
+  padding: 0 13px;
+  font-size: 15px;
+  font-family: Hiragino Sans GB;
+  font-weight: normal;
+  color: #3E3E3E;
+  line-height: 28px;
+  background-color: #F5F5F5;
+}
+
+.country-list {
+
+  .country-item {
+
+    &:nth-child(n+2) {
+      border-top: 1px solid #ECECEC;
+    }
+  }
+}
+
+.country-item {
+  margin: 0 12px;
+}
+
+.country-item__link {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 50px;
+}
+
+.country-name {
+  font-size: 15px;
+  font-family: Hiragino Sans GB;
+  color: #3E3E3E;
+}
+
+.country-num {
+  font-size: 15px;
+  font-family: Hiragino Sans GB;
+  color: #555;
+}
+
+// NAV
+.letter-nav {
+  position: fixed;
+  top: 0;
+  right: 2px;
+
+}
+
+.letter-nav__item {
+  width: 12px;
+  // height: 12px;
+  margin-bottom: 6px;
+  font-size: 10px;
+  font-family: Hiragino Sans GB;
+  color: #0099FF;
+  text-align: center;
+  line-height: 12px;
+}
+
+.letter-nav__item--active {
+  border-radius: 50%;
+  color: #fff;
+  background-color: #0099FF;
+}
\ No newline at end of file

src/router/router-config.js

@@ -30,6 +30,7 @@ const Classify = loadable(() => import(/* webpackChunkName: 'Classify'*/'@/compo
 const CampTest = loadable(() => import(/* webpackChunkName: 'Classify'*/'@/components/video/camp/campTest'))
 const CampResolve = loadable(() => import(/* webpackChunkName: 'Classify'*/'@/components/video/camp/campResolve'))
 const ShareCourse = loadable(() => import('@/components/ShareCourse/index'))
+const Country = loadable(() => import('@/components/country/index'))
 export default [
     {
         path: '/',
@@ -154,6 +155,12 @@ export default [
         path: '/ShareCourse',
         component: ShareCourse
     },
+
+    // 区号
+    {
+        path: '/country',
+        component: Country
+    },
     {
         path: '/togroup',
         component: ToGroup