🎨 背景画像追加

traP-jp · Jun 16, 2024 · ce1683c · ce1683c
1 parent 087453b
commit ce1683c
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 17 deletions.
diff --git a/src/assets/image.png b/src/assets/image.png
diff --git a/src/pages/App.vue b/src/pages/App.vue
@@ -3,29 +3,39 @@ import Button from "@/components/Button.vue";
 </script>
 
 <template>
-  <div class="container">
-    <h2 class="sub_title">traQ 厳選投稿！</h2>
-    <h1 class="title">草タイピング</h1>
+  <div class="background">
+    <div class="container">
+      <h2 class="sub_title">traQ 厳選投稿！</h2>
+      <h1 class="title">草タイピング</h1>
 
-    <div class="button_container">
-      <router-link to="/play">
-        <Button msg="easy" link=""></Button>
-      </router-link>
-      <router-link to="/play">
-        <Button msg="hard" link=""></Button>
-      </router-link>
-      <router-link to="/ranking">
-        <Button msg="ランキング" link=""></Button>
-      </router-link>
+      <div class="button_container">
+        <router-link to="/play">
+          <Button msg="easy" link=""></Button>
+        </router-link>
+        <router-link to="/play">
+          <Button msg="hard" link=""></Button>
+        </router-link>
+        <router-link to="/ranking">
+          <Button msg="ランキング" link=""></Button>
+        </router-link>
+      </div>
     </div>
   </div>
 </template>
 
 <style scoped>
+.background {
+  width: 100%;
+  height: 100vh;
+  background-image: url('@/assets/image.png');
+  background-size: 100%;
+  background-position: bottom;
+  object-fit: cover;
+}
+
 .container {
   display: flex;
-  width: 100%;
-  margin-top: 200px;
+  padding-top: 200px;
   flex-direction: column;
   justify-content: center;
   align-items: center;

diff --git a/src/pages/PlayScreen.vue b/src/pages/PlayScreen.vue
@@ -775,7 +775,7 @@ const keygraph = {
 }
 
 const show_messages: Ref<components['schemas']['task']> = ref([]);
-const all_messages = [{"content":"かわいそうだね^^\n","yomi":"かわいそうだね","iconUri":"https://q.trap.jp/api/v3/public/icon/Kasyu","authorDisplayName":"火楸","grade":"23B","authorName":"Kasyu","updatedAt":"2024/06/13 18:15","citated":"俺は全強","image":"","stamps":[{"stampId":"6308a443-69f0-45e5-866f-56cc2c93578f","count":16}]},{"content":"リーダーですが、traOの勧誘が怖いです","yomi":"りだですがtraOのかんゆうがこわいです","iconUri":"https://q.trap.jp/api/v3/public/icon/kenken","authorDisplayName":"けんけん","grade":"23B","authorName":"kenken","updatedAt":"2024/06/12 19:04","citated":"","image":"","stamps":[{"stampId":"6308a443-69f0-45e5-866f-56cc2c93578f","count":15},{"stampId":"8f74bc52-e2ec-4b15-a02b-c269488a3b1c","count":1},{"stampId":"a40b7e73-40c4-4bc7-93fd-1a9bfc04e7cd","count":1}]},{"content":"最悪の文章すぎる","yomi":"さいあくのぶんしょうすぎる","iconUri":"https://q.trap.jp/api/v3/public/icon/YHz_ikiri","authorDisplayName":"YHz / イキリ虻","grade":"22B","authorName":"YHz_ikiri","updatedAt":"2024/06/11 14:02","citated":"","image":"","stamps":[{"stampId":"e1c9f12d-139e-496d-a593-663e9046a0a2","count":1},{"stampId":"f75c69fb-001e-4a36-b815-11c10f08c0ef","count":1},{"stampId":"6308a443-69f0-45e5-866f-56cc2c93578f","count":16},{"stampId":"deb05b43-ff10-46b6-b20c-8d0bd3b1afce","count":1}]},{"content":"や、ケモノだったわ","yomi":"やけものだったわ","iconUri":"https://q.trap.jp/api/v3/public/icon/NapoliN","authorDisplayName":"八重樫 夏鈴","grade":"23M","authorName":"NapoliN","updatedAt":"2024/06/12 00:25","citated":"","image":"","stamps":[{"stampId":"6308a443-69f0-45e5-866f-56cc2c93578f","count":16},{"stampId":"c31f75a4-8e1e-46c8-8472-143d78561dd9","count":1}]},{"content":"19B/23M 不仲学年で有名\n","yomi":"19B23Mふなかがくねんでゆうめい","iconUri":"https://q.trap.jp/api/v3/public/icon/toki","authorDisplayName":"とき 🦊","grade":"23M","authorName":"toki","updatedAt":"2024/06/15 17:42","citated":"20B/24M 和気藹々仲良し学年で有名\n","image":"https://q.trap.jp/files/06fb3270-6f05-4b40-89b3-c30db8d4dcf6","stamps":[{"stampId":"6308a443-69f0-45e5-866f-56cc2c93578f","count":18},{"stampId":"75b7f20d-4d6e-4074-b328-b324a750d91f","count":1}]}]
+const all_messages = [{ "content": "かわいそうだね^^\n", "yomi": "かわいそうだね", "iconUri": "https://q.trap.jp/api/v3/public/icon/Kasyu", "authorDisplayName": "火楸", "grade": "23B", "authorName": "Kasyu", "updatedAt": "2024/06/13 18:15", "citated": "俺は全強", "image": "", "stamps": [{ "stampId": "6308a443-69f0-45e5-866f-56cc2c93578f", "count": 16 }] }, { "content": "リーダーですが、traOの勧誘が怖いです", "yomi": "りだですがtraOのかんゆうがこわいです", "iconUri": "https://q.trap.jp/api/v3/public/icon/kenken", "authorDisplayName": "けんけん", "grade": "23B", "authorName": "kenken", "updatedAt": "2024/06/12 19:04", "citated": "", "image": "", "stamps": [{ "stampId": "6308a443-69f0-45e5-866f-56cc2c93578f", "count": 15 }, { "stampId": "8f74bc52-e2ec-4b15-a02b-c269488a3b1c", "count": 1 }, { "stampId": "a40b7e73-40c4-4bc7-93fd-1a9bfc04e7cd", "count": 1 }] }, { "content": "最悪の文章すぎる", "yomi": "さいあくのぶんしょうすぎる", "iconUri": "https://q.trap.jp/api/v3/public/icon/YHz_ikiri", "authorDisplayName": "YHz / イキリ虻", "grade": "22B", "authorName": "YHz_ikiri", "updatedAt": "2024/06/11 14:02", "citated": "", "image": "", "stamps": [{ "stampId": "e1c9f12d-139e-496d-a593-663e9046a0a2", "count": 1 }, { "stampId": "f75c69fb-001e-4a36-b815-11c10f08c0ef", "count": 1 }, { "stampId": "6308a443-69f0-45e5-866f-56cc2c93578f", "count": 16 }, { "stampId": "deb05b43-ff10-46b6-b20c-8d0bd3b1afce", "count": 1 }] }, { "content": "や、ケモノだったわ", "yomi": "やけものだったわ", "iconUri": "https://q.trap.jp/api/v3/public/icon/NapoliN", "authorDisplayName": "八重樫 夏鈴", "grade": "23M", "authorName": "NapoliN", "updatedAt": "2024/06/12 00:25", "citated": "", "image": "", "stamps": [{ "stampId": "6308a443-69f0-45e5-866f-56cc2c93578f", "count": 16 }, { "stampId": "c31f75a4-8e1e-46c8-8472-143d78561dd9", "count": 1 }] }, { "content": "19B/23M 不仲学年で有名\n", "yomi": "19B23Mふなかがくねんでゆうめい", "iconUri": "https://q.trap.jp/api/v3/public/icon/toki", "authorDisplayName": "とき 🦊", "grade": "23M", "authorName": "toki", "updatedAt": "2024/06/15 17:42", "citated": "20B/24M 和気藹々仲良し学年で有名\n", "image": "https://q.trap.jp/files/06fb3270-6f05-4b40-89b3-c30db8d4dcf6", "stamps": [{ "stampId": "6308a443-69f0-45e5-866f-56cc2c93578f", "count": 18 }, { "stampId": "75b7f20d-4d6e-4074-b328-b324a750d91f", "count": 1 }] }]
 
 
 let i = 0;
@@ -839,7 +839,7 @@ disp();
   <div class="HomeWrapper">
     <div class="HomeContainer">
       <div class="SidebarContainer">
-        <Sidebar level="easy" :isNSFW=false :score=score />
+        <Sidebar :level="this.$route.query.level" :isNSFW=false :score=score />
       </div>
       <div class="MainContainer">
         <div class="body">