From 009c6ac9d086c480f9e3a00e9a6ced30f0bec8c8 Mon Sep 17 00:00:00 2001 From: wangjiahao <1522128093@qq.com> Date: Tue, 27 Jul 2021 14:42:00 +0800 Subject: [PATCH] =?UTF-8?q?refactor:=E4=BF=AE=E5=A4=8D=E4=BB=AA=E8=A1=A8?= =?UTF-8?q?=E6=9D=BF=E7=9F=A9=E5=BD=A2=E6=82=AC=E6=B5=AE=E6=A1=86=E9=83=A8?= =?UTF-8?q?=E5=88=86=E6=A0=B7=E5=BC=8F=E8=AE=BE=E7=BD=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../canvas/components/RectangleAttr.vue | 38 +++++++++++++++++-- 1 file changed, 34 insertions(+), 4 deletions(-) diff --git a/frontend/src/components/canvas/components/RectangleAttr.vue b/frontend/src/components/canvas/components/RectangleAttr.vue index d7d15b6952..da5f9b12ee 100644 --- a/frontend/src/components/canvas/components/RectangleAttr.vue +++ b/frontend/src/components/canvas/components/RectangleAttr.vue @@ -32,13 +32,29 @@ + + + + +
+ +
+ + + + + +
+ +
+
- +
@@ -48,9 +64,10 @@
- +
+ @@ -101,7 +118,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: { @@ -176,7 +206,7 @@ export default { .el-card-main { height: 34px; z-index: 10; - width: 210px; + width: 400px; position: absolute; }