Browse Source

Merge branch 'dev/v1.1.11_yf' of jianyu/web into feature/v1.1.11

yangfeng 1 month ago
parent
commit
c3f6fdd741

BIN
apps/mobile/src/assets/image/icon/new-img.png


+ 14 - 0
apps/mobile/src/views/article/components/ActionDownloadReport.vue

@@ -26,6 +26,12 @@
             slot="icon"
             slot="icon"
             :name="showPopover ? 'custom-report-active' : 'custom-report'"
             :name="showPopover ? 'custom-report-active' : 'custom-report'"
           ></van-icon> -->
           ></van-icon> -->
+          <img
+            slot="tip"
+            class="action-new-tip"
+            src="@/assets/image/icon/new-img.png"
+            alt=""
+          />
           <AppIcon
           <AppIcon
             slot="icon"
             slot="icon"
             name="normal"
             name="normal"
@@ -285,6 +291,14 @@ export default {
   .tab-action-item {
   .tab-action-item {
     height: 100%;
     height: 100%;
   }
   }
+  .action-new-tip {
+    position: absolute;
+    top: -14px;
+    left: 50%;
+    width: 48px;
+    height: 18px;
+    transform: translateX(-50%);
+  }
 }
 }
 </style>
 </style>
 <style lang="scss">
 <style lang="scss">

+ 2 - 0
apps/mobile/src/views/article/ui/TabActionItem.vue

@@ -6,6 +6,7 @@
       'action-column': direction === 'column'
       'action-column': direction === 'column'
     }"
     }"
   >
   >
+    <slot name="tip"></slot>
     <span class="action-icon">
     <span class="action-icon">
       <slot name="icon"></slot>
       <slot name="icon"></slot>
     </span>
     </span>
@@ -35,6 +36,7 @@ export default {
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
 .tab-action-item {
 .tab-action-item {
+  position: relative;
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
   justify-content: center;
   justify-content: center;