refactor(app): 优化设计案例信息展示样式

packages/app/src/components/moment-item.vue

@@ -145,28 +145,39 @@ onMounted(async () => {
           ></wd-img>
         </view>
       </view>
+      <div
+        v-if="options.circleType === '2'"
+        class="text-black/90 text-xl font-normal font-['PingFang_SC']"
+      >
+        设计案例：{{ options?.caseName }}
+      </div>
       <view class="text-[rgba(0,0,0,0.85)] text-4 font-400 my-1 flex items-center">
         <template v-if="options.circleType === '2'">
-          <span>
-            {{ getOptionLabel(DictType.circleSpaceType, options.spaceType) }}
-          </span>
-          <div class="mx-2 h-3.5 w-[1.5px] bg-black/40"></div>
-          <span>
-            {{ getOptionLabel(DictType.memberDesignStyle, options.designStyle) }}
-          </span>
-          <div class="mx-2 h-3.5 w-[1.5px] bg-black/40"></div>
-          <span>{{ options.caseName }}</span>
+          <!--          <span>-->
+          <!--            {{ getOptionLabel(DictType.circleSpaceType, options.spaceType) }}-->
+          <!--          </span>-->
+          <!--          <div class="mx-2 h-3.5 w-[1.5px] bg-black/40"></div>-->
+          <!--          <span>-->
+          <!--            {{ getOptionLabel(DictType.memberDesignStyle, options.designStyle) }}-->
+          <!--          </span>-->
+          <!--          <div class="mx-2 h-3.5 w-[1.5px] bg-black/40"></div>-->
+          <!--          <span>{{ options.caseName }}</span>-->
+          <div class="w-full mt-4 flex items-center justify-between text-black/40 text-sm">
+            <div class="font-normal font-['PingFang_SC']">
+              类别:{{ getOptionLabel(DictType.circleSpaceType, options?.spaceType) }}
+            </div>
+            |
+            <div class="text-black/40 text-sm font-normal font-['PingFang_SC']">
+              风格:{{ getOptionLabel(DictType.memberDesignStyle, options.designStyle) }}
+            </div>
+            |
+            <div class="text-black/40 text-sm font-normal font-['PingFang_SC']">
+              面积:{{ options.spaceExtent }}
+            </div>
+          </div>
         </template>
         <template v-else>{{ options.circleDesc }}</template>
       </view>
-      <div
-        v-if="options.circleType === '2'"
-        class="mt-4 text-black/40 text-sm font-normal font-['PingFang_SC']"
-      >
-        <!-- 龙湖狮山天街生活广场三期·780 m²·全案定制 -->
-        <!-- {{ options.spaceAddr }}·{{ options.spaceType }}·{{ options.designStyle }} -->
-        {{ options.circleDesc }}
-      </div>
       <view v-if="props.options.tagName !== ''" class="my-5.5 flex flex-wrap gap-3.5">
         <template v-if="props.options.tagName !== ''">
           <template v-for="it of props.options.tagName?.split(',')" :key="it">