2024 Bring Up

- PicBed url updated.
- New department structure with latest department introduction.
- New images.

README.md

@@ -50,3 +50,6 @@ pnpm run build
 	}
 ```
 5. 注意检查您配置的监听端口是否开放。
+
+
+

src/components/CarouselCards.vue

@@ -178,7 +178,7 @@ ul li {
   right: 95%;
   margin: auto;
   margin: auto;
-  background: center/cover no-repeat url(https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/svg/右箭头红.svg);
+  background: center/cover no-repeat url(https://img.lonesome.cn/jhwl/home/photo/svg/右箭头红.svg);
   transform: rotate(180deg);
   cursor: pointer;
 }
@@ -190,7 +190,7 @@ ul li {
   top: 60%;
   left: 95%;
   margin: auto;
-  background: center/cover no-repeat url(https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/svg/右箭头红.svg);
+  background: center/cover no-repeat url(https://img.lonesome.cn/jhwl/home/photo/svg/右箭头红.svg);
   cursor: pointer;
 }
 

src/components/Contact.vue

@@ -2,28 +2,28 @@
   <div class="contact-base" :class="pageStore.pageType">
     <JHCard type="small" :is-title="false" title="no">
       <div class="loading" :class="pageStore.pageType">
-        <img src="https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/2023.png" />
+        <img src="https://img.lonesome.cn/jhwl/home/photo/index/2024.webp" />
         <div class="loading-bar-border">
           <div class="loading-bar" :style="{ left: loadingWidth + '%' }"></div>
         </div>
-        <img src="https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/loading.png" />
+        <img src="https://img.lonesome.cn/jhwl/home/photo/index/loading.webp" />
       </div>
     </JHCard>
     <img
       class="jh"
       :class="pageStore.pageType"
-      src="https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story1.png"
+      src="https://img.lonesome.cn/jhwl/home/photo/index/story1.webp"
       border="5"
     />
     <JHCard type="small" :is-title="false" title="no">
       <div class="contact-us" :class="pageStore.pageType">
         <img
-            src="https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/svg/wechat.svg"
+            src="https://img.lonesome.cn/jhwl/home/photo/svg/wechat.svg"
             @mouseover="onMouseOver"
         />
         <img
             v-if="isHovering"
-            src="https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/QR.jpg"
+            src="https://img.lonesome.cn/jhwl/home/photo/index/QR.webp"
             class="qrcode"
             @mouseout="onMouseOut"
             style="width: auto; height: 20%;z-index:1; position: absolute;"
@@ -33,7 +33,7 @@
           <h4>jhwl@zjut.edu.cn</h4>
         </div>
         <img
-          src="https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/svg/LogoGitHub.svg"
+          src="https://img.lonesome.cn/jhwl/home/photo/svg/LogoGitHub.svg"
           style="cursor: pointer"
           @click="toGithub"
         />

src/components/Footer.vue

@@ -3,7 +3,7 @@ import { useRouter } from "vue-router";
 const router = useRouter();
 </script>
 <template>
-  <div class="footer">©2023 浙江工业大学-精弘网络</div>
+  <div class="footer">©2024 浙江工业大学-精弘网络</div>
 </template>
 
 <style scoped>

src/components/History.vue

@@ -4,48 +4,48 @@ import { usePageStore } from "../stores/pages";
 import { ref } from "vue";
 const pageStore = usePageStore();
 const Events = [
-  ["2002年5月", "精弘网络成立", "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story1.png", "精弘网络"],
+  ["2002年5月", "精弘网络成立", "https://img.lonesome.cn/jhwl/home/photo/index/story1.webp", "精弘网络"],
   [
     "2003年5月",
     "推出精弘论坛\nbbs.zjut.com",
-    "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story2.png",
+    "https://img.lonesome.cn/jhwl/home/photo/index/story2.webp",
     "精弘论坛",
   ],
   [
     "2004年10月",
     "Feel电台创立\n radio.zjut.com",
-    "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story3.png",
+    "https://img.lonesome.cn/jhwl/home/photo/index/story3.webp",
     "Feel电台",
   ],
   [
     "2005年5月",
     "推出第一版学生邮箱\n mail.zjut.com",
-    "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story4.png",
+    "https://img.lonesome.cn/jhwl/home/photo/index/story4.webp",
     "学生邮箱",
   ],
-  ["2012年3月", "第一届精弘毅行", "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story5.jpg", "精弘毅行"],
+  ["2012年3月", "第一届精弘毅行", "https://img.lonesome.cn/jhwl/home/photo/index/story5.webp", "精弘毅行"],
   [
     "2012年12月",
     '荣获第五届"全国高校百佳网站"的荣誉称号',
-    "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story6.png",
+    "https://img.lonesome.cn/jhwl/home/photo/index/story6.webp",
     "百佳网站",
   ],
   [
     "2015年12月",
     '承办浙江工业大学首届"网络安全宣传月"活动',
-    "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story7.jpg",
+    "https://img.lonesome.cn/jhwl/home/photo/index/story7.webp",
     "网络安全宣传",
   ],
   [
     "2016年8月",
     '精弘网络微信服务号"获全国高校东部地区榜亚军"',
-    "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story8.jpg",
+    "https://img.lonesome.cn/jhwl/home/photo/index/story8.webp",
     "微信服务号",
   ],
-  ["2017年2月", "微精弘改版正式上线", "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story9.png", "微精弘"],
-  ["2020年2月", "第十三届精弘毅行", "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story5.jpg", "精弘毅行"],
-  ["2022年8月", "微精弘2.0发布", "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story9.png", "微精弘"],
-  ["2023年4月", "成为校级组织数字化转型解决方案的提供者", "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story10.png", "技术定位转变"]
+  ["2017年2月", "微精弘改版正式上线", "https://img.lonesome.cn/jhwl/home/photo/index/story9.webp", "微精弘"],
+  ["2020年2月", "第十三届精弘毅行", "https://img.lonesome.cn/jhwl/home/photo/index/story5.webp", "精弘毅行"],
+  ["2022年8月", "微精弘2.0发布", "https://img.lonesome.cn/jhwl/home/photo/index/story9.webp", "微精弘"],
+  ["2023年4月", "成为校级组织数字化转型解决方案的提供者", "https://img.lonesome.cn/jhwl/home/photo/index/story10.webp", "技术定位转变"]
 ];
 const eventNow = ref<number>(0);
 </script>
@@ -61,7 +61,7 @@ const eventNow = ref<number>(0);
     <div class="history-right" :class="pageStore.pageType">
       <div class="time">{{ Events[eventNow][0] }}</div>
       <div class="content">{{ Events[eventNow][1] }}</div>
-      <img src="https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/jingxiaohong.png" border="2" />
+      <img src="https://img.lonesome.cn/jhwl/home/photo/index/jingxiaohong.webp" border="2" />
     </div>
   </div>
   <div class="history-choice">

src/components/Introduce.vue

@@ -5,7 +5,7 @@ const pageStore = usePageStore();
 <template>
   <div class="base" :class="pageStore.pageType">
     <img
-      src="https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/xiaohongLeft.png"
+      src="https://img.lonesome.cn/jhwl/home/photo/index/xiaohongLeft.webp"
       v-if="!(pageStore.pageType == 'mini')"
     />
     <div class="introduce">
@@ -26,7 +26,7 @@ const pageStore = usePageStore();
       </div>
     </div>
     <img
-      src="https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/xiaohongRight.png"
+      src="https://img.lonesome.cn/jhwl/home/photo/index/xiaohongRight.webp"
       v-if="!(pageStore.pageType == 'mini')"
     />
   </div>

src/components/NavBar.vue

@@ -63,7 +63,7 @@ function logoClicked() {
     pageStore.pageType,
     hide ? 'hide' : '',
   ]" class="base" ref="base">
-    <img class="logo" :class="pageStore.pageType" src="https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/top/logo.png" @click="logoClicked" />
+    <img class="logo" :class="pageStore.pageType" src="https://img.lonesome.cn/jhwl/home/photo/top/logo.webp" @click="logoClicked" />
     <div v-for="(l, index) in links" class="link" :class="index == pageStore.pageNow ? 'select' : 'notSelect'"
       v-show="pageStore.pageType == 'normal'">
       <div style="width: 100%;">
@@ -89,7 +89,7 @@ function logoClicked() {
 <style scoped>
 @font-face {
   font-family: "song";
-  src: url("https://download.tooc.xlj0.com/uploads/22/jhhome/public/font/逐浪雅宋体.ttf");
+  src: url("https://img.lonesome.cn/jhwl/home/font/%E9%80%90%E6%B5%AA%E9%9B%85%E5%AE%8B%E4%BD%93.ttf");
 }
 
 @keyframes showList {
@@ -200,13 +200,13 @@ a {
 }
 
 .listButton.btnOn {
-  background-image: url("https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/svg/close.svg");
+  background-image: url("https://img.lonesome.cn/jhwl/home/photo/svg/close.svg");
   background-repeat: no-repeat;
   background-position: center;
 }
 
 .listButton.btnOff {
-  background-image: url("https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/svg/list.svg");
+  background-image: url("https://img.lonesome.cn/jhwl/home/photo/svg/list.svg");
   background-repeat: no-repeat;
   background-position: center;
 }

src/components/NavBarAdmin.vue

@@ -47,7 +47,7 @@ function logoClicked() {
 </script>
 <template>
   <div :class="pageStore.pageType, hide ? 'hide' : ''" class="base" ref="base">
-    <img class="logo" :class="pageStore.pageType" src="https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/top/logo.png" @click="logoClicked" />
+    <img class="logo" :class="pageStore.pageType" src="https://img.lonesome.cn/jhwl/home/photo/top/logo.webp" @click="logoClicked" />
     <div v-for="(l, index) in links" class="link" :class="index == pageStore.pageAdminNow ? 'select' : 'notSelect'"
       v-show="pageStore.pageType == 'normal'">
       <router-link :to="l.link">{{ l.name }}</router-link>
@@ -67,7 +67,7 @@ function logoClicked() {
 <style scoped>
 @font-face {
   font-family: "song";
-  src: url("https://download.tooc.xlj0.com/uploads/22/jhhome/public/font/逐浪雅宋体.ttf");
+  src: url("/font/逐浪雅宋体.ttf");
 }
 
 @keyframes showList {
@@ -177,13 +177,13 @@ a {
 }
 
 .listButton.btnOn {
-  background-image: url("https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/svg/close.svg");
+  background-image: url("https://img.lonesome.cn/jhwl/home/photo/svg/close.svg");
   background-repeat: no-repeat;
   background-position: center;
 }
 
 .listButton.btnOff {
-  background-image: url("https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/svg/list.svg");
+  background-image: url("https://img.lonesome.cn/jhwl/home/photo/svg/list.svg");
   background-repeat: no-repeat;
   background-position: center;
 }

src/components/Start.vue

@@ -13,14 +13,14 @@ onMounted(() => {
     :class="[pageStore.pageType, loaded ? 'loaded' : 'unloaded']"
   >
     <div class="title1" :class="pageStore.pageType">精弘网络,取精用弘</div>
-    <img class="downArrow" src="https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/svg/downArrow.svg" />
+    <img class="downArrow" src="https://img.lonesome.cn/jhwl/home/photo/svg/downArrow.svg" />
   </div>
 </template>
 
 <style scoped>
 @font-face {
   font-family: "song";
-  src: url("https://download.tooc.xlj0.com/uploads/22/jhhome/public/font/逐浪雅宋体.ttf");
+  src: url("https://img.lonesome.cn/jhwl/home/font/%E9%80%90%E6%B5%AA%E9%9B%85%E5%AE%8B%E4%BD%93.ttf");
 }
 .start {
   background-position: 0 0;
@@ -32,19 +32,19 @@ onMounted(() => {
 }
 .start.normal {
   background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
-    url(https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/startPc2.jpg) no-repeat center;
+    url(https://img.lonesome.cn/jhwl/home/photo/index/startPc2.webp) no-repeat center;
   background-size: cover;
   height: 100vh;
 }
 .start.middle {
   background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
-    url(https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/startPc.jpg) no-repeat center;
+    url(https://img.lonesome.cn/jhwl/home/photo/index/startPc.webp) no-repeat center;
   background-size: cover;
   height: 100vh;
 }
 .start.mini {
   background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
-    url(https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/startMobile.jpg) no-repeat center;
+    url(https://img.lonesome.cn/jhwl/home/photo/index/startMobile.webp) no-repeat center;
   background-size: cover;
   height: 100vh;
 }

src/components/Timeline.vue

@@ -4,72 +4,72 @@ import JHCard from './JHCard.vue';
 const items = [
   {
     id: 0,
-    img: "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story1.png",
+    img: "https://img.lonesome.cn/jhwl/home/photo/index/story1.webp",
     content: "2002年5月\n精弘网络成立",
   },
   {
     id: 1,
-    img: "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story2.png",
+    img: "https://img.lonesome.cn/jhwl/home/photo/index/story2.webp",
     time: "2003年5月",
     content: "推出精弘论坛\nbbs.zjut.com",
   },
   {
     id: 2,
-    img: "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story3.png",
+    img: "https://img.lonesome.cn/jhwl/home/photo/index/story3.webp",
     time: "2004年10月",
     content: "Feel电台创立\nradio.zjut.com",
   },
   {
     id: 3,
-    img: "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story4.png",
+    img: "https://img.lonesome.cn/jhwl/home/photo/index/story4.webp",
     time: "2006年5月",
     content: "推出第一版学生邮箱\nmail.zjut.com",
   },
   {
     id: 4,
-    img: "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story5.jpg",
+    img: "https://img.lonesome.cn/jhwl/home/photo/index/story5.webp",
     time: "2012年3月",
     content: "第一届精弘毅行",
   },
   {
     id: 5,
-    img: "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story6.png",
+    img: "https://img.lonesome.cn/jhwl/home/photo/index/story6.webp",
     time: "2012年12月",
     content: '荣获第五届\n"全国高校百佳网站"\n荣誉称号',
   },
   {
     id: 6,
-    img: "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story7.jpg",
+    img: "https://img.lonesome.cn/jhwl/home/photo/index/story7.webp",
     time: "2015年12月",
     content: '承办浙江工业大学首届\n"网络安全宣传月"活动',
   },
   {
     id: 7,
-    img: "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story8.jpg",
+    img: "https://img.lonesome.cn/jhwl/home/photo/index/story8.webp",
     time: "2016年8月",
     content: '精弘网络微信服务号获\n"全国高校东部地区榜亚军"',
   },
   {
     id: 8,
-    img: "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story9.png",
+    img: "https://img.lonesome.cn/jhwl/home/photo/index/story9.webp",
     time: "2017年2月",
     content: "微精弘改版正式上线",
   },
   {
     id: 9,
-    img: "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story5.jpg",
+    img: "https://img.lonesome.cn/jhwl/home/photo/index/story5.webp",
     time: "2020年2月",
     content: "第十三届精弘毅行",
   },
   {
     id: 10,
-    img: "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story9.png",
+    img: "https://img.lonesome.cn/jhwl/home/photo/index/story9.webp",
     time: "2022年8月",
     content: "微精弘2.0发布",
   },
   {
     id: 11,
-    img: "https://download.tooc.xlj0.com/uploads/22/jhhome/public/photo/index/story10.png",
+    img: "https://img.lonesome.cn/jhwl/home/photo/index/story10.webp",
     time: "2023年4月",
     content: "成为校级组织数字化转型解决方案的提供者",
   },

src/router/index.ts

@@ -38,10 +38,10 @@ const routes = [
     }
   },
   {
-    path: '/department/changwu',
-    name: 'department/changwu',
+    path: '/department/ganshi',
+    name: 'department/ganshi',
     components: {
-      default: () => import('../views/department/changwu.vue'),
+      default: () => import('../views/department/ganshi.vue'),
       navbar: () => import('../components/NavBar.vue'),
     }
   },