恢复修改的数据

src/views/home/cpns/HomeWelcome.vue

@@ -18,57 +18,42 @@ const greeting = computed(() => {
 </script>
 
 <template>
-  <section class="home-welcome">
-    <div class="home-welcome__info">
-      <h2 class="home-welcome__greeting">
-        {{ greeting }}
-      </h2>
-      <p class="home-welcome__summary text-secondary">
-        {{ summary }}
-      </p>
-    </div>
-    <div class="home-welcome__brand">
-      <!-- TODO(蓝湖): 替换头像切图 -->
-      <span class="home-welcome__avatar">王</span>
-      <span class="home-welcome__appName">虫子智造</span>
-    </div>
-  </section>
+  <div class="home-welcome">
+    <h2 class="home-welcome__greeting">
+      {{ greeting }}
+      <span class="home-welcome__wave">👋</span>
+    </h2>
+    <p class="home-welcome__summary">
+      {{ summary }}
+    </p>
+  </div>
 </template>
 
 <style lang="less" scoped>
 .home-welcome {
-  .flex(row, space-between);
-  padding: @spacing-lg @spacing-xl;
-  border-radius: @radius-lg;
-  background: linear-gradient(120deg, @primary-color, @primary-hover);
-  color: @white;
+  .flex(column, center, flex-start);
+  gap: @spacing-sm;
 
   &__greeting {
+    .flex(row, flex-start);
+    gap: @spacing-sm;
     font-size: @font-size-xxl;
     font-weight: 600;
+    color: @white;
   }
 
-  &__summary {
-    margin-top: @spacing-xs;
-    color: rgba(255, 255, 255, 0.85);
-  }
-
-  &__brand {
+  &__wave {
     .flex(row, center);
-    gap: @spacing-sm;
-  }
-
-  &__avatar {
-    .flex(row, center);
-    width: 40px;
-    height: 40px;
+    width: 32px;
+    height: 32px;
     border-radius: @radius-round;
     background: rgba(255, 255, 255, 0.25);
     font-size: @font-size-lg;
   }
 
-  &__appName {
-    font-size: @font-size-base;
+  &__summary {
+    font-size: @font-size-lg;
+    color: rgba(255, 255, 255, 0.9);
   }
 }
 </style>