浏览代码

fix: 修复边框组件15的不透明度 值0和100显示效果一样的情况,当值为0时,为完全透明

wu.jian2 1 年之前
父节点
当前提交
84b283d2d4
共有 1 个文件被更改,包括 7 次插入4 次删除
  1. 7 4
      data-room-ui/packages/Borders/Border15/index.vue

+ 7 - 4
data-room-ui/packages/Borders/Border15/index.vue

@@ -14,11 +14,13 @@
         } , ${gradientColor1 ? gradientColor1 : gradientColor0})`,
         'font-size': fontSize + 'px',
         'font-weight': fontWeight,
-        opacity: opacity / 100,
+        opacity: opacity === 0 ? 0 : opacity / 100 ,
         color: fontColor
       }"
     >
-      {{ text }}
+      <span>
+        {{ text }}
+      </span>
     </div>
   </div>
 </template>
@@ -67,11 +69,12 @@ export default {
       return this.config.customize.fontColor || '#fff'
     },
     opacity () {
-      return this.config.customize.opacity || 100
+      return (this.config.customize.opacity === 0 || this.config.customize.opacity) ? this.config.customize.opacity : 100
     }
   },
   watch: {},
-  mounted () {},
+  mounted () {
+  },
   methods: {}
 }
 </script>