ソースを参照

style: 阳光采购移动端详情页tag样式调整

cuiyalong 9 ヶ月 前
コミット
54f7673a25

+ 6 - 1
apps/mobile/src/views/article/components/ContentHeader.vue

@@ -1,6 +1,6 @@
 <template>
   <section class="content-title-container bg-white">
-    <span v-if="showHeaderType" class="page-tag red fixed-header-top-left">
+    <span v-if="showHeaderType" class="page-tag red fixed-header-top-left" :class="{ 'rectangle-tag': IsSunPublishContent }">
       {{ headerType }}
     </span>
     <!-- <span class="forecast fixed-header-right" v-if="otherModel.forecastShow">
@@ -205,6 +205,11 @@ export default {
     line-height: 18px;
     border-radius: 0 10px 10px 0;
   }
+  .rectangle-tag {
+    border: 1px solid #fb483d;
+    border-left: 0;
+    border-radius: 0;
+  }
 }
 
 .text-underline {