diff --git a/src/assets/site/sitesem.svg b/src/assets/site/sitesem.svg index 0ff4fe4..0352de3 100644 --- a/src/assets/site/sitesem.svg +++ b/src/assets/site/sitesem.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/components/GuipInput.vue b/src/components/GuipInput.vue index 2983dff..04abb86 100644 --- a/src/components/GuipInput.vue +++ b/src/components/GuipInput.vue @@ -1,7 +1,7 @@ - + :prop="prop" :rules="rules" > {{ desc }} \ No newline at end of file diff --git a/src/components/GuipRadio.vue b/src/components/GuipRadio.vue index 07702ec..fcedc89 100644 --- a/src/components/GuipRadio.vue +++ b/src/components/GuipRadio.vue @@ -173,5 +173,35 @@ export default { /* 自定义样式 */ .el-radio-group { margin: 10px 0; + display: flex; + justify-content: flex-start; + gap: 20px 24px; + flex-wrap: wrap; +} +.custom-form-item { + ::v-deep .el-form-item__content { + display: flex; + flex-direction: column; + align-items: flex-start; + min-height: auto; /* 允许高度自由扩展 */ + } + + /* 错误提示样式调整 */ + ::v-deep .el-form-item__error { + position: relative; /* 改为相对定位 */ + margin-top: 4px; /* 与单选框组保持间距 */ + padding-top: 0; + line-height: 1.5; + white-space: normal; /* 允许错误信息换行 */ + } + + /* 单选框组布局调整 */ + .el-radio-group { + margin: 10px 0; + display: flex; + flex-wrap: wrap; + gap: 20px 24px; + width: 100%; /* 确保宽度填满 */ + } } \ No newline at end of file diff --git a/src/components/GuipSelect.vue b/src/components/GuipSelect.vue index e43a309..bb02428 100644 --- a/src/components/GuipSelect.vue +++ b/src/components/GuipSelect.vue @@ -141,4 +141,27 @@ export default { } } } - \ No newline at end of file + + \ No newline at end of file diff --git a/src/components/SliderMenu.vue b/src/components/SliderMenu.vue index 1f95bd7..95a2933 100644 --- a/src/components/SliderMenu.vue +++ b/src/components/SliderMenu.vue @@ -21,10 +21,10 @@ + activeColor="#006AFF" :isActive="item.index == currentMenuItem && currentMenuItem['index'].substring(0,1) && isCollapse" /> {{ item.title }} - {{ subItem.title }} @@ -32,8 +32,8 @@ - {{ item.title }} + activeColor="#006AFF" :isActive="item.index == (currentMenuItem && currentMenuItem['index'])" /> + {{ item.title}} @@ -50,6 +50,7 @@ import SvgIcon1 from '@/components/SvgIcon1.vue'; import GuipToolTip from '@/components/GuipToolTip.vue'; export default { name: 'SliderMenu', + options: { styleIsolation: "shared" }, components: { SvgIcon1, GuipToolTip, @@ -215,22 +216,22 @@ export default { } - .el-menu-item.is-active { - font-weight: bold; - } +} +::v-deep .el-menu-item.is-active .title_text{ + font-weight: bold; + color: #006AFF !important; } .title_img { width: 16px; margin-right: 4px; } - .title_text { margin-left: 4px; font-size: 14px; - font-weight: bold; + font-weight: normal; display: block; - + color: #1E2226; } .el-menu--collapse .title_text { diff --git a/src/components/Tooltip.vue b/src/components/Tooltip.vue index 15bd51c..cc7807b 100644 --- a/src/components/Tooltip.vue +++ b/src/components/Tooltip.vue @@ -1,7 +1,8 @@ - + + {{ message }} @@ -30,7 +31,13 @@ export default { data() { return { visible: false, - positionStyle: {} + positionStyle: {}, + defaultImages:{ + success: require('@/assets/message_Success.png'), + info: require('@/assets/message_Warning.png'), + warning: require('@/assets/message_Warning.png'), + error: require('@/assets/message_error.png') + } } }, computed: { @@ -67,18 +74,24 @@ export default { const targetRect = targetEl.getBoundingClientRect(); const messageWidth = this.$el.offsetWidth; const viewportWidth = window.innerWidth; + const messageHeight = this.$el.offsetHeight; // 默认居中位置 let left = targetRect.left + targetRect.width / 2 - messageWidth / 2; + let top = 0; // 边界检测 if (left < 0) { left = targetRect.left; // 左侧贴边 } else if (left + messageWidth > viewportWidth) { left = viewportWidth - messageWidth - (viewportWidth -targetRect.right); // 右侧贴边 } - + if(this.position == 'top'){ + top =`${targetRect.top + window.scrollY - this.offset - messageHeight}px` + }else{ + top = `${targetRect.top + window.scrollY + this.offset + messageHeight}px` + } this.positionStyle = { - top: `${targetRect.bottom + window.scrollY + this.offset}px`, + top, left: `${left}px`, right: 'auto', // 清除 right 定位 }; @@ -87,40 +100,49 @@ export default { } -
{{ desc }}