update

c2308bce · lhh · ec6c33ad · c2308bce · c2308bce · c2308bce
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -8,5 +8,8 @@ module.exports = {
    'vue/comment-directive': 'off',
    'vue/multi-word-component-names': 'off',
    'vue/no-mutating-props': 'off' // 暂时关闭
+  },
+  globals: {
+    wx: true
  }
 }
--- a/index.html
+++ b/index.html
@@ -7,6 +7,7 @@
    <title>金融数据合规管理证书在线学习及考试系统</title>
    <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.9.3/skins/default/aliplayer-min.css" />
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2173492_ctgt96uojqw.css" />
+    <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
  </head>
  <body>
    <script>

--- a/src/components/layout/MobileAside.vue
+++ b/src/components/layout/MobileAside.vue
@@ -69,25 +69,31 @@ export default {
  display: flex;
  justify-content: space-between;
  z-index: 9999;
+  align-items: center;
+  height: 1.1rem;
  .aside-item {
    font-size: 0.28rem;
-    font-weight: bold;
+    // font-weight: bold;
    color: #666666;
-    line-height: 1.1rem;
+    line-height: 0.7rem;
    position: relative;
+    border-radius: .12rem;
+    padding: 0 .09rem;
    &.active {
-      color: #eda023;
-      &::before {
-        content: '';
-        position: absolute;
-        left: 50%;
-        bottom: 0.3rem;
-        transform: translateX(-50%);
-        width: 80%;
-        height: 0.02rem;
-        background: #eda023;
-        border-radius: 0.02rem;
-      }
+      // color: #eda023;
+      color: #fff;
+      background-color: #A91F3B;
+      // &::before {
+      //   content: '';
+      //   position: absolute;
+      //   left: 50%;
+      //   bottom: 0.3rem;
+      //   transform: translateX(-50%);
+      //   width: 80%;
+      //   height: 0.02rem;
+      //   background: #eda023;
+      //   border-radius: 0.02rem;
+      // }
    }
  }
 }

--- a/src/main.js
+++ b/src/main.js
@@ -4,6 +4,7 @@ import router from './router'
 import store from './store'
 import modules from './modules'
 import directives from '@/utils/directives'
+import useWXShare from '@/utils/wx'

 // 公共css
 import './assets/css/base.css'
@@ -35,6 +36,8 @@ modules({ router, store })

 router.beforeEach(beforeEnter)

+useWXShare()
+
 new Vue({
  store,
  router,

--- a/src/utils/wx.js
+++ b/src/utils/wx.js
+import httpRequest from './axios'
+
+export default function useWXShare() {
+  httpRequest
+    .post('https://node-server.ezijing.com/share/getsignature', {
+      appId: 'wx451c01d40d090d7a',
+      url: location.href.split('#').pop()
+    })
+    .then(result => {
+      wx.config({
+        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
+        appId: 'wx451c01d40d090d7a', // 必填，公众号的唯一标识
+        timestamp: result.timestamp, // 必填，生成签名的时间戳
+        nonceStr: result.noncestr, // 必填，生成签名的随机串
+        signature: result.token, // 必填，签名
+        jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData'] // 必填，需要使用的JS接口列表
+      })
+
+      wx.ready(() => {
+        wx.updateAppMessageShareData({
+          title: '金融数据合规管理', // 分享标题
+          desc: '为您数字化转型保驾护航', // 分享描述
+          link: location.href,
+          imgUrl: 'https://webapp-pub.ezijing.com/x-training-new/fd-logo.png'
+        })
+
+        wx.updateTimelineShareData({
+          title: '金融数据合规管理', // 分享标题
+          link: location.href,
+          imgUrl: 'https://webapp-pub.ezijing.com/x-training-new/fd-logo.png'
+        })
+      })
+    })
+}