Pārlūkot izejas kodu

feat: 业主委托项目标签样式修改

zhangsiya 11 mēneši atpakaļ
vecāks
revīzija
3cae1ef131

+ 4 - 5
apps/mobile/src/views/article/components/ContentHeader.vue

@@ -1,7 +1,7 @@
 <template>
   <section class="content-title-container bg-white">
     <span
-      class="page-tag border red fixed-header-top-left"
+      class="page-tag red fixed-header-top-left"
       v-if="content.isSelfSite"
     >
       业主委托项目
@@ -96,20 +96,19 @@ export default {
 .fixed-header-top-left {
   position: absolute;
   left: -1px;
-  top: 1px;
+  top: 2px;
 }
 
 .content-title-container {
   position: relative;
   padding: 24px 16px 12px;
   .page-tag {
-    box-sizing: border-box;
-    padding: 0 8px;
-    border: 1px solid #FB483D;
+    padding: 1px 8px;
     background: rgba(251, 72, 61, 0.1);
     color: #FB483D;
     font-size: 12px;
     line-height: 18px;
+    border-radius: 0 10px 10px 0;
   }
 }