diff --git a/frontend/src/components/canvas/components/TextAttr.vue b/frontend/src/components/canvas/components/TextAttr.vue
index 72260705ad..516070e87e 100644
--- a/frontend/src/components/canvas/components/TextAttr.vue
+++ b/frontend/src/components/canvas/components/TextAttr.vue
@@ -49,6 +49,14 @@
+
+
+
+
+
@@ -173,7 +181,7 @@ export default {
ps = x + 60
}
// 防止toolbar超出边界
- const xGap = ps + 495 - this.canvasWidth
+ const xGap = ps + 565 - this.canvasWidth
// console.log('canvasWidth:' + this.canvasWidth + ';xGap:' + xGap)
if (xGap > 0) {
return ps - xGap
@@ -205,7 +213,7 @@ export default {
.el-card-main {
height: 34px;
z-index: 10;
- width: 550px;
+ width: 620px;
position: absolute;
}
diff --git a/frontend/src/components/canvas/custom-component/component-list.js b/frontend/src/components/canvas/custom-component/component-list.js
index 0e1d8d6a0b..9a3ecfd7fc 100644
--- a/frontend/src/components/canvas/custom-component/component-list.js
+++ b/frontend/src/components/canvas/custom-component/component-list.js
@@ -57,8 +57,11 @@ const list = [
fontWeight: 400,
lineHeight: '',
letterSpacing: 0,
- textAlign: 'left',
- color: '#000000'
+ textAlign: 'center',
+ color: '#000000',
+ verticalAlign: 'middle',
+ backgroundColor: '#ffffff',
+ borderRadius: 0
}
},
{