feat: 临时保存

src/components/noticeBox.vue

@@ -32,5 +32,10 @@ defineProps({
   --n-title-font-weight: 600 !important;
   --n-title-font-size: 1.75rem !important;
   border-radius: 1.875rem;
+  box-shadow: var(--main-box-shadow);
+  // background-image: url("/img/notice_list_bg.png");
+  background-size: contain;
+  background-repeat: no-repeat;
+  // background-color: transparent;
 }
 </style>

src/views/feedback.vue

@@ -17,12 +17,18 @@
             />
 
             <n-space align="center" style="padding: 20px" justify="center">
-              <n-input type="text" placeholder="昵称" />
-              <n-input type="text" placeholder="联系方式" />
-              <n-input type="text" placeholder="请填入图形验证码" />
+              <n-input size="large" type="text" placeholder="昵称" />
+              <n-input size="large" type="text" placeholder="联系方式" />
+              <n-input
+                size="large"
+                type="text"
+                placeholder="请填入图形验证码"
+              />
             </n-space>
             <n-space align="center" justify="center" style="padding: 20px">
-              <n-button type="primary"> 提交</n-button>
+              <n-button class="submit" size="large" type="primary">
+                提交
+              </n-button>
             </n-space>
           </div>
         </div>
@@ -40,7 +46,7 @@ import sideMenu from "../components/sideMenu";
 import heroSubTitle from "../components/heroSubTitle";
 import { useInfoStore } from "../store/info";
 const title = ref("detail");
-
+const feedBackContent = ref("");
 watchEffect(() => {
   document.title = title.value;
 });
@@ -75,38 +81,22 @@ watchEffect(() => {
   .info {
     max-width: 66.8125rem;
     margin: 0 auto;
-    font-size: 20px;
-
-    .title {
-      font-size: 1.875rem;
-      line-height: 3.75rem;
-      margin: 1.2rem 0;
-    }
-    .label-list {
-      margin-bottom: 1.5rem;
-      display: inline-flex;
-      flex-direction: row;
-      justify-content: space-between;
-      gap: 0 1.875rem;
-      span {
-        padding-left: 1.5625rem;
-        background-image: url("/img/dot.png");
-        background-repeat: no-repeat;
-        background-size: 1.25rem 1.25rem;
-        background-position: left center;
-      }
-    }
-    .text {
-      font-weight: 400;
-      color: #6e6e6e;
-      line-height: 2.125rem;
-      font-size: 1.25rem;
-    }
+    font-size: 1.25rem;
   }
   .show-case {
     max-width: 66.8125rem;
     height: 34.1875rem;
     background: var(--main-show-case-background);
   }
+  .submit {
+    font-size: 20px;
+    padding: 1.5625rem 3.125rem;
+    border-radius: 3.75rem;
+  }
+}
+:deep(.detail .info .n-input--textarea) {
+  --n-font-size: 20px !important;
+  padding: 1.25rem;
+  border-radius: 1.875rem;
 }
 </style>

src/views/survey.vue

@@ -5,9 +5,21 @@
       <div class="left">
         <hero-sub-title />
         <div class="detail">
-          <div class="back" @click="$router.go(-1)"></div>
+          <!-- <div class="back" @click="$router.go(-1)"></div> -->
 
-          <div class="info"></div>
+          <div class="info">
+            <n-grid :y-gap="YGap" :cols="1" class="tab-grid">
+              <template v-for="item in 16">
+                <n-gi>
+                  <notice-box
+                    title="这是一段标题这是一段标题"
+                    content="这是一段摘要这是一段摘要这是一段摘要这是一段摘要这是一段摘要这是一段摘要这是一段摘要这是一段摘要这是一段摘要这是一段摘要这是一段摘要这是一段摘要这是一段摘要这是一段摘要这是一段摘要这是一段摘要这是一段摘要这是一段摘要这是一段..."
+                    time="2023-01-02"
+                  />
+                </n-gi>
+              </template>
+            </n-grid>
+          </div>
         </div>
       </div>
       <side-menu />
@@ -23,7 +35,7 @@ import sideMenu from "../components/sideMenu";
 import heroSubTitle from "../components/heroSubTitle";
 import { useInfoStore } from "../store/info";
 const title = ref("detail");
-
+const YGap = ref(50);
 watchEffect(() => {
   document.title = title.value;
 });
@@ -34,12 +46,12 @@ watchEffect(() => {
   --main-show-case-background: #ddd5d5;
   --main-detail-margin: 1.875rem;
   --main-detail-padding: 1.875rem;
-  box-shadow: var(--main-box-shadow);
+  // box-shadow: var(--main-box-shadow);
   margin: var(--main-detail-margin);
   margin-bottom: 0;
   flex: 1;
   border-radius: 0.8125rem;
-  background: #fff;
+  // background: #fff;
   padding: 2rem 3rem 4rem 3rem;
 
   overflow-y: scroll;