commit

Author: hibichann

components.d.ts

@@ -13,10 +13,16 @@ declare module '@vue/runtime-core' {
     AlbumLeft: typeof import('./src/components/AlbumLeft.vue')['default']
     CardMD: typeof import('./src/components/CardMD.vue')['default']
     CateMenu: typeof import('./src/components/CateMenu.vue')['default']
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElCascader: typeof import('element-plus/es')['ElCascader']
+    ElCheckTag: typeof import('element-plus/es')['ElCheckTag']
     ElCol: typeof import('element-plus/es')['ElCol']
     ElDialog: typeof import('element-plus/es')['ElDialog']
+    ElInput: typeof import('element-plus/es')['ElInput']
     ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
+    ElOption: typeof import('element-plus/es')['ElOption']
     ElRow: typeof import('element-plus/es')['ElRow']
+    ElSelect: typeof import('element-plus/es')['ElSelect']
     ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
     ElTabPane: typeof import('element-plus/es')['ElTabPane']
     ElTabs: typeof import('element-plus/es')['ElTabs']

package.json

@@ -8,6 +8,8 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@kangc/v-md-editor": "^2.3.15",
+    "animate.css": "^4.1.1",
     "axios": "^1.1.3",
     "core-js": "^3.8.3",
     "dayjs": "^1.11.7",

public/img/bg10.png

@@ -1,32 +1,48 @@
 <template>
   <div>
     <layout-body-vue>
-      <router-view />
-      <!-- :key="routerKey" -->
+      <router-view v-slot="{ Component }">
+        <transition
+          name="slide-fade"
+          appear
+        >
+          <keep-alive>
+            <component :is="Component"></component>
+          </keep-alive>
+        </transition>
+      </router-view>
     </layout-body-vue>
   </div>
 </template>
 <script lang="ts" setup>
 import layoutBodyVue from './views/layout/layout-body.vue'
-// import { useRoute } from 'vue-router'
-import { onMounted } from 'vue'
+import { onMounted, ref } from 'vue'
 import store from '@/store'
 const isMobile = () => {
   let flag = navigator.userAgent.match(/(phone|pod|iPhone|iPod|ios|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
   return flag
 }
+let a = ref(true)
 onMounted(() => {
   store.commit('isMobile', isMobile())
 })
-// const route = useRoute()
-// const routerKey = computed(() => {
-//   //TODO query参数改变时刷新页面
-//   return route.path + Math.random()
-// })
 </script>
 <style lang="scss">
 #app {
   font-family: 'HarmonyOS' !important;
   font-weight: 500 !important;
 }
+.slide-fade-enter-active {
+  transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1);
+}
+
+.slide-fade-leave-active {
+  transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1);
+}
+
+.slide-fade-enter-from,
+.slide-fade-leave-to {
+  transform: translateY(30px);
+  opacity: 0;
+}
 </style>

src/App.vue

@@ -22,7 +22,12 @@
             ><span>{{ card1?.tag }}</span>
           </div>
         </div>
-        <a href="mailto:Hibi<[email protected]>"> <i class="fa fa-envelope"></i></a>
+        <a
+          alt="'[email protected]'"
+          href="mailto:Hibi<[email protected]>"
+        >
+          <i class="fa fa-envelope"></i
+        ></a>
       </div>
     </div>
     <div class="fourth">
@@ -118,6 +123,7 @@ const toArticleDetail = (id) => {
     font-size: 20px;
     margin-bottom: 20px;
   }
+  .pfp:hover,
   i:hover {
     cursor: pointer;
     animation: aa 0.5s;

src/components/PlainCard.vue

@@ -15,24 +15,20 @@ import { EChartsType } from 'echarts'
 import 'echarts-wordcloud'
 import { onMounted, ref } from 'vue'
 
-// const colorArr = ['coral', 'darkcyan', 'chocolate', 'brown', 'deeppink', 'limegreen', 'orange']
-// const fontSize = ['14px', '18px', '22px', '26px']
-// const colorRandom = () => colorArr[Math.floor(Math.random() * colorArr.length)]
-// const sizeRandom = () => fontSize[Math.floor(Math.random() * fontSize.length)]
-
 let tagsArr = <allTags>[]
 const chartDom = ref<any>(null)
 let chart: any = null
 const data = ref<any>([])
 onMounted(async () => {
   tagsArr = await getAllTags()
-  tagsArr.forEach((i) => {
+  tagsArr.forEach((i) =>
     data.value.push({
       name: i.tag_name,
       value: Math.random() * 100,
       id: i.tag_id
     })
-  })
+  )
+
   chart = echarts.init(chartDom.value) as EChartsType
   chart.setOption({
     series: [

src/components/word.vue

@@ -17,6 +17,8 @@ export default {
     board: '留言板',
     keyword: '关键词',
     friend: '友情链接',
-    corner: '角落'
+    corner: '角落',
+    all: '全部',
+    total: '共计'
   }
 }

src/language/cn.js

@@ -17,6 +17,8 @@ export default {
     board: 'Message Board',
     keyword: 'Keyword',
     friend: 'Friendship Link',
-    corner: 'Corner'
+    corner: 'Corner',
+    all: 'All',
+    total: 'Total'
   }
 }

src/language/en.js

@@ -17,7 +17,17 @@ import './assets/css/scroll.css'
 import './assets/css/font.css'
 import './assets/css/el.css'
 import './index.css'
+import 'animate.css';
+//md editer
+import VMdEditor from '@kangc/v-md-editor';
+import '@kangc/v-md-editor/lib/style/base-editor.css';
+import githubTheme from '@kangc/v-md-editor/lib/theme/github.js';
+import '@kangc/v-md-editor/lib/theme/style/github.css';
+VMdEditor.use(githubTheme, {
+  Hljs: hljs,
+});
 createApp(App)
+.use(VMdEditor)
 .use(store)
 .use(router)
 .use(i18n)

src/main.ts

@@ -1,7 +1,14 @@
 // 导入axios实例
 import service from '@/request/index'
 import './types'
-
+//上传
+export function postArticle (data) {
+  return service({
+    url: '/postArticle',
+    method: 'post',
+    data
+  })
+}
 //归档
 export function getArchive () {
   return service({