diff --git a/frontend/src/components/canvas/components/RectangleAttr.vue b/frontend/src/components/canvas/components/RectangleAttr.vue index c9ff00a741..8a81315021 100644 --- a/frontend/src/components/canvas/components/RectangleAttr.vue +++ b/frontend/src/components/canvas/components/RectangleAttr.vue @@ -32,6 +32,14 @@ + + + + +
+ +
+
@@ -51,6 +59,7 @@
+ @@ -101,7 +110,20 @@ export default { }, { value: '5', label: '5' - }] + }], + innerOpacity: 0 + } + }, + watch: { + innerOpacity: { + handler(oldVal, newVal) { + this.styleInfo['opacity'] = this.innerOpacity / 100 + } + } + }, + mounted() { + if (this.styleInfo['opacity']) { + this.innerOpacity = this.styleInfo['opacity'] * 100 } }, computed: { @@ -173,7 +195,7 @@ export default { .el-card-main { height: 34px; z-index: 1000000000; - width: 210px; + width: 300px; position: absolute; } diff --git a/frontend/src/lang/tw.js b/frontend/src/lang/tw.js index 468514f291..c4751bbf79 100644 --- a/frontend/src/lang/tw.js +++ b/frontend/src/lang/tw.js @@ -1126,7 +1126,7 @@ export default { lineHeight: '行高', letterSpacing: '字間距', textAlign: '左右對齊', - opacity: '透明度', + opacity: '不透明度', verticalAlign: '上下對齊', text_align_left: '左對齊', text_align_center: '左右居中', diff --git a/frontend/src/lang/zh.js b/frontend/src/lang/zh.js index d759095305..bed437080b 100644 --- a/frontend/src/lang/zh.js +++ b/frontend/src/lang/zh.js @@ -1127,7 +1127,7 @@ export default { lineHeight: '行高', letterSpacing: '字间距', textAlign: '左右对齐', - opacity: '透明度', + opacity: '不透明度', verticalAlign: '上下对齐', text_align_left: '左对齐', text_align_center: '左右居中', diff --git a/frontend/src/styles/deicon/demo_index.html b/frontend/src/styles/deicon/demo_index.html index 63a3cf281e..f6b2332ee2 100644 --- a/frontend/src/styles/deicon/demo_index.html +++ b/frontend/src/styles/deicon/demo_index.html @@ -54,6 +54,18 @@