From c4846f2acb0231f782d0af858fc836d3f19d6f83 Mon Sep 17 00:00:00 2001
From: Mike-Sagiri <dangkuchangge@gmail.com>
Date: Thu, 12 Oct 2023 14:50:44 +0800
Subject: [PATCH] hardware,engineering
---
app.vue | 43 ++++++++++++++++
components/collabsider.vue | 10 ++++
components/descriptionSider.vue | 10 ++++
components/header.vue | 8 +--
components/hpsider.vue | 10 ++++
components/mapSider.vue | 10 ++++
components/sider.vue | 87 +++++++++++++++++++++++++++++++--
7 files changed, 170 insertions(+), 8 deletions(-)
diff --git a/app.vue b/app.vue
index 315ae49..ae096fc 100644
--- a/app.vue
+++ b/app.vue
@@ -51,6 +51,49 @@ axios.get('https://2023.igem.wiki/peking/education')
text-shadow: none;
}
+::-moz-scrollbar {
+
+ width: 5px;
+
+ height: 5px;
+
+ background: #fefefd;
+ border-radius: 10px;
+
+}
+
+
+
+::-moz-scrollbar-track {
+
+ background: #fefdfd;
+border-radius: 10px;
+}
+
+
+
+::-moz-scrollbar-thumb {
+
+ background: rgb(139 0 18);
+ border-radius: 10px;
+}
+
+
+
+::-moz-scrollbar-thumb:hover {
+
+ background: rgb(139 0 18);
+
+}
+
+
+
+::-moz-scrollbar:hover {
+
+ width: 10px;
+ height: 10px;
+
+}
/* 滚动æ¡æ ·å¼ */
diff --git a/components/collabsider.vue b/components/collabsider.vue
index 64b3118..47ba275 100644
--- a/components/collabsider.vue
+++ b/components/collabsider.vue
@@ -87,6 +87,16 @@
</script>
<style scoped>
+ @font-face {
+ font-family: 'saf-regular';
+ src: url('https://static.igem.wiki/teams/4713/wiki/fonts/saf-regular.ttf');
+ font-weight: normal;
+ font-style: normal;
+ }
+
+ *{
+ font-family: 'saf-regular';
+ }
div#myDiv ul li a.active {
color: #8B0012;
}
diff --git a/components/descriptionSider.vue b/components/descriptionSider.vue
index be687ca..5356d38 100644
--- a/components/descriptionSider.vue
+++ b/components/descriptionSider.vue
@@ -58,6 +58,16 @@ function setActive(link,li) {
</script>
<style scoped>
+@font-face {
+ font-family: 'saf-regular';
+ src: url('https://static.igem.wiki/teams/4713/wiki/fonts/saf-regular.ttf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+*{
+ font-family: 'saf-regular';
+}
div#myDiv ul li a.active {
color: #8B0012;
}
diff --git a/components/header.vue b/components/header.vue
index 94b537b..8b24761 100644
--- a/components/header.vue
+++ b/components/header.vue
@@ -186,8 +186,8 @@ function addActive(n: number) {
<style scoped>
@font-face {
- font-family: 'kalam-bold';
- src: url('https://static.igem.wiki/teams/4713/wiki/fonts/kalam-bold.ttf');
+ font-family: 'saf-regular';
+ src: url('https://static.igem.wiki/teams/4713/wiki/fonts/saf-regular.ttf');
font-weight: normal;
font-style: normal;
}
@@ -210,7 +210,7 @@ function addActive(n: number) {
#mainList {
counter-reset: li;
- font-family: 'kalam-bold';
+ font-family: 'saf-regular';
}
#mainList li::before {
@@ -251,7 +251,7 @@ ul#subList {
#subList li {
cursor: pointer;
width: fit-content;
- font-family: 'kalam-bold';
+ font-family: 'saf-regular';
}
#mainList li h1 {
diff --git a/components/hpsider.vue b/components/hpsider.vue
index 36f27d5..492768b 100644
--- a/components/hpsider.vue
+++ b/components/hpsider.vue
@@ -89,6 +89,16 @@ onMounted(() => {
</script>
<style scoped>
+@font-face {
+ font-family: 'saf-regular';
+ src: url('https://static.igem.wiki/teams/4713/wiki/fonts/saf-regular.ttf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+*{
+ font-family: 'saf-regular';
+}
div#myDiv ul li a.active {
color: #8B0012;
}
diff --git a/components/mapSider.vue b/components/mapSider.vue
index 16f76cc..62f36c0 100644
--- a/components/mapSider.vue
+++ b/components/mapSider.vue
@@ -102,6 +102,16 @@
</script>
<style scoped>
+ @font-face {
+ font-family: 'saf-regular';
+ src: url('https://static.igem.wiki/teams/4713/wiki/fonts/saf-regular.ttf');
+ font-weight: normal;
+ font-style: normal;
+ }
+
+ *{
+ font-family: 'saf-regular';
+ }
div#myDiv ul li a.active {
color: #8B0012;
}
diff --git a/components/sider.vue b/components/sider.vue
index a21254b..0e44ee2 100644
--- a/components/sider.vue
+++ b/components/sider.vue
@@ -1,9 +1,9 @@
<template>
<div id="myDiv"
- class="transition-all duration-500 font-medium scale-50 lg:scale-100 mt-[32px] mr-3 lg:mr-[16px] mb-[0px] ml-[4vw] uppercase sticky top-[40%] min-w-[220px] max-w-[350px] ">
+ class=" transition-all duration-500 font-medium scale-50 lg:scale-100 mt-[32px] mr-3 lg:mr-[16px] mb-[0px] ml-[4vw] uppercase sticky top-[40%] min-w-[220px] max-w-[350px] ">
<h1 class="font-light">{{ page?.title }}</h1>
- <ul class="font-extralight">
+ <ul class="overflow-scroll h-[300px] font-extralight">
<li @mouseenter="toggleMouse(index)" v-for="(e, index) in toc?.links">
<div class=" flex cursor-pointer items-center mt-6">
<div
@@ -23,9 +23,9 @@
</li>
</ul>
- </li><img alt="sider" src="https://static.igem.wiki/teams/4713/wiki/sider2.png" />
+ </li>
</ul>
-
+ <img alt="sider" src="https://static.igem.wiki/teams/4713/wiki/sider2.png" />
</div>
</template>
<script setup lang="js">
@@ -90,6 +90,85 @@ onMounted(() => {
</script>
<style scoped>
+
+@font-face {
+ font-family: 'saf-regular';
+ src: url('https://static.igem.wiki/teams/4713/wiki/fonts/saf-regular.ttf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+*{
+ font-family: 'saf-regular';
+}
+
+::-webkit-scrollbar {
+
+ width: 5px;
+
+ height: 5px;
+
+ background: rgb(250,251,240);
+ border-radius: 10px;
+
+}
+
+::-moz-scrollbar {
+
+ width: 5px;
+
+ height: 5px;
+
+ background: rgb(250,251,240);
+ border-radius: 10px;
+
+}
+
+::-webkit-scrollbar-track {
+
+ background: rgb(250,251,240);
+border-radius: 10px;
+}
+
+
+
+::-webkit-scrollbar-thumb {
+
+ background: rgb(139 0 18);
+ border-radius: 10px;
+}
+
+
+
+::-webkit-scrollbar {
+
+ width: 5px;
+
+ height: 5px;
+
+ background: rgb(250,251,240);
+ border-radius: 10px;
+
+}
+
+
+
+::-moz-scrollbar-track {
+
+ background: rgb(250,251,240);
+border-radius: 10px;
+}
+
+
+
+::-moz-scrollbar-thumb {
+
+ background: rgb(139 0 18);
+ border-radius: 10px;
+}
+
+
+
div#myDiv ul li a.active {
color: #8B0012;
}
--
GitLab