feat:布展单元、读者功能联调

env.development

 NODE_ENV = 'development'
 VUE_APP_CURRENTMODE = 'dev'
-VUE_APP_BASE_API = 'http://172.24.100.189:8080'
\ No newline at end of file
+# VUE_APP_BASE_API = 'http://172.24.100.189:8080'
+VUE_APP_BASE_API = 'http://222.85.214.245:9062/api'
\ No newline at end of file

package.json

@@ -17,6 +17,8 @@
     "js-cookie": "^3.0.1",
     "mockjs": "^1.1.0",
     "qrcodejs2": "^0.0.2",
+    "svg-sprite-loader": "^6.0.11",
+    "svgo": "^2.8.0",
     "vue": "^2.6.14",
     "vue-router": "^3.5.1",
     "vuex": "^3.6.2"

src/App.vue

@@ -13,22 +13,5 @@ export default {
 };
 </script>
 <style lang="scss">
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-html,
-body {
-  margin: 0;
-  padding: 0;
-  background: #f7f7f7;
-  box-sizing: border-box;
-}
-div,
-span,
-ul,
-li {
-  box-sizing: border-box;
-}
+@import url('@/assets/styles/index.scss');
 </style>

src/api/user.js

 import request from '@/utils/request'
 
+
+export function getVerify() {
+  return request({
+    url: '/sys/getVerify',
+    method: 'get',
+    responseType: 'blob'
+  })
+}
+
+
 export function login(data) {
   return request({
-    url: '/user/login',
+    url: 'sys/user/login',
     method: 'post',
     data
   })
@@ -16,57 +26,31 @@ export function updatePassword(data) {
   })
 }
 
-export function getInfo(token) {
-  return request({
-    url: '/user/getUserInfo',
-    method: 'get',
-    params: {
-      token
-    }
-  })
-}
-
 export function logout() {
   return request({
-    url: '/qljc-web-vue/user/logout',
-    method: 'post'
+    url: '/sys/user/logout',
+    method: 'get'
   })
 }
-
-// 手机短信验证
-export function sendSmsCode(params) {
+// 收藏、取消收藏
+export function toggleCollect(data) {
   return request({
-    url: '/auth/api/smsCaptcha',
+    url: '/bizCollection/update',
     method: 'post',
-    params: params
-  })
-}
-/** *
- * 获取eventType常量
- */
-export function getEventTypePage() {
-  return request({
-    url: '/eventType/page?size=20',
-    method: 'get'
+    data
   })
 }
 
-
-/** *
- * 获取用户姓名
- */
-export function getUserNameById(params) {
+// 点赞、取消点赞
+export function toggleLike(data) {
   return request({
-    url: '/auth/user/userInfo',
-    method: 'get',
-    params
+    url: '/bizLove/update',
+    method: 'post',
+    data
   })
 }
 
 
-
-
-
 // /** *
 //  * 上传头像
 //  */
@@ -91,5 +75,3 @@ export function getUserNameById(params) {
 //     params
 //   })
 // }
-
-

src/assets/styles/index.scss

+#app {
+    font-family: Avenir, Helvetica, Arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  html,
+  body {
+    margin: 0;
+    padding: 0;
+    background: #f7f7f7;
+    box-sizing: border-box;
+  }
+  div,
+  span,
+  ul,
+  li {
+    box-sizing: border-box;
+  }
\ No newline at end of file

src/components/MenuList/index.vue

+<!-- -->
+<template>
+  <el-menu
+    class="sidebar-el-menu"
+    default-active=""
+    @open="handleOpen"
+    @close="handleClose"
+    :collapse="isCollapse"
+  >
+    <!-- 遍历菜单 -->
+    <template v-for="item in items">
+      <!-- 含有子菜单 -->
+      <template v-if="item.children">
+        <!-- 第一层 含有子菜单菜单 -->
+        <el-submenu :index="item.title" :key="item.title">
+          <template slot="title">
+            <span slot="title">{{ item.title }}</span>
+          </template>
+          <menu-list :items="item.children"></menu-list
+          ><!--递归调用-->
+        </el-submenu>
+      </template>
+
+      <!-- 第一层 不含子菜单  -->
+      <template v-else>
+        <el-menu-item :index="item.title" :key="item.title">
+          <!-- <i :class="item.meta.icon"></i> -->
+          <span slot="title">{{ item.title }}</span>
+        </el-menu-item>
+      </template>
+    </template>
+  </el-menu>
+</template>
+
+<script>
+export default {
+  name: "MenuList",
+  props: {
+    items: Array,
+    isCollapse: Boolean,
+  },
+  methods: {
+    handleOpen(key, keyPath) {
+      console.log(key, keyPath);
+    },
+    handleClose(key, keyPath) {
+      console.log(key, keyPath);
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

src/components/NavBar/index.vue

@@ -8,19 +8,20 @@
             :to="item.path"
             v-for="(item, index) in pages"
             :key="index"
-            class="tab-item"
+            :class="['tab-item', currentTab == item ? 'active' : '']"
+            @click="handleClickTab(item)"
             >{{ item.name }}</router-link
           >
         </div>
         <div class="operation">
-          <span v-if="isLogged">欢迎你，{{ userInfo.userName }}</span>
-          <router-link v-if="!isLogged" to="/login" class="operation-item"
+          <span v-if="hasToken" class="operation-item">欢迎你，{{ userInfo.username }}</span>
+          <router-link v-if="!hasToken" to="/login" class="operation-item"
             >登陆</router-link
-          >|
-          <router-link to="/personal" class="operation-item"
+          >
+          <router-link v-if="hasToken" to="/personal" class="operation-item"
             >个人中心</router-link
-          >|
-          <span class="logout">
+          >
+          <span class="logout" v-if="hasToken">
             <el-popover
               placement="bottom"
               width="200"
@@ -54,8 +55,8 @@ export default {
   name: "NavBar",
   computed: {
     ...mapGetters(["token", "userInfo"]),
-    isLogged() {
-      return this.userInfo && this.userInfo.userName;
+    hasToken() {
+      return this.token;
     },
   },
   data() {
@@ -84,6 +85,7 @@ export default {
       ],
       userName: "",
       logoutDialogVisible: false,
+      currentTab: "",
     };
   },
   methods: {
@@ -92,6 +94,9 @@ export default {
       this.logoutDialogVisible = false;
       this.$router.push(`/login?redirect=${this.$route.fullPath}`);
     },
+    handleClickTab(tab) {
+      this.currentTab = tab;
+    },
   },
 };
 </script>
@@ -117,6 +122,7 @@ a {
       font-size: 30px;
       // font-weight: bold;
       font-family: LiSu;
+      min-width: 330px;
       // color: #c8945b;
     }
     .right {
@@ -125,14 +131,29 @@ a {
       .tabs {
         display: flex;
         margin-right: 100px;
-        .tab-item{
-          margin-right: 80px;
+        .tab-item {
+          margin-right: 40px;
+          min-width: 64px;
           // color: #fff;
         }
+        .router-link-exact-active {
+          position: relative;
+          &::after {
+            content: "";
+            position: absolute;
+            width: 100%;
+            height: 2px;
+            bottom: -4px;
+            left: 0;
+            background-color: #000;
+          }
+        }
+        // .router-link-active{}
       }
       .operation {
+        min-width: 270px;
         .operation-item {
-          margin-right: 8px;
+          margin: 0 8px;
           cursor: pointer;
           // color: #fff;
         }

src/components/SvgIcon/index.vue

+<template>
+  <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" />
+  <svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners">
+    <use :xlink:href="iconName" />
+  </svg>
+</template>
+
+<script>
+// doc: https://panjiachen.github.io/vue-element-admin-site/feature/component/svg-icon.html#usage
+import { isExternal } from '@/utils/validate'
+
+export default {
+  name: 'SvgIcon',
+  props: {
+    iconClass: {
+      type: String,
+      required: true
+    },
+    className: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    isExternal() {
+      return isExternal(this.iconClass)
+    },
+    iconName() {
+      return `#icon-${this.iconClass}`
+    },
+    svgClass() {
+      if (this.className) {
+        return 'svg-icon ' + this.className
+      } else {
+        return 'svg-icon'
+      }
+    },
+    styleExternalIcon() {
+      return {
+        mask: `url(${this.iconClass}) no-repeat 50% 50%`,
+        '-webkit-mask': `url(${this.iconClass}) no-repeat 50% 50%`
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.svg-icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+
+.svg-external-icon {
+  background-color: currentColor;
+  mask-size: cover!important;
+  display: inline-block;
+}
+</style>

src/icons/index.js

+import Vue from 'vue'
+import SvgIcon from '@/components/SvgIcon'// svg component
+
+// register globally
+Vue.component('svg-icon', SvgIcon)
+
+const req = require.context('./svg', false, /\.svg$/)
+const requireAll = requireContext => requireContext.keys().map(requireContext)
+requireAll(req)

src/icons/svg/boutique.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1655176596147" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11932" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M512 106.5c54.8 0 107.9 10.7 157.8 31.8 48.3 20.4 91.6 49.7 128.9 86.9s66.5 80.6 86.9 128.9c21.1 50 31.8 103.1 31.8 157.8s-10.7 107.9-31.8 157.8c-20.4 48.3-49.7 91.6-86.9 128.9s-80.6 66.5-128.9 86.9c-50 21.1-103.1 31.8-157.8 31.8s-107.9-10.7-157.8-31.8c-48.3-20.4-91.6-49.7-128.9-86.9s-66.5-80.6-86.9-128.9c-21.1-50-31.8-103.1-31.8-157.8s10.7-107.9 31.8-157.8c20.4-48.3 49.7-91.6 86.9-128.9s80.6-66.5 128.9-86.9c49.9-21.1 103-31.8 157.8-31.8m0-42.5C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z" p-id="11933"></path><path d="M737 475.5H287c-6.7 0-12.8-4-15.6-10.1s-1.5-13.4 3-18.3l125.7-137.5c3.2-3.5 7.8-5.5 12.6-5.5h198.6c4.8 0 9.3 2 12.6 5.5L749.6 447c4.5 5 5.7 12.2 3 18.3s-8.9 10.2-15.6 10.2z m-411.4-34h372.8L603.8 338H420.2l-94.6 103.5z" p-id="11934"></path><path d="M515.8 738s-0.1 0 0 0c-5 0-9.6-2.1-12.8-5.8L274.2 469.7c-4.4-5-5.4-12.1-2.7-18.2 2.8-6.1 8.8-10 15.5-10h450c6.6 0 12.6 3.8 15.4 9.8 2.8 6 1.8 13.1-2.4 18.1l-46.3 55c-6.1 7.2-16.8 8.1-24 2-7.2-6.1-8.1-16.8-2-24l22.7-27h-376l191.5 219.7 111.7-126.5c6.2-7 17-7.7 24-1.5s7.7 17 1.5 24L528.5 732.3c-3.2 3.6-7.8 5.7-12.7 5.7z" p-id="11935"></path><path d="M515.7 718c-3.7 0-7.1-2-8.8-5.3L375.1 463.1c-1.6-3.1-1.5-6.8 0.3-9.8 1.8-3 5-4.8 8.5-4.8h254.8c3.4 0 6.6 1.8 8.4 4.7s2 6.5 0.5 9.6l-123 249.7c-1.6 3.3-5 5.5-8.8 5.5h-0.1zM400.3 468.4l115.1 217.9 107.3-217.9H400.3z" p-id="11936"></path><path d="M383.8 470.2c-1.5 0-3.1-0.4-4.5-1.1-4-2-6.1-6.5-5.2-10.9l28.8-138c1-4.6 5-7.9 9.6-7.9l98.6-0.8c4 0 7.5 2.3 9.1 5.9s0.9 7.8-1.8 10.7L391.1 466.9c-1.9 2.1-4.6 3.3-7.3 3.3z m37-138.1L401 426.9l87.6-95.4-67.8 0.6z" p-id="11937"></path><path d="M638.6 472.9c-2.7 0-5.4-1.1-7.4-3.3L503.9 328.1c-2.6-2.9-3.3-7.1-1.7-10.7 1.6-3.6 5.1-5.9 9-5.9l100.1-0.4c4.8 0 8.8 3.4 9.7 8l27.3 142c0.8 4.4-1.3 8.8-5.3 10.8-1.4 0.7-2.9 1-4.4 1zM533.4 331.3l88.7 98.6-19-98.9-69.7 0.3z" p-id="11938"></path></svg>
\ No newline at end of file

src/icons/svg/culturalRelic.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1655176589452" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11651" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M508.7 897.6h-1c-12.7 0-25.5-0.8-38-2.2-54.1-6.4-76.7-12.9-84.7-15.8-0.3-0.1-0.6-0.4-0.8-0.7-4.1-6.5-12-20-23.3-43.1-10.3-21.2-26.1-55.8-42.5-100.4-16-43.4-28.7-85.6-37.7-125.5-10.5-46.4-15.9-88.6-15.9-125.5 0-22.4 26.4-54.6 49.8-83 31.6-38.4 64.2-78.2 64.2-126 0-14.1-1.8-26.8-4.8-38.5-0.2-0.9 0.3-1.8 1.2-2 40.9-10.1 106.1-13.1 132.6-13.5 26.5 0.3 91.6 3.3 132.6 13.5 0.9 0.2 1.4 1.1 1.2 2-3 11.6-4.8 24.4-4.8 38.5 0 47.8 32.7 87.6 64.2 126 23.3 28.4 49.8 60.6 49.8 83 0 34.1-4.6 72.7-13.6 115-0.2 1 0.6 2 1.6 2h45.6c0.8 0 1.5-0.6 1.7-1.4 7.9-39.1 12.7-78.4 12.7-115.6 0-76-114-145-114-209s54-92 54-133c0-64-214.6-63.9-231-64-16.4 0.1-231 0-231 64 0 41 54 69 54 133s-114 133-114 209c0 180 113 409 135 431 13.7 13.7 70.9 22.7 112.4 27.6 14.3 1.7 28.6 2.5 43 2.6l1.7-1.7v-46.3zM329.1 151.8c-0.5-0.9-0.2-2 0.8-2.4 11.4-5 35-12.5 80.9-17.7 29.1-3.3 62.3-5.1 96.1-5.3h1.6c33.7 0.2 67 2 96.1 5.3 46 5.2 69.6 12.7 80.9 17.7 0.9 0.4 1.3 1.5 0.8 2.4-2.7 4.5-6.1 9.6-9.8 14.9-4.7 6.9-9.9 14.5-14.9 23-0.4 0.7-1.2 1-1.9 0.8-53.4-15.1-138.1-16.8-151.2-17h-1.6c-13.1 0.2-97.8 1.9-151.2 17-0.7 0.2-1.5-0.1-1.9-0.8-5-8.5-10.2-16.1-14.9-23-3.7-5.4-7.2-10.5-9.8-14.9z" p-id="11652"></path><path d="M806.3 768.8l-16-27.7c-2.2-3.8-7.1-5.1-10.9-2.9l-22 12.7c-0.6 0.4-1.4 0.3-2-0.2-8.9-8.2-19.6-14.5-31.5-18.2-0.7-0.2-1.2-0.9-1.2-1.6v-31.8c0-0.9-0.8-1.7-1.7-1.7h-44.6c-0.9 0-1.7 0.8-1.7 1.7v31.8c0 0.7-0.5 1.4-1.2 1.6-11.8 3.7-22.6 10-31.5 18.2-0.5 0.5-1.3 0.6-2 0.2l-22-12.7c-3.8-2.2-8.7-0.9-10.9 2.9l-16 27.7c-2.2 3.8-0.9 8.7 2.9 10.9l23.1 13.3c-1.5 6.2-2.3 12.7-2.3 19.4s0.8 13.2 2.3 19.4L594 845.1c-3.8 2.2-5.1 7.1-2.9 10.9l16 27.7c2.2 3.8 7.1 5.1 10.9 2.9l23.1-13.4c9.1 8.6 20.1 15.2 32.4 19 0.7 0.2 1.2 0.9 1.2 1.6v31.8c0 0.9 0.8 1.7 1.7 1.7H721c0.9 0 1.7-0.8 1.7-1.7V894c0-0.7 0.5-1.4 1.2-1.6 11.8-3.7 22.5-10 31.5-18.2 0.5-0.5 1.3-0.6 2-0.2l22 12.7c3.8 2.2 8.7 0.9 10.9-2.9l16-27.7c2.2-3.8 0.9-8.7-2.9-10.9l-22-12.7c-0.6-0.4-1-1.1-0.8-1.8 1.3-5.9 2-11.9 2-18.2 0-6.2-0.7-12.3-2-18.2-0.2-0.7 0.2-1.5 0.8-1.8l22-12.7c3.8-2.3 5.1-7.2 2.9-11z m-72.2 49.3l-0.3 1.8c-0.3 1.3-0.6 2.5-1 3.7-1.5 4.7-4 8.9-7.2 12.5-0.9 1-1.8 2-2.8 2.9-2.3 2.1-4.9 3.9-7.7 5.3-1.1 0.6-2.3 1.1-3.5 1.5l-1.8 0.6c-1.7 0.6-3.5 1-5.4 1.3s-3.7 0.4-5.7 0.4c-1 0-1.9 0-2.9-0.1-2.8-0.2-5.6-0.8-8.2-1.6-4.9-1.6-9.3-4.2-13-7.5-2.8-2.5-5.1-5.4-7-8.6-1.4-2.4-2.5-5-3.3-7.7-0.3-0.9-0.5-1.8-0.7-2.8-0.1-0.7-0.3-1.4-0.4-2-0.2-1.2-0.3-2.3-0.4-3.5 0-0.6-0.1-1.3-0.1-1.9s0-1.3 0.1-1.9c0.1-1.3 0.2-2.5 0.4-3.7l0.3-1.8c0.6-2.8 1.5-5.5 2.7-8 1.6-3.4 3.8-6.5 6.3-9.1 0.6-0.7 1.3-1.3 2-1.9 3.7-3.3 8.1-5.9 12.9-7.5 1.7-0.6 3.5-1 5.4-1.3 0.5-0.1 0.9-0.1 1.4-0.2 1.4-0.2 2.8-0.3 4.3-0.3 1.4 0 2.8 0.1 4.1 0.2l1.8 0.3c1.8 0.3 3.5 0.7 5.1 1.2 2.4 0.8 4.7 1.8 6.9 3.1s4.2 2.7 6 4.4c1.4 1.2 2.7 2.6 3.8 4 2.3 2.9 4.2 6.1 5.6 9.6 0.7 1.8 1.2 3.6 1.6 5.5l0.3 1.8c0.3 1.8 0.4 3.7 0.4 5.6 0.4 2 0.2 3.8 0 5.7z" p-id="11653"></path></svg>
\ No newline at end of file

src/icons/svg/dashboard.svg

+<svg width="128" height="100" xmlns="http://www.w3.org/2000/svg"><path d="M27.429 63.638c0-2.508-.893-4.65-2.679-6.424-1.786-1.775-3.94-2.662-6.464-2.662-2.524 0-4.679.887-6.465 2.662-1.785 1.774-2.678 3.916-2.678 6.424 0 2.508.893 4.65 2.678 6.424 1.786 1.775 3.94 2.662 6.465 2.662 2.524 0 4.678-.887 6.464-2.662 1.786-1.775 2.679-3.916 2.679-6.424zm13.714-31.801c0-2.508-.893-4.65-2.679-6.424-1.785-1.775-3.94-2.662-6.464-2.662-2.524 0-4.679.887-6.464 2.662-1.786 1.774-2.679 3.916-2.679 6.424 0 2.508.893 4.65 2.679 6.424 1.785 1.774 3.94 2.662 6.464 2.662 2.524 0 4.679-.888 6.464-2.662 1.786-1.775 2.679-3.916 2.679-6.424zM71.714 65.98l7.215-27.116c.285-1.23.107-2.378-.536-3.443-.643-1.064-1.56-1.762-2.75-2.094-1.19-.33-2.333-.177-3.429.462-1.095.639-1.81 1.573-2.143 2.804l-7.214 27.116c-2.857.237-5.405 1.266-7.643 3.088-2.238 1.822-3.738 4.152-4.5 6.992-.952 3.644-.476 7.098 1.429 10.364 1.905 3.265 4.69 5.37 8.357 6.317 3.667.947 7.143.474 10.429-1.42 3.285-1.892 5.404-4.66 6.357-8.305.762-2.84.619-5.607-.429-8.305-1.047-2.697-2.762-4.85-5.143-6.46zm47.143-2.342c0-2.508-.893-4.65-2.678-6.424-1.786-1.775-3.94-2.662-6.465-2.662-2.524 0-4.678.887-6.464 2.662-1.786 1.774-2.679 3.916-2.679 6.424 0 2.508.893 4.65 2.679 6.424 1.786 1.775 3.94 2.662 6.464 2.662 2.524 0 4.679-.887 6.465-2.662 1.785-1.775 2.678-3.916 2.678-6.424zm-45.714-45.43c0-2.509-.893-4.65-2.679-6.425C68.68 10.01 66.524 9.122 64 9.122c-2.524 0-4.679.887-6.464 2.661-1.786 1.775-2.679 3.916-2.679 6.425 0 2.508.893 4.65 2.679 6.424 1.785 1.774 3.94 2.662 6.464 2.662 2.524 0 4.679-.888 6.464-2.662 1.786-1.775 2.679-3.916 2.679-6.424zm32 13.629c0-2.508-.893-4.65-2.679-6.424-1.785-1.775-3.94-2.662-6.464-2.662-2.524 0-4.679.887-6.464 2.662-1.786 1.774-2.679 3.916-2.679 6.424 0 2.508.893 4.65 2.679 6.424 1.785 1.774 3.94 2.662 6.464 2.662 2.524 0 4.679-.888 6.464-2.662 1.786-1.775 2.679-3.916 2.679-6.424zM128 63.638c0 12.351-3.357 23.78-10.071 34.286-.905 1.372-2.19 2.058-3.858 2.058H13.93c-1.667 0-2.953-.686-3.858-2.058C3.357 87.465 0 76.037 0 63.638c0-8.613 1.69-16.847 5.071-24.703C8.452 31.08 13 24.312 18.714 18.634c5.715-5.68 12.524-10.199 20.429-13.559C47.048 1.715 55.333.035 64 .035c8.667 0 16.952 1.68 24.857 5.04 7.905 3.36 14.714 7.88 20.429 13.559 5.714 5.678 10.262 12.446 13.643 20.301 3.38 7.856 5.071 16.09 5.071 24.703z"/></svg>
\ No newline at end of file

src/icons/svg/display.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1655176583977" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11507" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M900.9 953H123.1c-47 0-85.1-38.2-85.1-85.1V588.1c0-11.2 9.1-20.3 20.3-20.3s20.3 9.1 20.3 20.3v279.8c0 24.5 19.9 44.5 44.5 44.5h777.8c24.5 0 44.5-19.9 44.5-44.5V428.7c0-24.5-19.9-44.5-44.5-44.5H123.1c-24.5 0-44.5 19.9-44.5 44.5v73.2c0 11.2-9.1 20.3-20.3 20.3S38 513.1 38 501.9v-73.2c0-46.9 38.2-85.1 85.1-85.1h777.8c46.9 0 85.1 38.2 85.1 85.1V868c0 46.8-38.2 85-85.1 85z" p-id="11508"></path><path d="M796.5 384.2c-5 0-10-1.8-13.9-5.5l-221.7-209c-8.2-7.7-8.5-20.6-0.8-28.7 7.7-8.2 20.5-8.5 28.7-0.8l221.7 209c8.2 7.7 8.5 20.6 0.8 28.7-4 4.2-9.4 6.3-14.8 6.3zM227.5 384.2c-5.4 0-10.8-2.1-14.8-6.4-7.7-8.2-7.3-21 0.8-28.7l216.4-204c8.2-7.7 21-7.3 28.7 0.8 7.7 8.2 7.3 21-0.8 28.7l-216.4 204c-3.9 3.8-8.9 5.6-13.9 5.6z" p-id="11509"></path><path d="M512 223.9c-41.8 0-75.8-34-75.8-75.8s34-75.8 75.8-75.8 75.8 34 75.8 75.8-34 75.8-75.8 75.8z m0-116.2c-22.2 0-40.3 18.1-40.3 40.3s18.1 40.3 40.3 40.3c22.2 0 40.3-18.1 40.3-40.3s-18.1-40.3-40.3-40.3zM58.3 816.7c-6.9 0-13.7-3.6-17.5-10-5.7-9.6-2.5-22.1 7.1-27.8l303.8-180.3c9.6-5.7 22.1-2.5 27.8 7.1 5.7 9.6 2.5 22.1-7.1 27.8L68.6 813.9c-3.2 1.9-6.8 2.8-10.3 2.8z" p-id="11510"></path><path d="M569.9 811.7c-4.6 0-9.3-1.6-13.1-4.8L349 631.6c-8.6-7.2-9.7-20-2.4-28.6 7.2-8.6 20-9.7 28.6-2.4L583 775.8c8.6 7.2 9.7 20 2.4 28.6-4 4.8-9.8 7.3-15.5 7.3z" p-id="11511"></path><path d="M429.9 953c-5.3 0-10.7-2.1-14.7-6.3-7.8-8.1-7.5-21 0.6-28.7l239-229c8.1-7.8 21-7.5 28.7 0.6 7.8 8.1 7.5 21-0.6 28.7l-239 229c-3.9 3.8-9 5.7-14 5.7z" p-id="11512"></path><path d="M874.6 953c-5.6 0-11.1-2.3-15.1-6.7l-205.7-229c-7.5-8.3-6.8-21.2 1.5-28.7s21.2-6.8 28.7 1.5l205.7 229c7.5 8.3 6.8 21.2-1.5 28.7-3.9 3.5-8.8 5.2-13.6 5.2zM783.4 651.5c-40.6 0-73.6-33-73.6-73.6 0-40.6 33-73.6 73.6-73.6 40.6 0 73.6 33 73.6 73.6-0.1 40.6-33.1 73.6-73.6 73.6z m0-111.6c-21 0-38 17.1-38 38 0 21 17.1 38 38 38 21 0 38-17.1 38-38s-17.1-38-38-38z" p-id="11513"></path></svg>
\ No newline at end of file

src/icons/svg/example.svg

+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M96.258 57.462h31.421C124.794 27.323 100.426 2.956 70.287.07v31.422a32.856 32.856 0 0 1 25.971 25.97zm-38.796-25.97V.07C27.323 2.956 2.956 27.323.07 57.462h31.422a32.856 32.856 0 0 1 25.97-25.97zm12.825 64.766v31.421c30.46-2.885 54.507-27.253 57.713-57.712H96.579c-2.886 13.466-13.146 23.726-26.292 26.291zM31.492 70.287H.07c2.886 30.46 27.253 54.507 57.713 57.713V96.579c-13.466-2.886-23.726-13.146-26.291-26.292z"/></svg>
\ No newline at end of file

src/icons/svg/eye-open.svg

+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="128" height="128"><defs><style/></defs><path d="M512 128q69.675 0 135.51 21.163t115.498 54.997 93.483 74.837 73.685 82.006 51.67 74.837 32.17 54.827L1024 512q-2.347 4.992-6.315 13.483T998.87 560.17t-31.658 51.669-44.331 59.99-56.832 64.34-69.504 60.16-82.347 51.5-94.848 34.687T512 896q-69.675 0-135.51-21.163t-115.498-54.826-93.483-74.326-73.685-81.493-51.67-74.496-32.17-54.997L0 513.707q2.347-4.992 6.315-13.483t18.816-34.816 31.658-51.84 44.331-60.33 56.832-64.683 69.504-60.331 82.347-51.84 94.848-34.816T512 128.085zm0 85.333q-46.677 0-91.648 12.331t-81.152 31.83-70.656 47.146-59.648 54.485-48.853 57.686-37.675 52.821-26.325 43.99q12.33 21.674 26.325 43.52t37.675 52.351 48.853 57.003 59.648 53.845T339.2 767.02t81.152 31.488T512 810.667t91.648-12.331 81.152-31.659 70.656-46.848 59.648-54.186 48.853-57.344 37.675-52.651T927.957 512q-12.33-21.675-26.325-43.648t-37.675-52.65-48.853-57.345-59.648-54.186-70.656-46.848-81.152-31.659T512 213.334zm0 128q70.656 0 120.661 50.006T682.667 512 632.66 632.661 512 682.667 391.339 632.66 341.333 512t50.006-120.661T512 341.333zm0 85.334q-35.328 0-60.33 25.002T426.666 512t25.002 60.33T512 597.334t60.33-25.002T597.334 512t-25.002-60.33T512 426.666z"/></svg>
\ No newline at end of file

src/icons/svg/eye.svg

+<svg width="128" height="64" xmlns="http://www.w3.org/2000/svg"><path d="M127.072 7.994c1.37-2.208.914-5.152-.914-6.87-2.056-1.717-4.797-1.226-6.396.982-.229.245-25.586 32.382-55.74 32.382-29.24 0-55.74-32.382-55.968-32.627-1.6-1.963-4.57-2.208-6.397-.49C-.17 3.086-.399 6.275 1.2 8.238c.457.736 5.94 7.36 14.62 14.72L4.17 35.96c-1.828 1.963-1.6 5.152.228 6.87.457.98 1.6 1.471 2.742 1.471s2.284-.49 3.198-1.472l12.564-13.983c5.94 4.416 13.021 8.587 20.788 11.53l-4.797 17.418c-.685 2.699.686 5.397 3.198 6.133h1.37c2.057 0 3.884-1.472 4.341-3.68L52.6 42.83c3.655.736 7.538 1.227 11.422 1.227 3.883 0 7.767-.49 11.422-1.227l4.797 17.173c.457 2.208 2.513 3.68 4.34 3.68.457 0 .914 0 1.143-.246 2.513-.736 3.883-3.434 3.198-6.133l-4.797-17.172c7.767-2.944 14.848-7.114 20.788-11.53l12.336 13.738c.913.981 2.056 1.472 3.198 1.472s2.284-.49 3.198-1.472c1.828-1.963 1.828-4.906.228-6.87l-11.65-13.001c9.366-7.36 14.849-14.474 14.849-14.474z"/></svg>
\ No newline at end of file

src/icons/svg/fold.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1656551712722" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7707" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M270.4 476.48a32 32 0 1 1-28.8-56.96l256-128a32 32 0 0 1 28.8 0l256 128a32 32 0 0 1-28.8 56.96L512 355.84z m0 288a32 32 0 0 1-28.8-56.96l256-128a32 32 0 0 1 28.8 0l256 128a32 32 0 0 1-28.8 56.96L512 643.84z" p-id="7708"></path></svg>
\ No newline at end of file

src/icons/svg/form.svg

+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M84.068 23.784c-1.02 0-1.877-.32-2.572-.96a8.588 8.588 0 0 1-1.738-2.237 11.524 11.524 0 0 1-1.042-2.621c-.232-.895-.348-1.641-.348-2.238V0h.278c.834 0 1.622.085 2.363.256.742.17 1.645.575 2.711 1.214 1.066.64 2.363 1.535 3.892 2.686 1.53 1.15 3.453 2.664 5.77 4.54 2.502 2.045 4.494 3.771 5.977 5.178 1.483 1.406 2.618 2.6 3.406 3.58.787.98 1.274 1.812 1.46 2.494.185.682.277 1.278.277 1.79v2.046H84.068zM127.3 84.01c.278.682.464 1.535.556 2.558.093 1.023-.37 2.003-1.39 2.94-.463.427-.88.832-1.25 1.215-.372.384-.696.704-.974.96a6.69 6.69 0 0 1-.973.767l-11.816-10.741a44.331 44.331 0 0 0 1.877-1.535 31.028 31.028 0 0 1 1.737-1.406c1.112-.938 2.317-1.343 3.615-1.215 1.297.128 2.363.405 3.197.83.927.427 1.923 1.173 2.989 2.239 1.065 1.065 1.876 2.195 2.432 3.388zM78.23 95.902c2.038 0 3.752-.511 5.143-1.534l-26.969 25.83H18.037c-1.761 0-3.684-.47-5.77-1.407a24.549 24.549 0 0 1-5.838-3.709 21.373 21.373 0 0 1-4.518-5.306c-1.204-2.003-1.807-4.07-1.807-6.202V16.495c0-1.79.44-3.665 1.32-5.626A18.41 18.41 0 0 1 5.04 5.562a21.798 21.798 0 0 1 5.213-3.964C12.198.533 14.237 0 16.37 0h53.24v15.984c0 1.62.278 3.367.834 5.242a16.704 16.704 0 0 0 2.572 5.179c1.159 1.577 2.665 2.898 4.518 3.964 1.853 1.066 4.078 1.598 6.673 1.598h20.295v42.325L85.458 92.45c1.02-1.364 1.529-2.856 1.529-4.476 0-2.216-.857-4.113-2.572-5.69-1.714-1.577-3.776-2.366-6.186-2.366H26.1c-2.409 0-4.448.789-6.116 2.366-1.668 1.577-2.502 3.474-2.502 5.69 0 2.217.834 4.092 2.502 5.626 1.668 1.535 3.707 2.302 6.117 2.302h52.13zM26.1 47.951c-2.41 0-4.449.789-6.117 2.366-1.668 1.577-2.502 3.473-2.502 5.69 0 2.216.834 4.092 2.502 5.626 1.668 1.534 3.707 2.302 6.117 2.302h52.13c2.409 0 4.47-.768 6.185-2.302 1.715-1.534 2.572-3.41 2.572-5.626 0-2.217-.857-4.113-2.572-5.69-1.714-1.577-3.776-2.366-6.186-2.366H26.1zm52.407 64.063l1.807-1.663 3.476-3.196a479.75 479.75 0 0 0 4.587-4.284 500.757 500.757 0 0 1 5.004-4.667c3.985-3.666 8.48-7.758 13.485-12.276l11.677 10.741-13.485 12.404-5.004 4.603-4.587 4.22a179.46 179.46 0 0 0-3.267 3.068c-.88.853-1.367 1.322-1.46 1.407-.463.341-.973.703-1.529 1.087-.556.383-1.112.703-1.668.959-.556.256-1.413.575-2.572.959a83.5 83.5 0 0 1-3.545 1.087 72.2 72.2 0 0 1-3.475.895c-1.112.256-1.946.426-2.502.511-1.112.17-1.854.043-2.224-.383-.371-.426-.464-1.151-.278-2.174.092-.511.278-1.279.556-2.302.278-1.023.602-2.067.973-3.132l1.042-3.005c.325-.938.58-1.577.765-1.918a10.157 10.157 0 0 1 2.224-2.941z"/></svg>
\ No newline at end of file

src/icons/svg/image.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1656489573468" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11484" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M853.161077 892.549156 362.595248 892.549156l-209.432916-0.413416c-0.605797-0.001023-1.210571-0.031722-1.813299-0.092098-24.848944-2.484587-47.825238-14.060227-64.696488-32.594349-16.990976-18.665105-26.349111-42.85504-26.349111-68.112284L60.303434 264.62596c0-55.80805 45.403073-101.211123 101.211123-101.211123l691.645496 0c55.80805 0 101.2101 45.403073 101.2101 101.211123l0 225.51315c0 0.275269-0.00614 0.551562-0.01842 0.825808-0.021489 0.494257-1.971911 51.723012 15.481599 85.46244 4.716418 9.118682 1.14815 20.335141-7.970532 25.052582-9.116635 4.714372-20.335141 1.149173-25.052582-7.970532-21.300119-41.176818-19.844977-97.642854-19.618826-103.738689L917.191392 264.62596c0-35.307134-28.724205-64.031339-64.031339-64.031339L161.51558 200.594621c-35.307134 0-64.031339 28.724205-64.031339 64.031339l0 526.71105c0 32.755008 24.320918 59.957557 56.717769 63.61997l208.4311 0.412392 490.528989 0c35.307134 0 64.031339-28.725228 64.031339-64.032362l-0.382717-93.676519c-0.104377-1.749854-1.587148-19.548218-19.549242-42.499953-0.050142-0.063445-0.098237-0.125867-0.147356-0.190335L875.401614 626.481358 758.174726 471.362464c-0.415462-0.550539-38.995129-50.852178-86.271876-45.534056-38.335097 4.314259-75.954903 45.163619-108.789729 118.131491-17.615193 39.141462-34.650171 68.26885-52.082192 89.046059-17.607006 20.985964-35.679617 33.519418-55.251372 38.316677-43.422975 10.638291-81.049944-18.99461-120.886231-50.372248l-5.057179-3.980661c-46.555315-36.57808-68.750827-28.223808-158.330028 59.60247-7.330966 7.187703-19.101033 7.071046-26.288736-0.25992-7.187703-7.330966-7.071046-19.101033 0.25992-26.287713 46.658669-45.74588 77.544097-72.726372 107.085924-84.282568 33.357735-13.048177 64.274886-6.266727 100.242052 21.99392l5.092995 4.00829c33.9226 26.719548 63.219857 49.795103 89.028663 43.466977 25.618471-6.279007 53.30095-42.114167 82.279958-106.508779 39.139415-86.97591 85.837994-134.027529 138.79716-139.849118 68.454068-7.515161 117.823476 57.404408 119.891578 60.171428l117.122511 154.980747 21.599947 28.343535c26.276457 33.630958 27.333532 61.638849 27.367301 64.72514 0.001023 0.042979 0.001023 0.084934 0.001023 0.127913l0.38374 94.059236C954.371176 847.146083 908.969127 892.549156 853.161077 892.549156z" p-id="11485"></path><path d="M312.328401 446.967868c-42.324968 0-76.759221-34.434254-76.759221-76.759221s34.434254-76.759221 76.759221-76.759221 76.759221 34.434254 76.759221 76.759221S354.654392 446.967868 312.328401 446.967868zM312.328401 330.628186c-21.824051 0-39.579437 17.755386-39.579437 39.579437s17.755386 39.579437 39.579437 39.579437 39.579437-17.755386 39.579437-39.579437S334.153476 330.628186 312.328401 330.628186z" p-id="11486"></path></svg>
\ No newline at end of file

src/icons/svg/link.svg

+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M115.625 127.937H.063V12.375h57.781v12.374H12.438v90.813h90.813V70.156h12.374z"/><path d="M116.426 2.821l8.753 8.753-56.734 56.734-8.753-8.745z"/><path d="M127.893 37.982h-12.375V12.375H88.706V0h39.187z"/></svg>
\ No newline at end of file

src/icons/svg/literature.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1655176511843" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11306" width="48" height="48" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M718.3 202.9H158.5c-36.4 0-66 29.6-66 66V896c0 36.4 29.6 66 66 66h559.8c36.4 0 66-29.6 66-66V268.9c0-36.4-29.6-66-66-66z m-4 689H162.5v-619h551.7v619z" p-id="11307"></path><path d="M872.1 65.1H414.4v70H868v609.1h70V131.1c0-36.4-29.6-66-65.9-66z" p-id="11308"></path><path d="M256.6 726.2l-32.5 3.9 24.1 22.1c13.9 12.7 18.1 21.2 19.2 26l3.5 15.4 15.2-4.3c61.8-17.4 116.2-44.2 162-80 32.5 24.1 63.6 41.8 92.6 52.5 31.4 11.6 56.3 19.5 76.2 24.2l11.6 2.7 5.3-10.6c6.8-13.7 14.5-23.9 22.8-30.4l30.2-23.5-38.1-3.3c-24.7-2.2-54.3-9-87.8-20.4-27.1-9.2-50-20.7-68.2-34.4 14-18 27.3-39.8 39.7-64.9 13.4-27.4 23.4-57.3 29.5-88.8 29.4 0.1 56.8 0.7 81.6 1.7l15.6 0.6V448l-15.6 0.6c-27.7 1.1-51.9 1.7-72.1 1.7h-78.7l-6.4-11.1c-16.8-29.2-31.8-53.9-44.4-73.4l-9-14-13 10.4c-12 9.6-19.4 13-23.5 14.2l-19.5 5.6 11 17c9.1 14.1 19.3 31.3 30.5 51.3h-87.2c-21.3 0-45-0.6-70.4-1.7l-15.7-0.7v68.3l17-2.3c16.3-2.2 36.1-3.3 58.9-3.3h5c16.1 65.5 41.2 118.5 74.9 157.8-19.7 15.4-42.8 27.9-68.9 37.2-31.9 11.6-57.3 18.5-75.4 20.6z m134.7-213.7h104.4c-9 41-25.9 78.7-50.6 112.4-26.7-31-44.8-68.7-53.8-112.4z" p-id="11309"></path></svg>
\ No newline at end of file

src/icons/svg/log.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1655176592521" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11791" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M269.844659 81.4308h44.821057v166.626082h-44.821057zM677.140966 491.719232c52.335426 0 102.092273 19.937769 140.105639 56.13883 38.126482 36.31053 60.461599 85.284073 62.891788 137.900467 2.5056 54.276658-16.27424 106.280032-52.881549 146.431672-36.60731 40.15164-86.65972 63.643469-140.936379 66.150285-3.180653 0.147174-6.401444 0.221369-9.576016 0.221369-52.341508 0-102.102004-19.936552-140.114153-56.136398-38.126482-36.309314-60.461599-85.284073-62.891789-137.902899-2.5056-54.276658 16.27424-106.280032 52.88155-146.431672 36.60731-40.15164 86.65972-63.643469 140.936379-66.149069a208.122961 208.122961 0 0 1 9.576016-0.221369h0.008514m-0.00973-44.822274c-3.859355 0-7.746684 0.088791-11.642528 0.268805-136.951744 6.3236-242.847422 122.470346-236.525038 259.422091 6.143586 133.0559 115.942406 236.793842 247.779562 236.793842 3.859355 0 7.747901-0.088791 11.642529-0.268804 136.951744-6.322384 242.847422-122.470346 236.525037-259.422091-6.143586-133.057117-115.942406-236.798708-247.779562-236.793843z" p-id="11792"></path><path d="M490.264524 891.110734a272.361206 272.361206 0 0 1-32.682275-37.369937H180.453104c-20.912034 0-37.927007-17.013757-37.927007-37.92579v-590.263526c0-20.912034 17.013757-37.927007 37.927007-37.927007H732.799354c20.912034 0 37.925791 17.013757 37.925791 37.927007V441.15597a268.605238 268.605238 0 0 1 44.821057 21.463023V225.551481c0-45.70045-37.047614-82.746848-82.746848-82.746849H180.453104c-45.70045 0-82.746848 37.047614-82.746848 82.746849v590.263526c0 45.70045 37.047614 82.746848 82.746848 82.746848h317.980164a273.587248 273.587248 0 0 1-8.168744-7.451121z" p-id="11793"></path><path d="M770.725145 489.61623a225.243754 225.243754 0 0 1 44.821057 27.231985v-0.21407a225.182938 225.182938 0 0 0-44.821057-27.114003v0.096088zM812.590566 778.530212H646.820768V576.105667h44.821057v157.604704h120.948741zM209.55091 380.121489h498.255687v44.821057H209.55091zM600.682445 81.4308h44.821058v166.626082h-44.821058zM406.842623 712.17437H209.55091v44.821057h203.864657a272.351476 272.351476 0 0 1-6.572944-44.821057zM450.941192 546.147929H209.55091v44.821057h217.435038a268.707408 268.707408 0 0 1 23.955244-44.821057z" p-id="11794"></path></svg>
\ No newline at end of file

src/icons/svg/museum.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1655176599098" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12076" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M855.466667 392.533333H168.533333c-29.866667 0-53.333333-23.466667-53.333333-53.333333 0-17.066667 8.533333-34.133333 23.466667-44.8l294.4-204.8c46.933333-34.133333 110.933333-34.133333 160 0l294.4 204.8c23.466667 17.066667 29.866667 49.066667 12.8 74.666667-10.666667 14.933333-27.733333 23.466667-44.8 23.466666z m-6.4-44.8z m-646.4-19.2h618.666666L554.666667 142.933333c-25.6-17.066667-59.733333-17.066667-85.333334 0L202.666667 328.533333zM857.6 960H166.4c-53.333333 0-96-42.666667-96-96v-21.333333c0-53.333333 42.666667-96 96-96h691.2c53.333333 0 96 42.666667 96 96v21.333333c0 53.333333-42.666667 96-96 96zM166.4 808.533333c-17.066667 0-32 14.933333-32 32v21.333334c0 17.066667 12.8 32 29.866667 32h693.333333c17.066667 0 32-14.933333 32-32v-23.466667c0-17.066667-14.933333-32-32-32H166.4z" p-id="12077"></path><path d="M204.8 780.8c-17.066667 0-32-14.933333-32-32v-362.666667c0-17.066667 14.933333-32 32-32s32 14.933333 32 32v362.666667c0 17.066667-14.933333 32-32 32zM819.2 780.8c-17.066667 0-32-14.933333-32-32v-362.666667c0-17.066667 14.933333-32 32-32s32 14.933333 32 32v362.666667c0 17.066667-14.933333 32-32 32zM450.133333 789.333333c-17.066667 0-32-14.933333-32-32v-362.666666c0-17.066667 14.933333-32 32-32s32 14.933333 32 32v362.666666c0 19.2-12.8 32-32 32zM573.866667 789.333333c-17.066667 0-32-14.933333-32-32v-362.666666c0-17.066667 14.933333-32 32-32s32 14.933333 32 32v362.666666c0 19.2-14.933333 32-32 32zM695.466667 789.333333c-17.066667 0-32-14.933333-32-32v-362.666666c0-17.066667 14.933333-32 32-32s32 14.933333 32 32v362.666666c0 19.2-12.8 32-32 32zM328.533333 789.333333c-17.066667 0-32-14.933333-32-32v-362.666666c0-17.066667 14.933333-32 32-32s32 14.933333 32 32v362.666666c0 19.2-14.933333 32-32 32z" p-id="12078"></path></svg>
\ No newline at end of file

src/icons/svg/nested.svg

+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M.002 9.2c0 5.044 3.58 9.133 7.998 9.133 4.417 0 7.997-4.089 7.997-9.133 0-5.043-3.58-9.132-7.997-9.132S.002 4.157.002 9.2zM31.997.066h95.981V18.33H31.997V.066zm0 45.669c0 5.044 3.58 9.132 7.998 9.132 4.417 0 7.997-4.088 7.997-9.132 0-3.263-1.524-6.278-3.998-7.91-2.475-1.63-5.524-1.63-7.998 0-2.475 1.632-4 4.647-4 7.91zM63.992 36.6h63.986v18.265H63.992V36.6zm-31.995 82.2c0 5.043 3.58 9.132 7.998 9.132 4.417 0 7.997-4.089 7.997-9.132 0-5.044-3.58-9.133-7.997-9.133s-7.998 4.089-7.998 9.133zm31.995-9.131h63.986v18.265H63.992V109.67zm0-27.404c0 5.044 3.58 9.133 7.998 9.133 4.417 0 7.997-4.089 7.997-9.133 0-3.263-1.524-6.277-3.998-7.909-2.475-1.631-5.524-1.631-7.998 0-2.475 1.632-4 4.646-4 7.91zm31.995-9.13h31.991V91.4H95.987V73.135z"/></svg>
\ No newline at end of file

src/icons/svg/node-child.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1656914572472" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7087" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M688 240c-138 0-252 102.8-269.6 236H249c-14.2-35.2-48.7-60-89-60-53 0-96 43-96 96s43 96 96 96c40.3 0 74.8-24.8 89-60h169.3C436 681.2 550 784 688 784c150.2 0 272-121.8 272-272S838.2 240 688 240z m128 298c0 4.4-3.6 8-8 8h-86v86c0 4.4-3.6 8-8 8h-52c-4.4 0-8-3.6-8-8v-86h-86c-4.4 0-8-3.6-8-8v-52c0-4.4 3.6-8 8-8h86v-86c0-4.4 3.6-8 8-8h52c4.4 0 8 3.6 8 8v86h86c4.4 0 8 3.6 8 8v52z" p-id="7088"></path></svg>
\ No newline at end of file

src/icons/svg/node-child2.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1656914577126" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7227" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M727.296 448c-113.28 0-205.952 84.416-220.928 193.536L256 641.536 256 256l314.56 0c14.848 73.024 79.36 128 156.8 128 88.384 0 160-71.616 160-160S815.68 64 727.296 64c-77.44 0-141.952 54.976-156.8 128L96 192C78.336 192 64 206.336 64 224S78.336 256 96 256L192 256l0 417.536c0 17.664 14.336 32 32 32l282.688 0C523.008 813.184 615.104 896 727.296 896c123.712 0 224-100.288 224-224S851.008 448 727.296 448zM727.296 128c52.928 0 96 43.072 96 96S780.224 320 727.296 320s-96-43.072-96-96S674.368 128 727.296 128z" p-id="7228"></path></svg>
\ No newline at end of file

src/icons/svg/password.svg

+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M108.8 44.322H89.6v-5.36c0-9.04-3.308-24.163-25.6-24.163-23.145 0-25.6 16.881-25.6 24.162v5.361H19.2v-5.36C19.2 15.281 36.798 0 64 0c27.202 0 44.8 15.281 44.8 38.961v5.361zm-32 39.356c0-5.44-5.763-9.832-12.8-9.832-7.037 0-12.8 4.392-12.8 9.832 0 3.682 2.567 6.808 6.407 8.477v11.205c0 2.718 2.875 4.962 6.4 4.962 3.524 0 6.4-2.244 6.4-4.962V92.155c3.833-1.669 6.393-4.795 6.393-8.477zM128 64v49.201c0 8.158-8.645 14.799-19.2 14.799H19.2C8.651 128 0 121.359 0 113.201V64c0-8.153 8.645-14.799 19.2-14.799h89.6c10.555 0 19.2 6.646 19.2 14.799z"/></svg>
\ No newline at end of file

src/icons/svg/table.svg

+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M.006.064h127.988v31.104H.006V.064zm0 38.016h38.396v41.472H.006V38.08zm0 48.384h38.396v41.472H.006V86.464zM44.802 38.08h38.396v41.472H44.802V38.08zm0 48.384h38.396v41.472H44.802V86.464zM89.598 38.08h38.396v41.472H89.598zm0 48.384h38.396v41.472H89.598z"/><path d="M.006.064h127.988v31.104H.006V.064zm0 38.016h38.396v41.472H.006V38.08zm0 48.384h38.396v41.472H.006V86.464zM44.802 38.08h38.396v41.472H44.802V38.08zm0 48.384h38.396v41.472H44.802V86.464zM89.598 38.08h38.396v41.472H89.598zm0 48.384h38.396v41.472H89.598z"/></svg>
\ No newline at end of file

src/icons/svg/tree.svg

+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M126.713 90.023c.858.985 1.287 2.134 1.287 3.447v29.553c0 1.423-.429 2.6-1.287 3.53-.858.93-1.907 1.395-3.146 1.395H97.824c-1.145 0-2.146-.465-3.004-1.395-.858-.93-1.287-2.107-1.287-3.53V93.47c0-.875.19-1.696.572-2.462.382-.766.906-1.368 1.573-1.806a3.84 3.84 0 0 1 2.146-.657h9.725V69.007a3.84 3.84 0 0 0-.43-1.806 3.569 3.569 0 0 0-1.143-1.313 2.714 2.714 0 0 0-1.573-.492h-36.47v23.149h9.725c1.144 0 2.145.492 3.004 1.478.858.985 1.287 2.134 1.287 3.447v29.553c0 .876-.191 1.696-.573 2.463-.38.766-.905 1.368-1.573 1.806a3.84 3.84 0 0 1-2.145.656H51.915a3.84 3.84 0 0 1-2.145-.656c-.668-.438-1.216-1.04-1.645-1.806a4.96 4.96 0 0 1-.644-2.463V93.47c0-1.313.43-2.462 1.288-3.447.858-.986 1.907-1.478 3.146-1.478h9.582v-23.15h-37.9c-.953 0-1.74.356-2.359 1.068-.62.711-.93 1.56-.93 2.544v19.538h9.726c1.239 0 2.264.492 3.074 1.478.81.985 1.216 2.134 1.216 3.447v29.553c0 1.423-.405 2.6-1.216 3.53-.81.93-1.835 1.395-3.074 1.395H4.29c-.476 0-.93-.082-1.358-.246a4.1 4.1 0 0 1-1.144-.657 4.658 4.658 0 0 1-.93-1.067 5.186 5.186 0 0 1-.643-1.395 5.566 5.566 0 0 1-.215-1.56V93.47c0-.437.048-.875.143-1.313a3.95 3.95 0 0 1 .429-1.15c.19-.328.429-.656.715-.984.286-.329.572-.602.858-.821.286-.22.62-.383 1.001-.493.382-.11.763-.164 1.144-.164h9.726V61.619c0-.985.31-1.833.93-2.544.619-.712 1.358-1.068 2.216-1.068h44.335V39.62h-9.582c-1.24 0-2.288-.492-3.146-1.477a5.09 5.09 0 0 1-1.287-3.448V5.14c0-1.423.429-2.627 1.287-3.612.858-.985 1.907-1.477 3.146-1.477h25.743c.763 0 1.478.246 2.145.739a5.17 5.17 0 0 1 1.573 1.888c.382.766.573 1.587.573 2.462v29.553c0 1.313-.43 2.463-1.287 3.448-.859.985-1.86 1.477-3.004 1.477h-9.725v18.389h42.762c.954 0 1.74.355 2.36 1.067.62.711.93 1.56.93 2.545v26.925h9.582c1.239 0 2.288.492 3.146 1.478z"/></svg>
\ No newline at end of file

src/icons/svg/user.svg

+<svg width="130" height="130" xmlns="http://www.w3.org/2000/svg"><path d="M63.444 64.996c20.633 0 37.359-14.308 37.359-31.953 0-17.649-16.726-31.952-37.359-31.952-20.631 0-37.36 14.303-37.358 31.952 0 17.645 16.727 31.953 37.359 31.953zM80.57 75.65H49.434c-26.652 0-48.26 18.477-48.26 41.27v2.664c0 9.316 21.608 9.325 48.26 9.325H80.57c26.649 0 48.256-.344 48.256-9.325v-2.663c0-22.794-21.605-41.271-48.256-41.271z" stroke="#979797"/></svg>
\ No newline at end of file

src/icons/svg/video.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1656489577888" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11629" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M783.397177 815.037804 99.259678 815.037804c-32.612769 0-59.144028-26.53433-59.144028-59.149145 0-0.13917 0.001023-0.277316 0.004093-0.416486l0.533143-23.604604c0.227174-10.028401 8.42795-18.004049 18.407232-18.004049 0.141216 0 0.282433 0.001023 0.424672 0.005117 10.17064 0.230244 18.228153 8.661264 17.998933 18.830881l-0.529049 23.370267c0.097214 12.218276 10.06524 22.128997 22.305005 22.128997l684.137499 0c12.301164 0 22.309098-10.007935 22.309098-22.310122l0-77.920674c0-5.936199 2.860141-11.508102 7.684006-14.9679 4.822842-3.459798 11.021008-4.38282 16.641005-2.479471l124.534318 42.147936c11.083429-1.287319 19.715017-10.732435 19.715017-22.155603L974.280622 378.76758c0-11.423167-8.631588-20.868283-19.715017-22.155603l-124.534318 42.148959c-5.623068 1.902326-11.81714 0.980327-16.641005-2.479471-4.823865-3.459798-7.684006-9.031701-7.684006-14.966876L805.706275 268.925892c0-12.299117-10.007935-22.305005-22.309098-22.305005L99.793844 246.620887c-12.300141 0-22.306029 10.005888-22.306029 22.305005L77.487815 587.012438c0.071631 4.729721 0.096191 57.173141-32.541137 96.333022-6.513344 7.812943-18.127869 8.868995-25.942859 2.356674-7.814989-6.513344-8.868995-18.127869-2.356674-25.942859 24.326035-29.186739 24.015973-71.721485 24.006763-72.143087-0.004093-0.145309-0.005117-0.290619-0.005117-0.436952L40.648792 268.925892c0-32.612769 26.532283-59.144028 59.145052-59.144028l683.603333 0c32.613792 0 59.148122 26.532283 59.148122 59.144028l0 86.707804 103.523795-35.038004c1.901303-0.64366 3.897773-0.972141 5.9055-0.972141 32.612769 0 59.145052 26.532283 59.145052 59.144028l0 301.745369c0 32.612769-26.532283 59.145052-59.145052 59.145052-2.007727 0-4.003174-0.328481-5.9055-0.972141l-103.523795-35.038004 0 52.241828C842.544275 788.503475 816.010969 815.037804 783.397177 815.037804z" p-id="11630"></path><path d="M404.872121 647.215588c-2.798742 0-5.610788-0.63752-8.211009-1.933025-6.253424-3.115967-10.205433-9.500375-10.205433-16.486486L386.455679 404.165016c0-6.886851 3.842515-13.199627 9.960863-16.362666 6.118348-3.164063 13.489222-2.64934 19.10922 1.334391L569.047274 497.943866c4.79419 3.397377 7.67889 8.878205 7.766894 14.753005s-2.632967 11.43954-7.323802 14.978133L415.968853 643.499963C412.710646 645.956921 408.804686 647.215588 404.872121 647.215588zM423.294702 439.796538l0 152.029532 103.903441-78.389348L423.294702 439.796538z" p-id="11631"></path><path d="M65.636906 731.924875" p-id="11632"></path></svg>
\ No newline at end of file

src/icons/svg/virtual.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1655176742823" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12216" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M957.44 326.656c-8.192-53.248-52.224-95.232-105.472-101.376-234.496-27.648-443.392-27.648-678.912 0-53.248 7.168-97.28 49.152-105.472 101.376C56.32 388.096 51.2 450.56 51.2 512c0 61.44 5.12 121.856 15.36 183.296 10.24 54.272 53.248 95.232 106.496 101.376 62.464 8.192 104.448 12.288 128 14.336h8.192c43.008 0 79.872-39.936 115.712-78.848 28.672-30.72 61.44-66.56 86.016-66.56s57.344 34.816 86.016 66.56c37.888 40.96 76.8 82.944 121.856 78.848 21.504-2.048 64.512-6.144 131.072-14.336 55.296-7.168 98.304-48.128 106.496-101.376 10.24-62.464 15.36-121.856 15.36-183.296 1.024-62.464-4.096-124.928-14.336-185.344z m-40.96 361.472c-6.144 35.84-34.816 62.464-71.68 67.584-64.512 8.192-108.544 12.288-128 14.336h-2.048c-24.576 0-57.344-34.816-86.016-66.56C591.872 664.576 555.008 624.64 512 624.64s-79.872 39.936-115.712 78.848c-29.696 31.744-63.488 68.608-88.064 66.56h-3.072c-22.528-2.048-65.536-6.144-126.976-14.336-35.84-4.096-64.512-31.744-71.68-68.608C97.28 628.736 92.16 571.392 92.16 512c0-59.392 5.12-118.784 15.36-178.176 5.12-34.816 34.816-62.464 70.656-67.584C409.6 238.592 614.4 238.592 846.848 266.24c35.84 4.096 64.512 31.744 70.656 66.56 10.24 59.392 15.36 118.784 15.36 178.176-1.024 59.392-6.144 116.736-16.384 177.152zM711.68 358.4C641.024 358.4 583.68 415.744 583.68 486.4S641.024 614.4 711.68 614.4 839.68 557.056 839.68 486.4 782.336 358.4 711.68 358.4z m0 215.04c-48.128 0-87.04-38.912-87.04-87.04s38.912-87.04 87.04-87.04 87.04 38.912 87.04 87.04-38.912 87.04-87.04 87.04z m-399.36-215.04C241.664 358.4 184.32 415.744 184.32 486.4S241.664 614.4 312.32 614.4 440.32 557.056 440.32 486.4 382.976 358.4 312.32 358.4z m0 215.04c-48.128 0-87.04-38.912-87.04-87.04s38.912-87.04 87.04-87.04 87.04 38.912 87.04 87.04-38.912 87.04-87.04 87.04z" p-id="12217"></path></svg>
\ No newline at end of file

src/icons/svgo.yml

+# replace default config
+
+# multipass: true
+# full: true
+
+plugins:
+
+  # - name
+  #
+  # or:
+  # - name: false
+  # - name: true
+  #
+  # or:
+  # - name:
+  #     param1: 1
+  #     param2: 2
+
+- removeAttrs:
+    attrs:
+      - 'fill'
+      - 'fill-rule'

src/router/index.js

@@ -31,7 +31,7 @@ const routes = [
   },
   // 布展详情页
   {
-    path: '/display/:id',
+    path: '/display/:exhibitionId',
     name: 'displayDetail',
     component: () => import('@/views/display/Detail.vue')
   },

src/store/modules/user.js

 import {
   login,
   logout,
+  toggleCollect,
+  toggleLike
 } from '@/api/user'
 import {
   getToken,
@@ -15,7 +17,7 @@ import {
 const getDefaultState = () => {
   return {
     token: getToken(),
-    userInfo:getUserInfo(),
+    userInfo: getUserInfo(),
     name: '',
     avatar: '',
     // deptList:{}
@@ -76,35 +78,6 @@ const actions = {
     })
   },
 
-  // get user info
-  // getInfo({
-  //   commit,
-  //   state
-  // }) {
-  //   return new Promise((resolve, reject) => {
-  //     getInfo(state.token).then(response => {
-  //       const {
-  //         data
-  //       } = response
-
-  //       if (!data) {
-  //         return reject('Verification failed, please Login again.')
-  //       }
-
-  //       const {
-  //         name,
-  //         avatar
-  //       } = data
-
-  //       commit('SET_NAME', name)
-  //       commit('SET_AVATAR', avatar)
-  //       resolve(data)
-  //     }).catch(error => {
-  //       reject(error)
-  //     })
-  //   })
-  // },
-
   // user logout
   logout({
     commit,
@@ -117,7 +90,7 @@ const actions = {
         commit('RESET_STATE')
         resolve()
       }).catch(error => {
-       console.log('err',error);
+        console.log('err', error);
         // reject(error)
       })
     })
@@ -134,23 +107,33 @@ const actions = {
     })
   },
 
-  // getDeptList({
-  //   commit,
-  //   state
-  // }) {
-  //   return new Promise((resolve, reject) => {
-  //     let deptRes = await getDepList();
-  //     let deptList = {};
-  //     deptRes.data.map((dept) => {
-  //       deptList[dept[id]] = {
-  //         name: dept.name,
-  //         regionCode: dept.regionCode,
-  //       };
-  //     });
-  //     this.$store.commit('SET_DEPTLIST',deptList)
-  //   })
-  // },
+  // user logout
+  toggleCollect({
+    commit,
+  }, data) {
+    return new Promise((resolve, reject) => {
+      toggleCollect(data).then((res) => {
+        console.log('已成功收藏');
+      }).catch(error => {
+        console.log('err', error);
+        // reject(error)
+      })
+    })
+  },
 
+  toggleLike({
+    commit,
+  }, data) {
+    return new Promise((resolve, reject) => {
+      toggleLike(data).then((res) => {
+        // resolve()
+        console.log('已成功点赞');
+      }).catch(error => {
+        console.log('err', error);
+        // reject(error)
+      })
+    })
+  },
 }
 
 export default {

src/utils/auth.js

 import Cookies from 'js-cookie'
 
-const TokenKey = 'bwgzl_token'
-const UserInfoKey = 'bwgzl_user_info'
+const TokenKey = 'exhibition_page_token'
+const UserInfoKey = 'exhibition_page_userInfo'
 
 export function getToken() {
-  return Cookies.get(TokenKey)
+  // return Cookies.get(TokenKey)
+  return localStorage.getItem(TokenKey)
 }
 
 export function setToken(token) {
-  return Cookies.set(TokenKey, token, { sameSite: 'None', secure: true })
+  return localStorage.setItem(TokenKey,token)
+  // return Cookies.set(TokenKey, token)
 }
 
 export function removeToken() {
-  return Cookies.remove(TokenKey)
+  // return Cookies.remove(TokenKey)
+  localStorage.removeItem(TokenKey)
 }
 
-export function getUserInfo() {
-  return JSON.parse(localStorage.getItem(UserInfoKey))
+export function setUserInfo(userInfo){
+  return localStorage.setItem(UserInfoKey,JSON.stringify(userInfo))
 }
 
-export function setUserInfo(userInfo) {
-  return localStorage.setItem(UserInfoKey, JSON.stringify(userInfo))
+export function getUserInfo() {
+  // return Cookies.get(TokenKey)
+  return JSON.parse(localStorage.getItem(UserInfoKey))
 }
 
 export function removeUserInfo() {
-  return localStorage.removeItem(UserInfoKey)
+  // return Cookies.remove(TokenKey)
+  localStorage.removeItem(UserInfoKey)
 }

src/utils/http.js

-/****   http.js   ****/
-// 导入封装好的axios实例
-import request from './request'
-
-const http = {
-    /**
-     * methods: 请求方式
-     * url 请求地址 
-     * params 请求参数
-     */
-    get(url, params) {
-        const config = {
-            method: 'get',
-            url: url
-        }
-        if (params) config.params = params
-        return request(config)
-    },
-    post(url, params) {
-        const config = {
-            method: 'post',
-            url: url
-        }
-        if (params) config.data = params
-        return request(config)
-    },
-    put(url, params) {
-        const config = {
-            method: 'put',
-            url: url
-        }
-        if (params) config.params = params
-        return request(config)
-    },
-    delete(url, params) {
-        const config = {
-            method: 'delete',
-            url: url
-        }
-        if (params) config.params = params
-        return request(config)
-    }
-}
-//导出
-export default http
\ No newline at end of file

src/utils/request.js

@@ -50,8 +50,7 @@ service.interceptors.response.use(
    */
   response => {
     const res = response.data
-    // console.log('响应拦截res--------',response);
-    if (response.config.url === '/api/sys/getVerify') {
+    if (response.config.url === '/sys/getVerify') {
       // debugger
       return res
     }

src/views/boutique/index.vue

@@ -15,5 +15,9 @@ export default {
 };
 </script>
 
-<style>
+<style lang='scss' scoped>
+.boutique{
+  display: flex;
+  justify-content: center;
+}
 </style>
\ No newline at end of file

src/views/culturalRelic/Detail.vue

@@ -43,7 +43,7 @@
           </div>
         </div>
         <div class="relic-info">
-          <div class="info-title" v-if="Object.keys(dict).length > 0">
+          <div class="info-title" >
             <h3>{{ CRDetail.name }}</h3>
             <!-- <div class="operation">
               <el-button type="text" icon="el-icon-star-off">收藏</el-button>
@@ -51,7 +51,7 @@
               <el-button type="text">转发</el-button>
             </div> -->
           </div>
-          <div class="info-body">
+          <div class="info-body" v-if="Object.keys(dict).length > 0">
             <div class="basic-info">
               <div class="body-item">
                 <span class="label">年份</span>
@@ -177,6 +177,7 @@ export default {
   },
   methods: {
     creatQrCode() {
+      this.$nextTick(()=>{
         var qrcode = new QRCode(this.$refs.qrCodeUrl, {
         text: "http://www.gzmuseum.com/", // 需要转换为二维码的内容
         width: 100,
@@ -185,6 +186,7 @@ export default {
         colorLight: "#ffffff",
         correctLevel: QRCode.CorrectLevel.H,
       });
+      })
     },
     async loadDetail() {
       let crId = this.$route.params.crId;

src/views/culturalRelic/index.vue

@@ -22,7 +22,7 @@
                 </div>
               </div>
             </el-row> -->
-            <el-row class="select-card">
+            <!-- <el-row class="select-card">
               <div class="title">
                 <span>分类</span>
               </div>
@@ -34,15 +34,14 @@
                     :key="index"
                   >
                     <div class="check-box">
-                      <!-- <i class="el-icon-check" v-if="item.show"></i> -->
                     </div>
                     <div class="check-value">{{ item }}</div>
                   </div>
                 </div>
               </div>
-            </el-row>
+            </el-row> -->
           </el-col>
-          <el-col :span="20" class="rclist">
+          <el-col :span="24" class="rclist">
             <div class="search">
               <el-input
                 v-model="keyword"
@@ -56,7 +55,7 @@
                 <span>{{ list.total }}</span
                 >件
               </div>
-              <div class="divider"></div>
+              <!-- <div class="divider"></div> -->
               <el-row :gutter="10">
                 <el-col
                   :span="6"
@@ -124,11 +123,11 @@ export default {
         current: 1,
         total: 0,
       },
-      years: ["新石器时代", "夏", "商", "春秋", "战国", "秦", "汉", "三国"],
-      types: ["青铜", "石器"],
+      // years: ["新石器时代", "夏", "商", "春秋", "战国", "秦", "汉", "三国"],
+      // types: ["青铜", "石器"],
     };
   },
-  dicts: ["culturalRelicYears", "cultural_relic_texture", "culturalRelicType"],
+  // dicts: ["culturalRelicYears", "cultural_relic_texture", "culturalRelicType"],
   created() {
     setTimeout(() => {
       // console.log(this.dicts);

src/views/display/Detail.vue

@@ -11,18 +11,30 @@
     <div class="wrapper">
       <div class="detail-container">
         <div class="title-container">
-          <h3 class="title">赫章可乐夜郎遗址展览</h3>
+          <h3 class="title">{{ displayDetail.title }}</h3>
           <div class="operation">
-            <el-button type="text">收藏</el-button>
-            <el-button type="text">点赞</el-button>
-            <el-button type="text">转发</el-button>
+            <!-- <svg-icon icon-class="eye"></svg-icon> -->
+            <el-button
+              type="text"
+              @click.native="handleCollect(exhibitionId)"
+              >{{
+                displayDetail.collectCountStatus ? "收藏" : "取消收藏"
+              }}</el-button
+            >
+            <el-button type="text" @click.native="handleLike(exhibitionId)">{{
+              displayDetail.loveCountStatus ? "点赞" : "取消点赞"
+            }}</el-button>
+            <el-button type="text" @click.native="handleShare(exhibitionId)"
+              >转发</el-button
+            >
           </div>
         </div>
 
         <div class="content">
-          可乐遗址位于贵州省赫章县可乐乡可乐河两岸的丘陵坡地上，是一处战国至汉时期（公元前475年至公元220年）的遗址。
+          {{ displayDetail.intro }}
+          <!-- 可乐遗址位于贵州省赫章县可乐乡可乐河两岸的丘陵坡地上，是一处战国至汉时期（公元前475年至公元220年）的遗址。
           遗址区包括遗址2处、墓葬群14处。遗址和墓葬群均有汉代遗址和战国时期的当地少数民族（即夜郎）遗址和墓葬两类。汉代城址，位于可乐河南岸，平面为“猪心形”，面积约6-7万平方米，有夯土城墙环绕。城内出土大量青铜戈、矛、钱币、瓦当、花纹砖等建材及陶、铜、铁等生产和生活用品。夜郎文化遗址距汉城约1公里，位于可乐河北岸，出土石器、铜器、陶器。汉墓一般规模较大，随葬少量金、银、玉等饰件及铜、铁、陶器等物。少数民族墓群除随葬少量陶、铜、铁、漆器外，其葬式极为特殊，其中的“套头葬”在国内罕见，反映出夜郎民族的埋葬特点。
-          可乐遗址对研究夜郎民族的政治、经济和文化都具有重要的历史价值和科学价值。
+          可乐遗址对研究夜郎民族的政治、经济和文化都具有重要的历史价值和科学价值。 -->
         </div>
       </div>
 
@@ -30,17 +42,16 @@
         <CustomTitle text="相关文献" />
         <div
           class="book-item"
-          v-for="(item, index) in relateBooks"
+          v-for="(item, index) in displayDetail.literatureVo"
           :key="index"
         >
           <span>{{ item.name }}</span>
-          <span>{{ item.author }}</span>
-          <span>{{ item.source }}</span>
+          <span style="margin: 0 20px">{{ item.author }}</span>
         </div>
       </div>
       <div class="relate-cultual-relic marginBottom32">
         <CustomTitle text="关联文物" />
-        <div class="display-group">
+        <!-- <div class="display-group">
           <div
             class="display-item"
             v-for="(item, index) in relateRelics"
@@ -62,35 +73,99 @@
                 {{ item.content }}
               </a>
             </div>
-            <!-- <div class="display-source">
-              <span>遵义文物局</span>
-              <el-button size="mini">进 入</el-button>
-            </div> -->
-          </div>
           </div>
+        </div> -->
       </div>
       <div class="relate-video marginBottom32">
         <CustomTitle text="关联视频" />
+        <el-carousel :interval="4000" type="card" height="400px">
+          <el-carousel-item
+            v-for="item in displayDetail.videosVo"
+            :key="item.fileId"
+          >
             <div class="video-container">
               <div class="video-box">
-            <video src=""></video>
+                <video
+                  :src="item.url"
+                  style="height: auto; width: 100%"
+                  controls
+                  loop
+                ></video>
               </div>
               <div class="info-box">
-            <h4 class="name">海龙屯藏品一块砖</h4>
-            <div class="source">明（1368-1644）</div>
+                <h4 class="name">{{ item.name.split(".")[0] }}</h4>
+              </div>
+            </div>
+          </el-carousel-item>
+        </el-carousel>
+      </div>
+      <div class="relate-video marginBottom32">
+        <CustomTitle text="布展单元" />
+        <el-row>
+          <el-col :span="8">
+            <!-- 只能单开 unique-opened -->
+            <menu-list :items="displayDetail.exhibitionUnits" :isCollapse="false" @handleOpen="handleOpenUnit"></menu-list>
+          </el-col>
+          <el-col :span="16">
+            <el-card>
+
+            </el-card>
+           </el-col>
+        </el-row>
+      </div>
     </div>
+
+    <el-dialog
+      title="登录提示"
+      :visible.sync="loginDialogVisible"
+      width="30%"
+      :before-close="handleLoginClose"
+    >
+      <span>读者功能需登录进行使用，是否去登录？</span>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="loginDialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="handleToLogin">确 定</el-button>
+      </span>
+    </el-dialog>
+
+    <el-dialog
+      title="分享"
+      :visible.sync="shareDialogVisible"
+      width="40%"
+      :before-close="handleShareClose"
+    >
+      <div class="qrcode">
+        <div>
+          <img
+            src="@/assets/404_images/no-pic.png"
+            alt="二维码"
+            width="100px"
+            height="100px"
+          />
         </div>
+        <div>扫描左侧二维码，跳转到对应小程序页面后分享，或复制下方链接</div>
       </div>
+      <div class="copy">
+        <div class="link">{{ curLink }}</div>
+        <el-button type="text">复制链接</el-button>
       </div>
+      <!-- <span slot="footer" class="dialog-footer">
+        <el-button @click="loginDialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="handleToLogin">确 定</el-button>
+      </span> -->
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import SearchBar from "@/components/SearchBar";
+import MenuList from "@/components/MenuList";
 import CustomTitle from "@/components/CustomTitle";
-
+import { getDisplayById } from "@/api/display";
+// import { getToken } from "@/utils/auth";
+import { mapGetters } from "vuex";
 export default {
-  components: { SearchBar, CustomTitle },
+  components: { SearchBar, CustomTitle,MenuList },
   data() {
     return {
       options: [
@@ -100,55 +175,121 @@ export default {
         },
       ],
       selectValue: "",
+      displayDetail: {},
       keyword: "",
-      relateBooks: [
-        { name: "带钩及其演变", author: "王莉", source: "文博.1996(01)" },
-        { name: "古代带钩用途考实", author: "王仁湘", source: "文物.1982(10)" },
-        {
-          name: "金蝴蝶与金臂钏",
-          author: "陈娟;闫新法; 牛爱红",
-          source: "文明.2007(05)",
-        },
-        {
-          name: "带钩起源的服饰背景",
-          author: "马振凯;",
-          source: "齐鲁艺苑.2010(03)",
+      exhibitionId: "",
+      loginDialogVisible: false,
+      shareDialogVisible: false,
+      curLink: "", //当前地址栏的链接
+      // relateBooks: [
+      //   { name: "带钩及其演变", author: "王莉", source: "文博.1996(01)" },
+      //   { name: "古代带钩用途考实", author: "王仁湘", source: "文物.1982(10)" },
+      //   {
+      //     name: "金蝴蝶与金臂钏",
+      //     author: "陈娟;闫新法; 牛爱红",
+      //     source: "文明.2007(05)",
+      //   },
+      //   {
+      //     name: "带钩起源的服饰背景",
+      //     author: "马振凯;",
+      //     source: "齐鲁艺苑.2010(03)",
+      //   },
+      // ],
+      // relateRelics: [
+      //   {
+      //     imgUrl: "",
+      //     title: "宋代鹭鸟纹彩色蜡染褶裙",
+      //     time: "宋(960~1279)",
+      //     content:
+      //       "1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质，白色，长31CM；裙身为棉质土布，长62.5CM，宽51.2CM。蜡染纹样分上下两个部分，上部分以飞翔的鹭鸟为主，其造型昂首展翅，屈肢及长长的尾羽，翔鹭间排布着和谐的几何纹样，作为陪衬，使图案组构丰满。其下为黄、蓝条形几组弦纹相间，使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云，流云间空隙以若干小点密布，两部份纹饰以黄蓝相间为底衬，且呈浓淡之分，显然是经过两次封蜡所出现的效果。冰纹均为纵向，细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰，即在两段挑花中，夹一段刺绣，自上而下，是以黄蓝丝线挑的“万”字纹，与图象多变，似由树木、人物、走兽、环形图象等组构而成，并显黄蓝绿的刺绣图案，及以蓝色为主，间或呈黄色的挑花席纹。",
+      //   },
+      //   {
+      //     imgUrl: "",
+      //     title: "宋代鹭鸟纹彩色蜡染褶裙",
+      //     time: "宋(960~1279)",
+      //     content:
+      //       "1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质，白色，长31CM；裙身为棉质土布，长62.5CM，宽51.2CM。蜡染纹样分上下两个部分，上部分以飞翔的鹭鸟为主，其造型昂首展翅，屈肢及长长的尾羽，翔鹭间排布着和谐的几何纹样，作为陪衬，使图案组构丰满。其下为黄、蓝条形几组弦纹相间，使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云，流云间空隙以若干小点密布，两部份纹饰以黄蓝相间为底衬，且呈浓淡之分，显然是经过两次封蜡所出现的效果。冰纹均为纵向，细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰，即在两段挑花中，夹一段刺绣，自上而下，是以黄蓝丝线挑的“万”字纹，与图象多变，似由树木、人物、走兽、环形图象等组构而成，并显黄蓝绿的刺绣图案，及以蓝色为主，间或呈黄色的挑花席纹。",
+      //   },
+      //   {
+      //     imgUrl: "",
+      //     title: "宋代鹭鸟纹彩色蜡染褶裙",
+      //     time: "宋(960~1279)",
+      //     content:
+      //       "1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质，白色，长31CM；裙身为棉质土布，长62.5CM，宽51.2CM。蜡染纹样分上下两个部分，上部分以飞翔的鹭鸟为主，其造型昂首展翅，屈肢及长长的尾羽，翔鹭间排布着和谐的几何纹样，作为陪衬，使图案组构丰满。其下为黄、蓝条形几组弦纹相间，使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云，流云间空隙以若干小点密布，两部份纹饰以黄蓝相间为底衬，且呈浓淡之分，显然是经过两次封蜡所出现的效果。冰纹均为纵向，细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰，即在两段挑花中，夹一段刺绣，自上而下，是以黄蓝丝线挑的“万”字纹，与图象多变，似由树木、人物、走兽、环形图象等组构而成，并显黄蓝绿的刺绣图案，及以蓝色为主，间或呈黄色的挑花席纹。",
+      //   },
+      //   {
+      //     imgUrl: "",
+      //     title: "宋代鹭鸟纹彩色蜡染褶裙",
+      //     time: "宋(960~1279)",
+      //     content:
+      //       "1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质，白色，长31CM；裙身为棉质土布，长62.5CM，宽51.2CM。蜡染纹样分上下两个部分，上部分以飞翔的鹭鸟为主，其造型昂首展翅，屈肢及长长的尾羽，翔鹭间排布着和谐的几何纹样，作为陪衬，使图案组构丰满。其下为黄、蓝条形几组弦纹相间，使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云，流云间空隙以若干小点密布，两部份纹饰以黄蓝相间为底衬，且呈浓淡之分，显然是经过两次封蜡所出现的效果。冰纹均为纵向，细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰，即在两段挑花中，夹一段刺绣，自上而下，是以黄蓝丝线挑的“万”字纹，与图象多变，似由树木、人物、走兽、环形图象等组构而成，并显黄蓝绿的刺绣图案，及以蓝色为主，间或呈黄色的挑花席纹。",
+      //   },
+      // ],
+    };
   },
-      ],
-      relateRelics: [
-        {
-          imgUrl: "",
-          title: "宋代鹭鸟纹彩色蜡染褶裙",
-          time: "宋(960~1279)",
-          content:
-            "1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质，白色，长31CM；裙身为棉质土布，长62.5CM，宽51.2CM。蜡染纹样分上下两个部分，上部分以飞翔的鹭鸟为主，其造型昂首展翅，屈肢及长长的尾羽，翔鹭间排布着和谐的几何纹样，作为陪衬，使图案组构丰满。其下为黄、蓝条形几组弦纹相间，使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云，流云间空隙以若干小点密布，两部份纹饰以黄蓝相间为底衬，且呈浓淡之分，显然是经过两次封蜡所出现的效果。冰纹均为纵向，细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰，即在两段挑花中，夹一段刺绣，自上而下，是以黄蓝丝线挑的“万”字纹，与图象多变，似由树木、人物、走兽、环形图象等组构而成，并显黄蓝绿的刺绣图案，及以蓝色为主，间或呈黄色的挑花席纹。",
+  mounted() {
+    this.loadDetail();
   },
-        {
-          imgUrl: "",
-          title: "宋代鹭鸟纹彩色蜡染褶裙",
-          time: "宋(960~1279)",
-          content:
-            "1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质，白色，长31CM；裙身为棉质土布，长62.5CM，宽51.2CM。蜡染纹样分上下两个部分，上部分以飞翔的鹭鸟为主，其造型昂首展翅，屈肢及长长的尾羽，翔鹭间排布着和谐的几何纹样，作为陪衬，使图案组构丰满。其下为黄、蓝条形几组弦纹相间，使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云，流云间空隙以若干小点密布，两部份纹饰以黄蓝相间为底衬，且呈浓淡之分，显然是经过两次封蜡所出现的效果。冰纹均为纵向，细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰，即在两段挑花中，夹一段刺绣，自上而下，是以黄蓝丝线挑的“万”字纹，与图象多变，似由树木、人物、走兽、环形图象等组构而成，并显黄蓝绿的刺绣图案，及以蓝色为主，间或呈黄色的挑花席纹。",
+  computed: {
+    ...mapGetters(["token"]),
   },
-        {
-          imgUrl: "",
-          title: "宋代鹭鸟纹彩色蜡染褶裙",
-          time: "宋(960~1279)",
-          content:
-            "1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质，白色，长31CM；裙身为棉质土布，长62.5CM，宽51.2CM。蜡染纹样分上下两个部分，上部分以飞翔的鹭鸟为主，其造型昂首展翅，屈肢及长长的尾羽，翔鹭间排布着和谐的几何纹样，作为陪衬，使图案组构丰满。其下为黄、蓝条形几组弦纹相间，使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云，流云间空隙以若干小点密布，两部份纹饰以黄蓝相间为底衬，且呈浓淡之分，显然是经过两次封蜡所出现的效果。冰纹均为纵向，细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰，即在两段挑花中，夹一段刺绣，自上而下，是以黄蓝丝线挑的“万”字纹，与图象多变，似由树木、人物、走兽、环形图象等组构而成，并显黄蓝绿的刺绣图案，及以蓝色为主，间或呈黄色的挑花席纹。",
+  methods: {
+    async loadDetail() {
+      // debugger
+      console.log(this.$route.params);
+      let exhibitionId = this.$route.params.exhibitionId;
+      this.exhibitionId = exhibitionId;
+      if (exhibitionId) {
+        let res = await getDisplayById({ exhibitionId });
+        if (res.code == 0) {
+          this.displayDetail = res.data;
+        }
+      }
     },
-        {
-          imgUrl: "",
-          title: "宋代鹭鸟纹彩色蜡染褶裙",
-          time: "宋(960~1279)",
-          content:
-            "1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质，白色，长31CM；裙身为棉质土布，长62.5CM，宽51.2CM。蜡染纹样分上下两个部分，上部分以飞翔的鹭鸟为主，其造型昂首展翅，屈肢及长长的尾羽，翔鹭间排布着和谐的几何纹样，作为陪衬，使图案组构丰满。其下为黄、蓝条形几组弦纹相间，使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云，流云间空隙以若干小点密布，两部份纹饰以黄蓝相间为底衬，且呈浓淡之分，显然是经过两次封蜡所出现的效果。冰纹均为纵向，细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰，即在两段挑花中，夹一段刺绣，自上而下，是以黄蓝丝线挑的“万”字纹，与图象多变，似由树木、人物、走兽、环形图象等组构而成，并显黄蓝绿的刺绣图案，及以蓝色为主，间或呈黄色的挑花席纹。",
+    // 收藏
+    async handleCollect(exhibitionId) {
+      if (this.token) {
+        const params = {
+          sourceId: exhibitionId,
+          sourceType: "biz_exhibition",
+          title: this.displayDetail.title,
+        };
+        await this.$store.dispatch("user/toggleCollect", params);
+      } else {
+        this.loginDialogVisible = true;
+      }
     },
-      ],
+    // 点赞
+    async handleLike(exhibitionId) {
+      if (this.token) {
+        const params = {
+          sourceId: exhibitionId,
+          sourceType: "biz_exhibition",
+          title: this.displayDetail.title,
         };
+        await this.$store.dispatch("user/toggleLike", params);
+      } else {
+        this.loginDialogVisible = true;
+      }
+    },
+
+    handleShare() {
+      this.curLink = window.location.href.toString();
+      this.shareDialogVisible = true;
+    },
+    handleToLogin() {
+      this.$router.push(`/login?redirect=${this.$route.fullPath}`);
+    },
+    handleLoginClose() {
+      this.loginDialogVisible = false;
+    },
+    handleShareClose() {
+      this.shareDialogVisible = false;
+    },
+    handleOpenUnit(item){
+      console.log(item);
+    }
   },
-  mounted() {},
-  methods: {},
 };
 </script>
 
@@ -236,10 +377,11 @@ export default {
           width: 800px;
         }
       }
-      .info-box{
-           width: 800px;
+      .info-box {
+        width: 100%;
         display: flex;
         justify-content: space-between;
+        align-items: center;
       }
     }
   }
@@ -248,4 +390,11 @@ export default {
 .marginBottom32 {
   margin-bottom: 32px;
 }
+
+.qrcode,
+.copy {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
 </style>

src/views/display/index.vue

@@ -9,7 +9,8 @@
               <el-input
                 v-model="keyword"
                 class="search-bar"
-                @keyup.enter.native="search" clearable
+                @keyup.enter.native="search"
+                clearable
                 ><i slot="suffix" class="el-input__icon el-icon-search"></i
               ></el-input>
             </div>
@@ -19,21 +20,21 @@
                 >件
               </div>
               <div class="divider"></div> -->
-              <el-row :gutter="10">
+              <el-row :gutter="60">
                 <el-col 
                   :span="6"
-                  class="cr-box"
-                  display-item
+                  class="display-item"
                   @click.native="handleClick(item)"
                   v-for="(item, index) in list.records"
                   :key="index"
                 >
-                  <div class="img">
-                    <img :src="item.faceImageUrl" alt="" srcset="" />
-                    <div class="collect">
-                      <div class="collect-box">
-                        <img src="@/assets/imgs/like.png" alt="" srcset="" />
-                      </div>
+                  <div class="img" v-if="item.faceImageUrl">
+                    <img :src="item.faceImageUrl" alt="" srcset="" v-if="item.faceImageUrl" width="100%"/>
+                    <img v-else src="@/assets/404_images/no-pic.png" alt="" width="100%" height="100%">
+                    <div class="desc">
+                      <span class="name">{{ item.title }}</span
+                      >
+                      <!-- <span class="deptName">{{ item.deptName }}</span> -->
                     </div>
                   </div>
                 </el-col>
@@ -80,11 +81,10 @@ export default {
         current: 1,
         total: 0,
       },
-      years: ["新石器时代", "夏", "商", "春秋", "战国", "秦", "汉", "三国"],
-      types: ["青铜", "石器"],
+      // years: ["新石器时代", "夏", "商", "春秋", "战国", "秦", "汉", "三国"],
+      // types: ["青铜", "石器"],
     };
   },
-  dicts: ["culturalRelicYears", "cultural_relic_texture", "culturalRelicType"],
   created() {
     setTimeout(() => {
       // console.log(this.dicts);
@@ -131,9 +131,9 @@ export default {
 
     handleClick(item) {
       console.log(item);
-      const { crId } = item;
+      const { exhibitionId } = item;
       this.$router.push({
-        path: "culturalRelic/" + crId,
+        path: "display/" + exhibitionId,
       });
     },
   },
@@ -227,6 +227,16 @@ $text-indent: 16px;
           img {
             width: 100%;
           }
+          .desc {
+            position: absolute;
+            width: 100%;
+            padding: 10px;
+            background-color: #fff;
+            opacity: 0.7;
+            bottom: 0;
+            left: 0;
+          }
+
           .collect {
             position: absolute;
             right: 20px;
@@ -248,6 +258,10 @@ $text-indent: 16px;
             }
           }
         }
+
+        .display-item{
+          cursor: pointer;
+        }
       }
     }
   }

src/views/home/index.vue

@@ -5,7 +5,7 @@
         <div class="recommend-item-container boutique">
           <!-- <NavBar class="navBar" /> -->
           <el-carousel height="100vh" style="width: 100%">
-            <el-carousel-item v-for="(item,index) in [1,2,3]" :key="index">
+            <el-carousel-item v-for="(item,index) in ['精品展1','精品展2','精品展3']" :key="index">
               <h3
                 class="small"
                 style="

src/views/login/index.vue

 <!-- -->
 <template>
   <div class="login">
-    <el-tabs v-model="activeName" class="login-box">
-      <el-tab-pane label="账号登录" name="account">
-        <el-form
-          :model="accountForm"
-          :label-position="labelPosition"
-          :rules="accountRules"
-          ref="accountForm"
-        >
-          <el-form-item
-            label="账号"
-            :label-width="formLabelWidth"
-            prop="account"
-          >
+    <div class="title">
+      <div class="text">登录</div>
+      <div class="close" @click="handleCloseLogin">×</div>
+    </div>
+    <el-form :model="loginForm" :label-position="labelPosition" ref="loginForm">
+      <el-form-item :label-width="formLabelWidth" prop="username">
         <el-input
-              v-model="accountForm.account"
+          v-model="loginForm.username"
           autocomplete="off"
           clearable
+          placeholder="用户名/手机号"
         ></el-input>
       </el-form-item>
-          <el-form-item label="密码" :label-width="formLabelWidth" prop="pwd">
+      <el-form-item :label-width="formLabelWidth" prop="password">
         <el-input
-              v-model="accountForm.pwd"
+          v-model="loginForm.password"
           autocomplete="off"
           type="password"
           clearable
           show-password
+          placeholder="密码"
         ></el-input>
-            <div class="register">
-              <router-link to="/register" @click.native="closeDialog">
-                没有账号？去注册
-              </router-link>
-            </div>
       </el-form-item>
-        </el-form>
-      </el-tab-pane>
-      <el-tab-pane label="手机号登录" name="phoneNumber">
-        <el-form
-          :model="phoneForm"
-          label-position="labelPosition"
-          :rules="phoneRules"
-          ref="phoneForm"
-        >
-          <el-form-item
-            label="手机号"
-            :label-width="formLabelWidth"
-            prop="phoneNumber"
-          >
+      <el-form-item :label-width="formLabelWidth">
+        <el-row :gutter="10">
+          <el-col :span="16">
+            <el-form-item prop="captcha">
               <el-input
-              v-model="phoneForm.phoneNumber"
-              autocomplete="off"
-              clearable
-            ></el-input>
+                ref="captcha"
+                v-model="loginForm.captcha"
+                placeholder="请输入验证码"
+                name="captcha"
+                tabindex="3"
+                auto-complete="on"
+                @keyup.enter.native="handleLogin"
+              />
             </el-form-item>
-          <el-form-item
-            label="验证码"
-            :label-width="formLabelWidth"
-            prop="captcha"
-          >
-            <el-input
-              v-model="phoneForm.captcha"
-              autocomplete="off"
-              style="width: 46%; margin-right: 8px"
-              clearable
-            ></el-input>
-            <el-button :disabled="isDisabled" @click.native="handleSend">{{
-              sendButtonText
-            }}</el-button>
+          </el-col>
+          <el-col :span="8" class="captcha">
+            <img
+              v-if="requestCodeSuccess"
+              style="margin-top: 2px"
+              :src="captchaImgSrc"
+              @click="handleGetCaptcha"
+            />
+            <img
+              v-else
+              style="margin-top: 2px"
+              src="@/assets/404_images/checkcode.png"
+              @click="handleGetCaptcha"
+            />
+          </el-col>
+        </el-row>
       </el-form-item>
     </el-form>
-      </el-tab-pane>
-    </el-tabs>
-    <el-button @click="handleSubmitLogin">登 陆</el-button>
+    <div class="opration">
+      <div class="register">
+        <router-link to="/register"> 注册 </router-link>
+        <span style="margin: 0 10px"> | </span>
+        <router-link to="/register"> 忘记密码 </router-link>
+      </div>
+      <el-button @click="handleLogin" size="small" :loading="loading"
+        >登 陆</el-button
+      >
+    </div>
   </div>
 </template>
 
 <script>
 import { mapActions } from "vuex";
+import { getVerify } from "@/api/user";
 export default {
   data() {
     return {
-      accountForm: {
-        account: "",
-        pwd: "",
-      },
-      phoneForm: {
-        phoneNumber: "",
+      loginForm: {
+        username: "",
+        password: "",
         captcha: "",
       },
-      accountRules: {
-        account: [{ message: "请输入账号", required: true }],
-        pwd: [{ message: "请输入密码", required: true }],
-      },
-      phoneRules: {
-        phoneNumber: [
-          { required: true, message: "请输入手机号", trigger: "blur" },
-          {
-            pattern: /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/,
-            message: "请输入合法手机号/电话号",
-            trigger: "blur",
-          },
+      requestCodeSuccess: false,
+      captchaImgSrc: "",
+      formLabelWidth: "1px",
+      labelPosition: "right",
+      loading: false,
+      loginRules: {
+        username: [
+          { required: true, trigger: "blur", message: "请输入用户名" },
         ],
-        captcha: [{ message: "请输入验证码", required: true }],
+        password: [{ required: true, trigger: "blur", message: "请输入密码" }],
+        captcha: [{ required: true, trigger: "blur", message: "请输入验证码" }],
       },
-      formLabelWidth: "70px",
-      labelPosition: "right",
-      activeName: "account",
-      isDisabled: true,
-      sendButtonText: "发送验证码",
-      second: 60,
     };
   },
-  watch: {
-    "phoneForm.phoneNumber": {
-      handler: function (value) {
-        this.$refs["phoneForm"].validateField("phoneNumber", (errorMessage) => {
-          let valid = errorMessage == "";
-          if (valid) {
-            this.isDisabled = false;
-          } else {
-            this.isDisabled = true;
-          }
-        });
-      },
-      deep: true,
-    },
+  created() {
+    this.handleGetCaptcha();
   },
   mounted() {},
   methods: {
-    handleClickLogin() {
-      this.loginDialogVisible = true;
-    },
-    // 登录提交
-    handleSubmitLogin() {
-      if (this.activeName == "account") {
-        this.$refs["accountForm"].validate((isTrue) => {
-          if (isTrue) {
-            if (this.accountForm.account) {
-              var params = {
-                userName: this.accountForm.account,
-                pwd: this.accountForm.pwd,
-              };
+    handleLogin() {
+      this.$refs.loginForm.validate((valid) => {
+        if (valid) {
+          this.loading = true;
           this.$store
-                .dispatch("user/login", params)
+            .dispatch("user/login", this.loginForm)
             .then(() => {
-                  this.$message.success("登录成功！");
-                  var redirect = this.$route.query.redirect;
-                  this.$router.push({
-                    path: redirect || "/",
-                  });
+              this.$router.push({ path: this.redirect || "/" });
+              this.loading = false;
             })
-                .catch((err) => {
-                  this.$message.error(err);
-                  console.log(err);
-                });
-            }
-          }
+            .catch(() => {
+              this.loading = false;
             });
         } else {
-        this.$refs["phoneForm"].validate((isTrue) => {
-          if (isTrue) {
-            //  TODO:调用登录接口
-            this.$message.info("需调用登录接口");
-            this.closeDialog();
+          console.log("error submit!!");
+          return false;
         }
       });
-      }
     },
-    // 点击发送验证码
-    handleSend() {
-      this.isDisabled = true;
-      this.second = 60;
-      var timer = setInterval(() => {
-        if (this.second < 1) {
-          this.isDisabled = false;
-          clearInterval(timer);
-          timer = null;
-          this.sendButtonText = "发送验证码";
+    handleCloseLogin() {
+      if (window.history.length <= 1) {
+        this.$router.push({ path: "/" });
+        return false;
       } else {
-          this.second--;
-          this.sendButtonText = `${this.second}秒后重新发送`;
+        this.$router.go(-1);
       }
-      }, 1 * 1000);
+    },
+    // 获取验证码
+    handleGetCaptcha() {
+      this.currdatetime = new Date().getTime();
+      // debugger
+      getVerify()
+        .then((res) => {
+          this.requestCodeSuccess = true;
+          const imgSrc = window.URL.createObjectURL(res);
+          this.captchaImgSrc = imgSrc;
+        })
+        .catch(() => {
+          this.requestCodeSuccess = false;
+        });
     },
   },
 };
@@ -192,15 +148,37 @@ export default {
 .login {
   width: 500px;
   margin: 50px auto;
+  background-color: #fff;
+  border-radius: 16px;
+  padding: 48px 32px;
+  .title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 30px;
+    .text {
+      font-weight: bold;
+      font-size: 26px;
+    }
+    .close {
+      font-size: 48px;
+      cursor: pointer;
+    }
+  }
   .login-box {
     width: 500px;
     margin: auto;
   }
 }
-.register {
+.opration {
+  display: flex;
+  justify-content: space-between;
+  .register {
     display: flex;
     justify-content: flex-end;
+  }
 }
+
 .dialog-footer {
   display: flex;
   justify-content: center;

src/views/personal/index.vue

 <template>
   <div class="personal">
-    <NavBar />
+    <!-- <NavBar /> -->
     <el-tabs :tab-position="'left'" type="card">
       <el-tab-pane label="我的点赞">
         <Like
@@ -28,7 +28,7 @@
       </el-tab-pane>
       <el-tab-pane label="个人信息"><Info /></el-tab-pane>
     </el-tabs>
-    <Footer />
+    <!-- <Footer /> -->
   </div>
 </template>
 

src/views/virtual/index.vue

 <template>
   <div class="virtual">
     <!-- <NavBar /> -->
-    <h1>虚拟展厅</h1>
+    <!-- <h1>虚拟展厅</h1> -->
     <!-- <Footer /> -->
+    <el-row :gutter="40" class="list">
+      <el-col :span="12">
+        <div class="img" @click="handleClick('1')">
+          <img src="@/assets/imgs/virtual/1.png" alt="" />
+          <div class="desc">
+            <span class="name">贵州世居民族展历史篇</span>——
+            <span class="deptName">贵州省民族博物馆</span>
+          </div>
+          <div class="play">
+            <i class="el-icon-caret-right"></i>
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="12">
+        <div class="img" @click="handleClick('2')">
+          <img src="@/assets/imgs/virtual/2.png" alt="" />
+          <div class="desc">
+            <span class="name">贵州世居民族展文化篇</span>——
+            <span class="deptName">贵州省民族博物馆</span>
+          </div>
+          <div class="play">
+            <i class="el-icon-caret-right"></i>
+          </div>
+        </div>
+      </el-col>
+    </el-row>
   </div>
 </template>
 
@@ -12,8 +38,67 @@ import Footer from "@/components/Footer";
 export default {
   name: "Virtual",
   components: { NavBar, Footer },
+  methods: {
+    handleClick(value) {
+      switch (value) {
+        case "1":
+          window.open('https://720yun.com/t/6cvkbyf7z7w?scene_id=90524980#scene_id=90524980')
+          break;
+        case "2":
+          window.open('https://720yun.com/t/99vkbwqb02e?scene_id=91494908#scene_id=91494908')
+          break;
+      }
+    },
+  },
 };
 </script>
 
-<style>
+<style lang='scss' scoped>
+.virtual {
+  display: flex;
+  justify-content: center;
+  .list {
+    max-width: 1200px;
+    .img {
+      width: 100%;
+      position: relative;
+      overflow: hidden;
+      &:hover {
+        img {
+          transform: scale(1.1);
+        }
+      }
+      img {
+        width: 100%;
+        transition: all 0.5s ease;
+      }
+      .desc {
+        position: absolute;
+        width: 100%;
+        padding: 10px;
+        background-color: #fff;
+        opacity: 0.7;
+        bottom: 0;
+        left: 0;
+      }
+      .play {
+        width: 50px;
+        height: 50px;
+        border-radius: 50%;
+        border: 2px solid #fff;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        i {
+          font-size: 40px;
+          color: #fff;
+        }
+      }
+    }
+  }
+}
 </style>
\ No newline at end of file

vue.config.js

@@ -17,6 +17,7 @@ module.exports = defineConfig({
     proxy: {
       '/api': {
         target: 'http://172.24.100.189:8080',
+        // target: 'http://222.85.214.245:9062/api',
         changeOrigin: true,
         pathRewrite: {
           '^/api': ''
@@ -32,6 +33,22 @@ module.exports = defineConfig({
         args[0].title = '贵州省精品展览展示平台'
         return args
       })
+    // set svg-sprite-loader
+    config.module
+      .rule('svg')
+      .exclude.add(resolve('src/icons'))
+      .end()
+    config.module
+      .rule('icons')
+      .test(/\.svg$/)
+      .include.add(resolve('src/icons'))
+      .end()
+      .use('svg-sprite-loader')
+      .loader('svg-sprite-loader')
+      .options({
+        symbolId: 'icon-[name]'
+      })
+      .end()
   },
   configureWebpack: {
     // provide the app's title in webpack's name field, so that
@@ -44,4 +61,6 @@ module.exports = defineConfig({
   },
 
 
+
+
 })