首页 模版详情查看

src/App.vue

@@ -42,7 +42,6 @@ useFontStore().loadAllFonts()
 
 <style lang="scss">
 @import url('@/assets/styles/common.css');
-@import url('//at.alicdn.com/t/c/font_635492_mmnd6nkbmf8.css');
 #app {
   height: 100%;
 }

src/assets/styles/common.css

@@ -18,6 +18,17 @@ page {
 	src: url("https://im.oytour.com/tripfont/PingFangR.ttf") format("truetype");
 	font-display: swap;
 }
+
+/* 修改滚动条滑块的样式 */
+::-webkit-scrollbar-thumb {
+	background-color: #BBBECE;
+	border-radius: 5px; /* 修改滑块圆角 */
+}
+
+/* 修改滚动条滑块悬停时的样式 */
+::-webkit-scrollbar-thumb:hover {
+	/* background-color: #BBBECE; */
+}
 .pingfangr{
 	font-family: "pingfangr" !important;
 }

src/components/footer/index.vue

+<template>
+    <div class="footer-from column flex-center">
+        <div><img :src="logo" height="31"/></div>
+        <div class="text-center fz14 PingFangSC" style="color: #9B99BC;">@2012-2024 成都微途科技有限公司 版权所有 蜀ICP备13024891号-9</div>
+    </div>
+</template>
+<script lang="ts" setup>
+import { onMounted, ref,provide } from 'vue';
+  import { useUserStore } from "@/store";
+  import { storeToRefs } from "pinia";
+  
+  const logo = require("@/assets/img/traveldesign.png")
+</script>
+<style scoped>
+  .footer-from{
+    width: 100%;
+    position: fixed;
+    height: 10vh;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: #000;
+    z-index: 1;
+    text-align: center;
+  }
+</style>
+  
\ No newline at end of file

src/plugins/icon.ts

@@ -130,6 +130,7 @@ import {
   More,
   Setting,
   Refresh,
+  Like
 } from '@icon-park/vue-next'
 
 export interface Icons {
@@ -264,6 +265,7 @@ export const icons: Icons = {
   IconMore: More,
   IconSetting: Setting,
   IconRefresh: Refresh,
+  IconLike: Like
 }
 
 export default {

src/views/Editor/EditorHeader/index.vue

@@ -8,7 +8,7 @@
           <div class="menu-item" @click="goBack(0)">返回首页</div>
         </template>
         <div class="menu-item">
-          <el-icon color="#d14424"><ArrowLeftBold /></el-icon>
+          <el-icon color="#564bec"><ArrowLeftBold /></el-icon>
         </div>
         <!-- <div class="menu-item ArrowLeftBold"> </div> -->
       </Popover>