产品消息样式优化

src/components/product/index.vue

@@ -28,7 +28,7 @@
         <div class="product_main">
           <div class="product_modules">
             <div class="base_module">
-              <div class="tag"></div>
+              <div class="tag">基本形态</div>
               <!-- 列表集合 -->
               <div class="list" v-for="item in baseModuleData" :key="item.id" v-show="!!item.val">
                 <div class="list_label">{{ item.key }}:</div>
@@ -448,14 +448,20 @@ function showGraph(item) {
         letter-spacing: 0;
         border-radius: 12rem;
         .tag {
-          position: absolute;
+            position: absolute;
-          top: 0rem;
+            font-size: 12rem;
-          right: 0;
+            border-radius: 0rem 12rem 0rem 12rem;
-          background: url('../../assets/images/chat/base-tag.svg');
+            background: #FDEEDE;
-          height: 24rem;
+            width: 64rem;
-          width: 65rem;
+            height: 25rem;
-          content: '';
+            top: 0rem;
-        }
+            line-height: 26rem;
+            right: 0;
+            font-weight: 500;
+            text-align: center;
+            content: '';
+            color: #A56033;
+          }
       }
 
       .more_module {