feat: sign aside

IdeaLeap · Jan 21, 2023 · 538a264 · 538a264
1 parent 1c7c731
commit 538a264
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 4 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -6,8 +6,8 @@
   "files.associations": {
     "*.css": "postcss"
   },
-  "editor.formatOnSave": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  // "editor.formatOnSave": true,
+  // "editor.defaultFormatter": "esbenp.prettier-vscode",
   "prettier.requireConfig": true,
   "eslint.enable": true,
   "cSpell.words": [

diff --git a/frontend/components/Aside/index.vue b/frontend/components/Aside/index.vue
@@ -1,11 +1,25 @@
 <template lang="">
-  <div>
+  <div class="index-aside">
+    <AsideSign />
     <h1 class="text-center">
       这里是广告
     </h1>
+    2333
   </div>
 </template>
 
-<style lang="">
+<style scoped>
+.sidebar-block {
+  background-color: #fff;
+  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
+  border-radius: 2px;
+  margin-bottom: 1.3rem;
+  font-size: 1.16rem;
+  line-height: 1.29;
+  color: #333;
+}
 
+.index-aside {
+  width: 20rem;
+}
 </style>
diff --git a/frontend/components/Aside/sign.vue b/frontend/components/Aside/sign.vue
@@ -0,0 +1,25 @@
+<script setup>
+
+</script>
+
+<template>
+  <div display="block" class="">
+    <div class="bg-light-50 p-5 py-8">
+      <div class="flex flex-row gap-8">
+        <div class="flex flex-col gap-2">
+          <span class="text-black font-bold text-3xl">晚上好！</span>
+          <div class="text-[#8a919f] text-xl">
+            点亮在社区的每一天
+          </div>
+        </div>
+        <button class="bg-[#f4f9ff] border-[#8dbfff] hover:bg-[#e8f2ff] border-solid border-1 rounded-2">
+          <span class="text-2xl text-[#1e80ff] p-3 px-7">去签到</span>
+        </button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+
+</style>