From deeedda267f22815b62734ca5034e2a8bbf9a142 Mon Sep 17 00:00:00 2001 From: yaojn Date: Mon, 17 Mar 2025 11:36:19 +0800 Subject: [PATCH 1/3] =?UTF-8?q?-=20[=E5=8A=9F=E8=83=BD]@rsbuild=E7=89=88?= =?UTF-8?q?=E6=9C=AC=E4=BB=8E0.6.15=E5=8D=87=E7=BA=A7=E5=88=B01.2.4=20=20?= =?UTF-8?q?=20=20-=20[=E5=85=B3=E8=81=94]#[1352007254769664]@rsbuild?= =?UTF-8?q?=E7=89=88=E6=9C=AC=E4=BB=8E0.6.15=E5=8D=87=E7=BA=A7=E5=88=B01.2?= =?UTF-8?q?.4=20http://192.168.0.96:8090/demo/rdm.html#/story-detail/93905?= =?UTF-8?q?0947543040/939050947543042/1352007254769664?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 5 +- rsbuild.config.ts | 45 +- src/resources/assets/css/compare.less | 30 +- .../assets/css/process/taskdispatch.less | 2 +- src/resources/assets/languages/page/en.json | 12 +- src/resources/assets/languages/page/zh.json | 12 +- src/resources/base.md | 413 +++++++++--------- .../CombineSearcher/CombineSearcher.vue | 4 +- .../complexUploadDialog.vue | 4 +- .../components/Condition/condition-group.vue | 2 +- src/resources/components/FormItems/date.vue | 2 +- src/resources/components/FormItems/input.vue | 2 +- src/resources/components/FormItems/select.vue | 2 +- src/resources/components/FormItems/time.vue | 2 +- .../formedit/components/SheetStylesetting.vue | 8 +- .../formedit/edit/components/dynamicList.vue | 2 +- .../formedit/edit/components/rule.vue | 4 +- .../staticList/staticList-table-setting.vue | 2 +- .../edit/components/staticList/staticList.vue | 2 +- .../formedit/edit/components/upload.vue | 2 +- .../formedit/edit/formedit-global.vue | 4 +- .../FormMaker/formedit/edit/global/rule.vue | 16 +- .../edit/global/script/script-edit.vue | 2 +- .../formedit/edit/rule/rule-condition.vue | 2 +- .../FormMaker/formedit/items/cascadeList.vue | 2 +- .../FormMaker/formedit/items/date.vue | 2 +- .../FormMaker/formedit/items/input.vue | 2 +- .../FormMaker/formedit/items/select.vue | 2 +- .../FormMaker/formedit/items/time.vue | 2 +- .../FormMaker/formedit/view/editor.vue | 2 +- .../FormMaker/formedit/view/radio.vue | 2 +- .../resourceinput/resourceinput-dialog.vue | 4 +- .../resourceinput/resourceinput-nomarl.vue | 4 +- .../resoureces/addtarget/resource-input.vue | 4 +- .../view/resoureces/resoureces-dialog.vue | 2 +- .../formedit/view/resoureces/resoureces.vue | 2 +- .../formedit/view/sheet-components.vue | 2 +- .../FormMaker/formedit/view/treeSelect.vue | 2 +- .../FormMaker/formview/form-view-html.vue | 9 +- .../FormMaker/formview/form-view.vue | 6 +- .../InputSearcher/InputSearcher.vue | 4 +- .../components/PoptipSelect/PoptipSelect.vue | 2 +- .../ReferenceSelect/ReferenceSelect.vue | 6 +- src/resources/components/TsCard/TsCard.vue | 12 +- .../components/TsContain/TsContain.vue | 2 +- src/resources/components/UpLoad/UpLoad.vue | 12 +- .../components/UploadDialog/UploadDialog.vue | 4 +- .../components/UserCard/UserInfo.vue | 2 +- .../components/UserSelect/UserSelect.vue | 6 +- .../plugins/TsCkeditor/TsCkEditor.vue.bak | 2 +- .../plugins/TsCkeditor/TsCkeditor.vue | 2 +- src/resources/plugins/TsDialog/TsDialog.vue | 2 +- .../plugins/TsForm/TsFormCheckbox.vue | 2 +- src/resources/plugins/TsForm/TsFormInput.vue | 2 +- src/resources/plugins/TsForm/TsFormSelect.vue | 6 +- src/resources/plugins/TsForm/TsFormTree.vue | 4 +- .../TsSheet/extend/help/config-help.vue | 2 +- .../TsSheet/extend/help/methods-help.vue | 2 +- .../form/component/formtableinputer/index.vue | 2 +- .../form/config/common/condition-group.vue | 8 +- .../TsSheet/form/config/formdate-conf.vue | 4 +- .../config/formtableinputer-conf/index.vue | 6 +- .../config/formtableselector-conf/index.vue | 2 +- .../TsSheet/form/config/formtext-conf.vue | 2 +- src/views/components/topnav/topnav-menu.vue | 2 +- .../components/common/addTarget/add-input.vue | 4 +- .../components/common/addTarget/add-param.vue | 2 +- .../common/executionMode/filters.vue | 2 +- .../components/common/filter-search.vue | 2 +- .../autoexec/components/param/edit/input.vue | 2 +- .../autoexec/components/param/edit/json.vue | 4 +- .../components/param/edit/password.vue | 2 +- .../autoexec/components/param/edit/select.vue | 2 +- .../autoexec/components/param/edit/text.vue | 2 +- .../components/script/script-list.vue | 6 +- .../pages/autoexec/detail/action-detail.vue | 4 +- .../detail/actionDetail/action-valid.vue | 2 +- .../detail/actionDetail/execute-setting.vue | 2 +- .../detail/actionDetail/scenario-setting.vue | 2 +- .../detail/actionDetail/step-group.vue | 4 +- .../actionDetail/step/edit/operation-add.vue | 2 +- .../detail/actionDetail/version-list.vue | 8 +- .../pages/autoexec/detail/job-detail.vue | 4 +- .../detail/jobDetail/job-phase-list.vue | 2 +- .../detail/jobDetail/phase/node-list.vue | 2 +- .../jobDetail/phase/node/node-detail.vue | 2 +- .../detail/jobDetail/phase/node/param.vue | 2 +- .../jobDetail/phase/node/script-content.vue | 2 +- .../pages/autoexec/detail/runner-detail.vue | 6 +- .../autoexec/detail/runnerDetail/param.vue | 4 +- .../pages/autoexec/detail/script-detail.vue | 2 +- .../detail/scriptDetail/common/edit-code.vue | 6 +- .../scriptDetail/common/version-status.vue | 8 +- .../scriptDetail/common/version-valid.vue | 2 +- .../scriptDetail/edit/version-compare.vue | 2 +- .../scriptDetail/edit/version-detail.vue | 4 +- .../pages/autoexec/detail/test-detail.vue | 2 +- .../pages/autoexec/detail/time-job-add.vue | 14 +- .../pages/autoexec/detail/time-job-detail.vue | 12 +- .../form/component/formresoureces/index.vue | 2 +- .../pages/autoexec/manage/operate-manage.vue | 4 +- .../pages/autoexec/manage/script-manage.vue | 2 +- .../quick-service/catalog/catalog-manage.vue | 6 +- .../service-catalog/other-params.vue | 4 +- .../cmdb/application/app-module-tree.vue | 4 +- .../pages/cmdb/asset/advanced-mode-search.vue | 2 +- .../batch-import/batch-import-template.vue | 8 +- .../cmdb/ci/attrhandler/view/select-attr.vue | 2 +- .../cmdb/ci/attrhandler/view/text-attr.vue | 2 +- .../ci/attrhandler/view/textarea-attr.vue | 2 +- src/views/pages/cmdb/ci/ci-detail-rellist.vue | 2 +- src/views/pages/cmdb/ci/ci-detail.vue | 10 +- src/views/pages/cmdb/ci/legalvalid-edit.vue | 2 +- src/views/pages/cmdb/ci/syncpolicy-edit.vue | 4 +- src/views/pages/cmdb/cientity/ci-view.vue | 4 +- .../cmdb/cientity/cientity-edit-batch.vue | 10 +- .../cmdb/cientity/cientity-edit-core.vue | 10 +- .../pages/cmdb/cientity/cientity-edit.vue | 2 +- .../pages/cmdb/cientity/cientity-list.vue | 4 +- .../pages/cmdb/cientity/history-list.vue | 6 +- .../pages/cmdb/components/ci/ci-type-list.vue | 2 +- .../components/condition/condition-group.vue | 2 +- .../condition/customview-condition-group.vue | 2 +- .../cmdb/discovery/discovery-data-detail.vue | 4 +- .../pages/cmdb/discovery/discovery-data.vue | 6 +- .../nodesetting/cmdbpolicy/cmdbsync-edit.vue | 6 +- .../pages/cmdb/globalsearch/global-search.vue | 2 +- src/views/pages/cmdb/sync/collection-data.vue | 6 +- src/views/pages/cmdb/sync/sync-wizard.vue | 2 +- src/views/pages/cmdb/sync/syncpolicy-edit.vue | 4 +- src/views/pages/dashboard/dashboard-edit.vue | 4 +- .../dashboard/widget/chart-headerlist.vue | 2 +- .../dashboard/widget/dashboard-widge.old.vue | 2 +- .../activeversion/history-version-dialog.vue | 6 +- .../config/app/app-config-tree.vue | 6 +- .../config/app/app-info.vue | 4 +- .../config/app/app-module-list.vue | 4 +- .../config/app/components/auth-edit.vue | 4 +- .../config/env/env-db-config-list.vue | 2 +- .../config/integrated/single-add-job.vue | 4 +- .../config/module/module-info.vue | 4 +- .../import-pipeline-config-dialog.vue | 4 +- .../pipeline/step-group.vue | 4 +- .../pipeline/step/type/operation-add.vue | 2 +- src/views/pages/deploy/job/job-add.vue | 6 +- .../pipeline/edit-jobtemplate-dialog.vue | 4 +- .../schedule/components/params/general.vue | 6 +- .../pages/deploy/webhook/component/input.vue | 2 +- .../webhook/component/integration-param.vue | 4 +- .../pages/framework/audit/audit-overview.vue | 8 +- .../datawarehouse-condition-edit.vue | 2 +- .../framework/form/form-edit_deprecated.vue | 2 +- .../pages/framework/healthcheck/sqldump.vue | 4 +- .../homepage/edit-homepage-dialog.vue | 2 +- .../matrix/components/UploadDialog.vue | 4 +- .../framework/module/version-log-dialog.vue | 4 +- .../notifytactics/notifytactics-edit.vue | 2 +- .../notifytactics/notifytactics-overview.vue | 4 +- .../tacticsedit/sendjob-record.vue | 2 +- .../tacticsedit/setting/setting-parameter.vue | 2 +- .../tacticsedit/setting/setting-template.vue | 10 +- .../pages/framework/region/region-manage.vue | 6 +- .../framework/runner/group-add-dialog.vue | 2 +- .../pages/framework/runner/runner-relate.vue | 6 +- .../pages/framework/runner/src/common.less | 2 +- .../framework/runner/src/runner-group.less | 10 +- .../tagent/tagent/batch-operation.vue | 10 +- .../framework/tagent/tagent/batch-upgrade.vue | 10 +- .../tagent/tagent/tagent-config-dialog.vue | 2 +- .../theme/example/checkbox-tag-type.vue | 4 +- .../theme/example/form-disabled-type.vue | 8 +- .../theme/example/globalcolor-type.vue | 12 +- .../theme/example/select-selected-bg-type.vue | 34 +- .../framework/theme/example/switch-type.vue | 4 +- .../framework/theme/example/table-type.vue | 108 ++--- .../theme/input/colorpicker-type.vue | 2 +- .../theme/input/colorpickerlist-type.vue | 11 +- .../framework/users/common/common-adduser.vue | 2 +- .../framework/users/common/common-auth.vue | 4 +- .../users/common/common-select-user.vue | 2 +- .../pages/framework/users/role-addview.vue | 14 +- .../pages/framework/users/team-addview.vue | 2 +- .../pages/framework/users/user-addview.vue | 10 +- .../pages/framework/users/user-manage.vue | 2 +- .../users/user-setting-task-authorization.vue | 4 +- .../pages/framework/users/user-setting.vue | 56 ++- .../framework/worktime/worktime-manage.vue | 8 +- .../pages/index/navigation/navigation.vue | 2 +- .../recentIssues/recent-issues-searcher.vue | 4 +- .../inspect/recentIssues/recent-issues.vue | 2 +- .../knowledge/common/markdown-editor.vue | 12 +- .../pages/knowledge/common/nav-detail.vue | 2 +- src/views/pages/knowledge/common/tag-list.vue | 2 +- .../knowledge/detail/document-detail.vue | 2 +- .../pages/knowledge/detail/items/code.vue | 2 +- .../knowledge/detail/items/formtable.vue | 81 ++-- src/views/pages/knowledge/detail/items/ol.vue | 6 +- src/views/pages/knowledge/detail/items/p.vue | 2 +- src/views/pages/knowledge/detail/items/ul.vue | 8 +- .../knowledge/detail/knowledge-detail.vue | 2 +- .../pages/knowledge/edit/component/code.vue | 2 +- .../pages/knowledge/edit/component/editor.vue | 4 +- .../knowledge/edit/component/formtable.vue | 73 ++-- .../pages/knowledge/edit/component/ol.vue | 4 +- .../pages/knowledge/edit/component/ul.vue | 6 +- .../pages/knowledge/edit/knowledge-edit.vue | 4 +- .../knowledge/edit/main/edit-component.vue | 2 +- .../pages/knowledge/edit/main/edit-main.vue | 10 +- .../pages/knowledge/manage/template-edit.vue | 4 +- .../knowledge/overview/knowledge-overview.vue | 8 +- src/views/pages/login/Login.vue | 18 +- .../pages/process/catalog/catalog-manage.vue | 6 +- .../process/catalog/catalog/edit/channel.vue | 2 +- .../catalog/catalog/edit/icon-edit.vue | 2 +- .../pages/process/change/change-edit.vue | 4 +- .../pages/process/change/change-overview.vue | 2 +- .../pages/process/change/change-setting.vue | 2 +- .../process/change/setting/sop-setting.vue | 4 +- .../change/setting/soptemplate-edit.vue | 2 +- .../channeltype/channel-type-edit-dialog.vue | 4 +- .../eventSolution/event-solution-manage.vue | 2 +- .../pages/process/flow/flow-edit-new.vue | 4 +- .../pages/process/flow/flow-overview.vue | 6 +- .../leftmenu/catalog/services-catalog.less | 2 +- .../pages/process/leftmenu/process-menu.vue | 2 +- .../process/priority/priority-manage.vue | 4 +- .../process/task/overview/CenterCard.vue | 6 +- .../process/task/overview/tditem/scored.vue | 4 +- .../task/processdetail/process-autoexec.vue | 2 +- .../task/processdetail/process-automatic.vue | 2 +- .../processdetail/process-changecreate.vue | 2 +- .../processdetail/process-changehandle.vue | 2 +- .../task/processdetail/process-cmdbsync.vue | 2 +- .../task/processdetail/process-createjob.vue | 2 +- .../task/processdetail/process-event.vue | 2 +- .../task/processdetail/process-omnipotent.vue | 2 +- .../task/processdetail/process-timer.vue | 2 +- .../processdetail/workorder/CenterDetail.vue | 4 +- .../CenterDetailComponent/reply-content.vue | 6 +- .../processdetail/workorder/RightSetting.vue | 4 +- .../workorder/actiondialog/knowledge.vue | 2 +- .../workorder/activity/activity-overview.vue | 6 +- .../workorder/activity/item/rule-handler.vue | 4 +- .../workorder/alert/top-alert.vue | 4 +- .../workorder/change/change-dispatch.vue | 4 +- .../change/changecreate-dispatch.vue | 6 +- .../workorder/reply/reply-template.vue | 2 +- .../processdetail/workorder/report/report.vue | 2 +- .../workorder/score/score-display.vue | 4 +- .../workorder/score/score-edit.vue | 2 +- .../processdetail/workorder/step-carousel.vue | 4 +- .../workorder/step-sla-delay.vue | 6 +- .../workorder/taskstep/step-overview.vue | 4 +- .../pages/process/task/processtask-manage.vue | 12 +- .../content-handler-dialog.vue | 8 +- .../content-handler/content-handler.vue | 8 +- .../edittab/components/app-status-edit.vue | 2 +- .../viewtab/components/condition-group.vue | 2 +- .../viewtab/components/issue-list-gantt.vue | 2 +- .../components/issue-list-storywall.vue | 2 +- .../viewtab/components/issue-list-table.vue | 2 +- .../viewtab/components/issueaudit-list.vue | 2 +- .../viewtab/dashboard/dashboard-edit.vue | 4 +- .../project/viewtab/iteration/iteration.vue | 2 +- .../edittab/components/app-status-edit.vue | 2 +- src/views/pages/report/report/report-show.vue | 2 +- .../report/report/reportinstance-show.vue | 2 +- .../reportinstance/reportinstance-edit.vue | 2 +- .../pages/report/statement/statement-edit.vue | 4 +- 269 files changed, 950 insertions(+), 951 deletions(-) diff --git a/package.json b/package.json index 7eec15037..d7c321920 100755 --- a/package.json +++ b/package.json @@ -88,8 +88,9 @@ "@babel/eslint-parser": "^7.12.16", "@babel/plugin-transform-runtime": "^7.24.3", "@babel/preset-env": "^7.24.5", - "@rsbuild/core": "^0.6.15", - "@rsbuild/plugin-vue2": "^0.6.15", + "@rsbuild/core": "^1.2.4", + "@rsbuild/plugin-less": "^1.1.0", + "@rsbuild/plugin-vue2": "^1.0.2", "@vue/cli-plugin-babel": "~5.0.6", "@vue/cli-plugin-eslint": "^5.0.6", "@vue/cli-service": "~5.0.6", diff --git a/rsbuild.config.ts b/rsbuild.config.ts index 9fe0ac18a..734d87bf4 100644 --- a/rsbuild.config.ts +++ b/rsbuild.config.ts @@ -1,6 +1,6 @@ -import { rspack } from '@rsbuild/core'; -import { defineConfig } from '@rsbuild/core'; +import { rspack, defineConfig } from '@rsbuild/core'; import { pluginVue2 } from '@rsbuild/plugin-vue2'; +import { pluginLess } from '@rsbuild/plugin-less'; let commercialModule = './src/commercial-module'; import path from 'path'; import glob from 'glob'; @@ -114,7 +114,21 @@ const copyFavicon = faviconPath ? [ } ] : []; export default defineConfig({ - plugins: [pluginVue2()], + plugins: [pluginVue2(), pluginLess({ + lessLoaderOptions: { + lessOptions: { + javascriptEnabled: true, + globalVars: { + 'top-height': '50px', + 'actionbar-height': '50px', + 'space-normal': '16px', + 'space-md': '12px', + 'space-sm': '10px', + 'space-icon': '3px' + } + } + } + })], html: { template: './public/rs-index.html', title: pageTitle, @@ -136,19 +150,6 @@ export default defineConfig({ patterns: [...copyRsPack, ...copyFavicon] }) ] - }, - less: { - lessOptions: { - javascriptEnabled: true, - globalVars: { - 'top-height': '50px', - 'actionbar-height': '50px', - 'space-normal': '16px', - 'space-md': '12px', - 'space-sm': '10px', - 'space-icon': '3px' - } - } } }, source: { @@ -217,5 +218,17 @@ export default defineConfig({ wasm: 'resource/js', css: 'resource/css' } + }, + resolve: { + alias: { + /** + * 解决报错：You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. + * vue/dist/vue.esm.js 表示完整版的vue文件，同时包含编辑器和运行时的版本 + * + * 解决错误的原理：通过设置这个别名，让项目从引入 Runtime-only 版本转变为引入包含编译器的 vue.esm.js 文件。 + * 这样，当代码中使用 template 选项定义模板字符串时，在运行时 Vue 就可以使用其自带的编译器将模板字符串编译成渲染函数，从而避免了因缺少编译器而产生的错误 + * */ + 'vue$': 'vue/dist/vue.esm.js' // 将vue的模式改成运行时才编译，解决template动态编译模板的问题 + } } }); diff --git a/src/resources/assets/css/compare.less b/src/resources/assets/css/compare.less index 7fef16e20..15a6048e8 100644 --- a/src/resources/assets/css/compare.less +++ b/src/resources/assets/css/compare.less @@ -2,54 +2,54 @@ .theme(@success-color, @success-bg-color, @warning-bg-color,@error-color,@error-bg-color,@text){ .compare { padding-bottom: 16px; - /deep/ .bg-insert{ + ::v-deep .bg-insert{ background: @success-bg-color; color: @text; } - /deep/ .bg-delete{ + ::v-deep .bg-delete{ background: @error-bg-color; color: @text; } - /deep/ .bg-update{ + ::v-deep .bg-update{ background: @warning-bg-color; color: @text; } - /deep/ .bg-fillblank{ + ::v-deep .bg-fillblank{ opacity: 0; } - /deep/ .insert { + ::v-deep .insert { color: @success-color; } - /deep/ .delete { + ::v-deep .delete { color: @error-color; } - /deep/ .update { + ::v-deep .update { color: @warning-color; } - /deep/ .fillblank { + ::v-deep .fillblank { opacity: 0; pointer-events: none; } - /deep/ tr.insert{ + ::v-deep tr.insert{ background: @success-bg-color; } - /deep/ tr.update{ + ::v-deep tr.update{ background: @warning-bg-color; } - /deep/ tr.delete{ + ::v-deep tr.delete{ background: @error-bg-color; } - /deep/ .nav-insert { + ::v-deep .nav-insert { background: @success-bg-color; } - /deep/ .nav-change { + ::v-deep .nav-change { background: @warning-bg-color; } - /deep/ .nav-update { + ::v-deep .nav-update { background: @warning-bg-color; } - /deep/ .nav-delete { + ::v-deep .nav-delete { background: @error-bg-color; } .table-insert { diff --git a/src/resources/assets/css/process/taskdispatch.less b/src/resources/assets/css/process/taskdispatch.less index 3609bdca3..1de04d08b 100644 --- a/src/resources/assets/css/process/taskdispatch.less +++ b/src/resources/assets/css/process/taskdispatch.less @@ -169,7 +169,7 @@ height: 100%; } - /deep/ .tscontain-body { + ::v-deep .tscontain-body { overflow-y: hidden; } } diff --git a/src/resources/assets/languages/page/en.json b/src/resources/assets/languages/page/en.json index 58cc238c2..06f446fe7 100644 --- a/src/resources/assets/languages/page/en.json +++ b/src/resources/assets/languages/page/en.json @@ -1036,5 +1036,15 @@ "uniquenotedit": "The unique identifier cannot be modified after being set", "formstyle": "form sheet ", "cellspacing": "Cell spacing", - "dragrow": "Drag and drop line" + "dragrow": "Drag and drop line", + "getscreenshotfromclipboard": "Take a screenshot from the clipboard", + "getscreenshotfromclipboarddesc": "Click this button to retrieve a screenshot from the clipboard again (which will replace the current screenshot).", + "uploadscreenshot": "Upload screenshot", + "uploadingscreenshot": "Screenshot uploading", + "screenshotpreview": "Screenshot Preview", + "screenshotname": "Screenshot Name", + "screenshot": "screenshot", + "errorreadingclipboarddata": "Error reading clipboard data", + "noimageresourcesfoundintheclipboard": "There are no image resources in the clipboard", + "nodatafoundintheclipboard": "There is no data in the clipboard" } \ No newline at end of file diff --git a/src/resources/assets/languages/page/zh.json b/src/resources/assets/languages/page/zh.json index 9f1f3e356..c3750dc14 100644 --- a/src/resources/assets/languages/page/zh.json +++ b/src/resources/assets/languages/page/zh.json @@ -1038,5 +1038,15 @@ "uniquenotedit": "唯一标识设置后不能修改", "formstyle": "表单样式", "cellspacing": "单元格间距", - "dragrow": "拖拽行" + "dragrow": "拖拽行", + "getscreenshotfromclipboard": "从剪切板获取截图", + "getscreenshotfromclipboarddesc": "点击此按钮，可重新从剪贴板获取截图(会替换当前截图)。", + "uploadscreenshot": "上传截图", + "uploadingscreenshot": "截图上传中...", + "screenshotpreview": "截图预览", + "screenshotname": "截图名称", + "screenshot": "截图", + "errorreadingclipboarddata": "读取剪贴板数据时出错", + "noimageresourcesfoundintheclipboard": "剪贴板中没有图片资源", + "nodatafoundintheclipboard": "剪贴板中没有数据" } \ No newline at end of file diff --git a/src/resources/base.md b/src/resources/base.md index 57e64453c..b1c56a5ba 100644 --- a/src/resources/base.md +++ b/src/resources/base.md @@ -1,213 +1,213 @@ # 全局基础样式、方法 -## 全局通用样式 ->>> 页面栅格布局说明:(sm:800px,md:1024px,lg:1280px,xl:1400px,xxl:1920px) +## 样式传透 + +rsbuild升级到v1版本之后，内置的less从v3升级到v4，导致`/deep/`样式的传透失效，所以后续需要使用`::v-deep`来实现样式的传透。 + + +## 全局通用样式 + +> > > 页面栅格布局说明:(sm:800px,md:1024px,lg:1280px,xl:1400px,xxl:1920px) + #### 通用类样式class -class名|用途|说明 -:---:|:---:|:---| -h1|特大标题(登录页系统)|字号28行高36| -h2|弹窗对话框标题文字|字号18行高26| -h3|大屏展示统计图标题、大标题|字号16行高24| -h4|一二级菜单|字号14行高22| -fz10|提示类文字|字号10（待调整）| -fz16 | 无 | 字号16 -fz18 | 无 | 字号18 -fz20 | 无 | 字号20 -text|正文、基本字号|字号13行高21| -tips|表格头部、错误提示|字号12行高20| -cursor-pointer | 鼠标上移显示可点击的手型 | 悬浮于连接上时，手 +| class名 | 用途 | 说明 | +| :------------: | :------------------------: | :----------------- | +| h1 | 特大标题(登录页系统) | 字号28行高36 | +| h2 | 弹窗对话框标题文字 | 字号18行高26 | +| h3 | 大屏展示统计图标题、大标题 | 字号16行高24 | +| h4 | 一二级菜单 | 字号14行高22 | +| fz10 | 提示类文字 | 字号10（待调整） | +| fz16 | 无 | 字号16 | +| fz18 | 无 | 字号18 | +| fz20 | 无 | 字号20 | +| text | 正文、基本字号 | 字号13行高21 | +| tips | 表格头部、错误提示 | 字号12行高20 | +| cursor-pointer | 鼠标上移显示可点击的手型 | 悬浮于连接上时，手 | #### 通用类颜色样式class -class名|用途|说明 -:---:|:---:|:---| -text-title|标题字体|颜色为标题色，比正文字体颜色深| -text-action|可操作类文字|默认正文颜色，移上去变可点击的蓝色+pointer| -text-href |跳转类文字|字体颜色可点击颜色+移上去pointer| -text-white|白色文字|不会随主题色发生改变的白色，目前是#fff| -text-op|相反色|适用于需要根据主题色改变的反色| -text-disabled|不可操作文字|移上去鼠标显示不可操作+0.6透明度| -text-info|info颜色字体|-| -text-primary|主题色字体|-| -text-success|绿色成功色字体|-| -text-danger|红色告警色字体|-| -text-warning|橙色告警色字体|-| -text-error|红色错误色字体|-| -border-error|红色边框|-| -border-primary|主题色边框|-| -text-tip|提示类文字，颜色浅色|跟着主题走| -text-grey|提示类文字|此class尽量少用，早期class，用text-tip| -text-tip-active|提示类文字，颜色浅色，移上去后显示主题色移上去交互，提供提示类问题可激活样式|跟着主题走| -require-label|必填的文字（会在左边带一个*必填的提示），后期调整ui把提示的红色字体去掉|跟着主题走| -bg-grey|背景色灰色|-| -bg-tip-grey|提示灰色背景（弱化）|-| -bg-hover-grey|移上去背景色为灰色|-| -bg-op|背景色与字体颜色相反（浅色主题为白色，深色主题为墨蓝色）|-| -bg-block|主体区域的块状元素的背景色（目前是浅灰色）|-| -bg-info|蓝色背景|-| -bg-info-grey|浅蓝色背景|用于蓝色背景（弱化）| -bg-success|绿色背景|-| -bg-success-grey|浅绿色背景|用于绿色背景（弱化）| -bg-warning|橙色色背景|-| -bg-warning-grey|浅橙色背景|用于橙色背景（弱化）| -bg-error|红色背景|-| -bg-error-grey|浅红色背景|用于红色背景（弱化）| -bg-code|代码片段的背景色|-| -bg-selected|选中的带浅色主题色背景色的样式|适用于部分场景选中只需要背景色| -item-selected|选中的主题色字体颜色带浅色背景色的样式|适用于部分场景选中需要背景色+字体颜色| -bg-modal|模态窗背景色|非白的，浅浅灰| -bg-footer-btn|卡片式的底部操作栏背景色|前期为白色后期调整为浅灰色| -lh-2|行高2倍字号|用于有时候需要文字行高比一般的高一些（比如空数据提示等）| -input-border |输入框需要带边框|不推荐使用（早期风格为整体底框时专门处理需要四边框的输入框用） +| class名 | 用途 | 说明 | +| :-------------: | :--------------------------------------------------------------------------: | :------------------------------------------------------------- | +| text-title | 标题字体 | 颜色为标题色，比正文字体颜色深 | +| text-action | 可操作类文字 | 默认正文颜色，移上去变可点击的蓝色+pointer | +| text-href | 跳转类文字 | 字体颜色可点击颜色+移上去pointer | +| text-white | 白色文字 | 不会随主题色发生改变的白色，目前是#fff | +| text-op | 相反色 | 适用于需要根据主题色改变的反色 | +| text-disabled | 不可操作文字 | 移上去鼠标显示不可操作+0.6透明度 | +| text-info | info颜色字体 | - | +| text-primary | 主题色字体 | - | +| text-success | 绿色成功色字体 | - | +| text-danger | 红色告警色字体 | - | +| text-warning | 橙色告警色字体 | - | +| text-error | 红色错误色字体 | - | +| border-error | 红色边框 | - | +| border-primary | 主题色边框 | - | +| text-tip | 提示类文字，颜色浅色 | 跟着主题走 | +| text-grey | 提示类文字 | 此class尽量少用，早期class，用text-tip | +| text-tip-active | 提示类文字，颜色浅色，移上去后显示主题色移上去交互，提供提示类问题可激活样式 | 跟着主题走 | +| require-label | 必填的文字（会在左边带一个\*必填的提示），后期调整ui把提示的红色字体去掉 | 跟着主题走 | +| bg-grey | 背景色灰色 | - | +| bg-tip-grey | 提示灰色背景（弱化） | - | +| bg-hover-grey | 移上去背景色为灰色 | - | +| bg-op | 背景色与字体颜色相反（浅色主题为白色，深色主题为墨蓝色） | - | +| bg-block | 主体区域的块状元素的背景色（目前是浅灰色） | - | +| bg-info | 蓝色背景 | - | +| bg-info-grey | 浅蓝色背景 | 用于蓝色背景（弱化） | +| bg-success | 绿色背景 | - | +| bg-success-grey | 浅绿色背景 | 用于绿色背景（弱化） | +| bg-warning | 橙色色背景 | - | +| bg-warning-grey | 浅橙色背景 | 用于橙色背景（弱化） | +| bg-error | 红色背景 | - | +| bg-error-grey | 浅红色背景 | 用于红色背景（弱化） | +| bg-code | 代码片段的背景色 | - | +| bg-selected | 选中的带浅色主题色背景色的样式 | 适用于部分场景选中只需要背景色 | +| item-selected | 选中的主题色字体颜色带浅色背景色的样式 | 适用于部分场景选中需要背景色+字体颜色 | +| bg-modal | 模态窗背景色 | 非白的，浅浅灰 | +| bg-footer-btn | 卡片式的底部操作栏背景色 | 前期为白色后期调整为浅灰色 | +| lh-2 | 行高2倍字号 | 用于有时候需要文字行高比一般的高一些（比如空数据提示等） | +| input-border | 输入框需要带边框 | 不推荐使用（早期风格为整体底框时专门处理需要四边框的输入框用） | #### 场景类样式class ##### 页面排版涉及到圆角弧度,边框，阴影 -class名|用途|说明 -:---:|:---:|:---| -radius-lg|圆角10px,用于大块的元素| -radius-md|圆角8px,一般用于table，卡片等等| -radius-sm|圆角6px,一般用于条状元素，比如操作栏、输入框等等| -radius-mi|圆角4px,一般用于按钮| -block-border|块状元素边框|-| -shadow|块状元素阴影|-| - +| class名 | 用途 | 说明 | +| :----------: | :----------------------------------------------: | :--- | +| radius-lg | 圆角10px,用于大块的元素 | +| radius-md | 圆角8px,一般用于table，卡片等等 | +| radius-sm | 圆角6px,一般用于条状元素，比如操作栏、输入框等等 | +| radius-mi | 圆角4px,一般用于按钮 | +| block-border | 块状元素边框 | - | +| shadow | 块状元素阴影 | - | ##### 超过内容区域显示处理 -class名|用途|说明 -:---:|:---:|:---| -overflow|超过宽度显示省略号|-| -line-2|超过2行显示省略号|以2倍行高为标准| -line-3|超过3行显示省略号|以3倍行高为标准| -block-add|添加按钮块状样式|需要独占一行的| -tsscroll-container|如果溢出则出现滚动条|该样式处理了滚动条样式| +| class名 | 用途 | 说明 | +| :----------------: | :------------------: | :--------------------- | +| overflow | 超过宽度显示省略号 | - | +| line-2 | 超过2行显示省略号 | 以2倍行高为标准 | +| line-3 | 超过3行显示省略号 | 以3倍行高为标准 | +| block-add | 添加按钮块状样式 | 需要独占一行的 | +| tsscroll-container | 如果溢出则出现滚动条 | 该样式处理了滚动条样式 | ##### 对齐方式 -class名|用途|说明 -:---:|:---:|:---| -clearfix|清除子级浮动造成的样式问题|-| -float-left|元素左浮动|父级元素需加上清除浮动的样式，比如加上clearfix的classname| -float-right|元素右浮动|父级元素需加上清除浮动的样式，比如加上clearfix的classname| -text-center|元素水平方向（横轴）居中对齐|-| -text-left|元素水平方向（横轴）左对齐|-| -text-right|元素水平方向（横轴）右对齐|-| -flex-start|flex布局下水平方向（横轴）元素开始方向对齐|-| -flex-end|flex布局下水平方向（横轴）元素结束方向对齐|-| -flex-center|flex布局下水平方向（横轴）元素中心对齐|-| -flex-between|flex布局下水平方向（横轴）项目位于各行之间留有空白的容器内|-| -flex-around|flex布局下水平方向（横轴）项目位于各行之前、之间、之后都留有空白的容器内|-| -align-start|flex布局下垂直方向（竖轴）顶对齐（开始方向对齐）|-| - +| class名 | 用途 | 说明 | +| :----------: | :----------------------------------------------------------------------: | :-------------------------------------------------------- | +| clearfix | 清除子级浮动造成的样式问题 | - | +| float-left | 元素左浮动 | 父级元素需加上清除浮动的样式，比如加上clearfix的classname | +| float-right | 元素右浮动 | 父级元素需加上清除浮动的样式，比如加上clearfix的classname | +| text-center | 元素水平方向（横轴）居中对齐 | - | +| text-left | 元素水平方向（横轴）左对齐 | - | +| text-right | 元素水平方向（横轴）右对齐 | - | +| flex-start | flex布局下水平方向（横轴）元素开始方向对齐 | - | +| flex-end | flex布局下水平方向（横轴）元素结束方向对齐 | - | +| flex-center | flex布局下水平方向（横轴）元素中心对齐 | - | +| flex-between | flex布局下水平方向（横轴）项目位于各行之间留有空白的容器内 | - | +| flex-around | flex布局下水平方向（横轴）项目位于各行之前、之间、之后都留有空白的容器内 | - | +| align-start | flex布局下垂直方向（竖轴）顶对齐（开始方向对齐） | - | ##### 间隙 + > p 前缀的表示 padding，t/r/b/l 分别表示 top/right/bottom/left (上右下左) 四个方向的边距 > m 前缀的表示 margin，t/r/b/l 分别表示 top/right/bottom/left (上右下左) 四个方向的边距 > 其中lg 表示 24像素，nm表示16像素，md表示12像素，sm表示10像素， xs表示6像素 -内边距类名|用途|说明 -:---:|:---:|:---| -padding-lg|内间隙最大尺寸|padding: 24px| -padding|内间距尺寸|padding: 16px| -padding-md|内间隙普通尺寸|padding: 12px| -padding-sm|内间隙小尺寸|padding: 10px，一般用于文字间隙| -padding-xs|内间隙较小|padding: 6px; 比如分页的页数之间的间隙| -pt-nm|上内间隙16px|padding-top: 16px;| -pb-nm|下内间隙16px|padding-bottom: 16px;| -pl-nm|左内间隙16px|padding-left: 16px;| -pr-nm|右内间隙16px|padding-right: 16px;| -pr-md|右内间隙普通尺寸|padding-right: 12px;| -pl-md|左内间隙普通尺寸|padding-left: 12px;| -pt-md|右内间隙普通尺寸|padding-top: 12px;| -pb-md|左内间隙普通尺寸|padding-bottom: 12px;| -pt-sm|上内间隙10px|padding-top: 10px;| -pb-sm|下内间隙10px|padding-bottom: 10px;| -pl-sm|左内间隙10px|padding-left: 10px;| -pr-sm|右内间隙10px|padding-right: 10px;| -pt-xs|上内间隙6px|padding-top: 6px;| -pb-xs|下内间隙6px|padding-bottom: 6px;| -pl-xs|左内间隙6px|padding-left: 6px;| -pr-xs|右内间隙6px|padding-right: 6px;| - - - -外边距类名|说明 -:---:|:---| -margin-lg| margin: 24px;| -margin-md| margin: 12px;| -margin-sm | margin: 10px| -mr-nm|margin-right: 16px;| -ml-nm|margin-left: 16px| -mt-nm|margin-top: 16px| -mb-nm|margin-bottom: 16px| -mr-md|margin-right: 12px;| -ml-md|margin-left: 12px| -mt-md|margin-top: 12px| -mb-md|margin-bottom: 12px| -mr-sm|margin-right: 10px;| -ml-sm|margin-left: 10px| -mt-sm|margin-top: 10px| -mb-sm|margin-bottom: 10px| -mr-xs|margin-right: 6px;| -ml-xs|margin-left: 6px| -mt-xs|margin-top: 6px| -mb-xs|margin-bottom: 6px| - +| 内边距类名 | 用途 | 说明 | +| :--------: | :--------------: | :------------------------------------- | +| padding-lg | 内间隙最大尺寸 | padding: 24px | +| padding | 内间距尺寸 | padding: 16px | +| padding-md | 内间隙普通尺寸 | padding: 12px | +| padding-sm | 内间隙小尺寸 | padding: 10px，一般用于文字间隙 | +| padding-xs | 内间隙较小 | padding: 6px; 比如分页的页数之间的间隙 | +| pt-nm | 上内间隙16px | padding-top: 16px; | +| pb-nm | 下内间隙16px | padding-bottom: 16px; | +| pl-nm | 左内间隙16px | padding-left: 16px; | +| pr-nm | 右内间隙16px | padding-right: 16px; | +| pr-md | 右内间隙普通尺寸 | padding-right: 12px; | +| pl-md | 左内间隙普通尺寸 | padding-left: 12px; | +| pt-md | 右内间隙普通尺寸 | padding-top: 12px; | +| pb-md | 左内间隙普通尺寸 | padding-bottom: 12px; | +| pt-sm | 上内间隙10px | padding-top: 10px; | +| pb-sm | 下内间隙10px | padding-bottom: 10px; | +| pl-sm | 左内间隙10px | padding-left: 10px; | +| pr-sm | 右内间隙10px | padding-right: 10px; | +| pt-xs | 上内间隙6px | padding-top: 6px; | +| pb-xs | 下内间隙6px | padding-bottom: 6px; | +| pl-xs | 左内间隙6px | padding-left: 6px; | +| pr-xs | 右内间隙6px | padding-right: 6px; | + +| 外边距类名 | 说明 | +| :--------: | :------------------ | +| margin-lg | margin: 24px; | +| margin-md | margin: 12px; | +| margin-sm | margin: 10px | +| mr-nm | margin-right: 16px; | +| ml-nm | margin-left: 16px | +| mt-nm | margin-top: 16px | +| mb-nm | margin-bottom: 16px | +| mr-md | margin-right: 12px; | +| ml-md | margin-left: 12px | +| mt-md | margin-top: 12px | +| mb-md | margin-bottom: 12px | +| mr-sm | margin-right: 10px; | +| ml-sm | margin-left: 10px | +| mt-sm | margin-top: 10px | +| mb-sm | margin-bottom: 10px | +| mr-xs | margin-right: 6px; | +| ml-xs | margin-left: 6px | +| mt-xs | margin-top: 6px | +| mb-xs | margin-bottom: 6px | ##### 图标文字间隙 -class名|用途|说明 -:---:|:---:|:---| -icon-right | 字体图标到右侧文案的间隙 | 间隙大小为4像素 - +| class名 | 用途 | 说明 | +| :--------: | :----------------------: | :-------------- | +| icon-right | 字体图标到右侧文案的间隙 | 间隙大小为4像素 | ##### 操作栏 -class名|用途|说明 -:---:|:---:|:---| -.action-group>.action-item*n(.disable)|操作分类组，常用于各种多个操作并列|禁用时action-item添加disable类名| +| class名 | 用途 | 说明 | +| :-------------------------------------: | :--------------------------------: | :------------------------------- | +| .action-group>.action-item\*n(.disable) | 操作分类组，常用于各种多个操作并列 | 禁用时action-item添加disable类名 | ##### 动画 ->调用：直接动画里加上动画名字，其他参数按照实际（比如：animation: water-wave linear infinite;） +> 调用：直接动画里加上动画名字，其他参数按照实际（比如：animation: water-wave linear infinite;） -动画名|用途|说明 -:---:|:---:|:---| -fade|渐明减暗效果|透明度从0.6到1的轮播，一般css这么写:animation: fade linear infinite;| -rocking|晃铃效果|一般css这么写:animation: rocking 2s;| -water-wave|水波纹效果|一般css这么写:animation: fade linear infinite;| -rubberBand|animatecss的rubberBand弹橡皮筋动画|一般css这么写:animation: rubberBand 1s;| +| 动画名 | 用途 | 说明 | +| :--------: | :--------------------------------: | :------------------------------------------------------------------- | +| fade | 渐明减暗效果 | 透明度从0.6到1的轮播，一般css这么写:animation: fade linear infinite; | +| rocking | 晃铃效果 | 一般css这么写:animation: rocking 2s; | +| water-wave | 水波纹效果 | 一般css这么写:animation: fade linear infinite; | +| rubberBand | animatecss的rubberBand弹橡皮筋动画 | 一般css这么写:animation: rubberBand 1s; | ##### 兼容老的样式的表单布局 -class名|用途|说明 -:---:|:---:|:---| -.form-block>(.block-left+.block-right)|左侧label（宽度120px）右侧表单或者文字的布局|不推荐使用| - -## 全局方法 +| class名 | 用途 | 说明 | +| :------------------------------------: | :------------------------------------------: | :--------- | +| .form-block>(.block-left+.block-right) | 左侧label（宽度120px）右侧表单或者文字的布局 | 不推荐使用 | +## 全局方法 #### 全局变量 -名称|用途|说明|其他 -:---:|:---:|:---:|:---| -TENANT|获取当前租户|通过当前浏览器的TENANT变量可以获取|-| -HOME|获取当前访问地址的前缀|目前是‘/租户’，主要用于写地址跳转时拼接路径前缀|-| -BASEURLPREFIX|获取默认接口前缀|目前是‘/租户’，api调用路径只需要从租户后的路径开始|例如：调用‘/租户/api/rest/auth/module/get’时，api入口的路径为：‘/api/rest/auth/module/get’| -BASELANGUAGES|获取当前页面的语言|目前支持中英文，zh/en| -MODULEID|获取当前模块的id|需要跟rest/auth/module/get的接口返回的对应当前模块的数据的group的值对应上|模块的英文键名| -MENUTYPE|获取当前的菜单的分类类型映射|为{key:分类名字,...}对象数据，需要跟左侧菜单的分类类型对应上，对应体现在路由的meta.type| - +| 名称 | 用途 | 说明 | 其他 | +| :-----------: | :--------------------------: | :-------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------- | +| TENANT | 获取当前租户 | 通过当前浏览器的TENANT变量可以获取 | - | +| HOME | 获取当前访问地址的前缀 | 目前是‘/租户’，主要用于写地址跳转时拼接路径前缀 | - | +| BASEURLPREFIX | 获取默认接口前缀 | 目前是‘/租户’，api调用路径只需要从租户后的路径开始 | 例如：调用‘/租户/api/rest/auth/module/get’时，api入口的路径为：‘/api/rest/auth/module/get’ | +| BASELANGUAGES | 获取当前页面的语言 | 目前支持中英文，zh/en | +| MODULEID | 获取当前模块的id | 需要跟rest/auth/module/get的接口返回的对应当前模块的数据的group的值对应上 | 模块的英文键名 | +| MENUTYPE | 获取当前的菜单的分类类型映射 | 为{key:分类名字,...}对象数据，需要跟左侧菜单的分类类型对应上，对应体现在路由的meta.type | +#### utils +> > > 模版调用方法： -#### utils ->>>模版调用方法： ```javascript this.$utils.*** ``` @@ -242,8 +242,7 @@ this.$utils.jumpDialog.call(this, { }, to, from, next, url); ``` - -## 全局指令 +## 全局指令 > download（点击从指定地址下载文件） @@ -262,36 +261,32 @@ downloaderror|下载接口回调失败回调事件|-|-| > clipboard（点击复制指定内容到剪切板供其他地方粘贴复制用） ```javascript - + ``` -参数|用途|使用|其他 -:---:|:---:|:---:|:---| -value|粘贴的内容|-|-| -ok|粘贴成功的回调事件|-|-| -error|粘贴失败的回调事件|-|-| - - +| 参数 | 用途 | 使用 | 其他 | +| :---: | :----------------: | :--: | :--- | +| value | 粘贴的内容 | - | - | +| ok | 粘贴成功的回调事件 | - | - | +| error | 粘贴失败的回调事件 | - | - | > img-viewer（图片预览，指令使用在需要预览图片的容器上，监听点击事件） ```javascript -
+
``` -参数|用途|使用|其他 -:---:|:---:|:---:|:---| - +| 参数 | 用途 | 使用 | 其他 | +| :--: | :--: | :--: | :--- | > scroll-hidden（容器滚动时隐藏drop的内容，指令使用在滚动的容器里面，监听滚动事件） ```javascript -
+
``` -参数|用途|使用|其他 -:---:|:---:|:---:|:---| - +| 参数 | 用途 | 使用 | 其他 | +| :--: | :--: | :--: | :--- | > v-auth 指令 （控制用户权限，指令使用在需要控制当前用户是否需要显示某个元素或者按钮） @@ -303,9 +298,7 @@ error|粘贴失败的回调事件|-|-| ``` - - -## 全局过滤器 +## 全局过滤器 参数|用途|使用|其他 :---:|:---:|:---:|:---| @@ -313,49 +306,45 @@ formatDate|时间格式处理|{{ 时间戳 \| formatDate(指定格式) }}|指定 formatTimeCost|处理耗时|{{ timeCost\|formatTimeCost({textUnit:’second’,valueUnit:’second’,unitType:’en’}) }}|通用场景：timecost为精确到毫秒的时间戳转化为标准时间格式，后面参数为非必填（默认显示文案单位textUnit为秒second、值的单位valueUnit为毫秒millisecond,单位语言类型默认为中文zh）更多设置：textUnit和valueUnit可供设置的有：{'day': '天','hour': '小时','minute': '分钟','second': '秒','millisecond': '毫秒'},unitType目前只支持中文zh和英文en| unescapeHtml|转义特殊字符为html|{{ 字符串 \| unescapeHtml}}|-| -## 全局状态管理 +## 全局状态管理 -用途|state.\*|示例| -:---:|:---:|:---| -获取当前用户权限列表|userAuthList|this.$store.getters.userAuthList| +| 用途 | state.\* | 示例 | +| :------------------: | :----------: | :------------------------------- | +| 获取当前用户权限列表 | userAuthList | this.$store.getters.userAuthList | ## 全局通用组件 -### 布局类 +### 布局类 #### 基础组件 -名称|用途|说明|其他 -:---:|:---:|:---:|:---| -TsContain|基本排版（页面最外层）|见TsContain组件api|全局组件，直接调用即可| -Button|按钮|iview的组件|全局组件，直接调用即可| -Tabs|标签页|iview的组件|全局组件，直接调用即可| -Dropdown|下拉菜单|iview的组件|全局组件，直接调用即可| -Badge|徽标数|iview的组件|全局组件，直接调用即可| -Loading|加载中组件|封装过的组件|全局组件，直接调用即可| -NoData|无数据提示组件|封装过的组件|全局组件，直接调用即可| - +| 名称 | 用途 | 说明 | 其他 | +| :-------: | :--------------------: | :----------------: | :--------------------- | +| TsContain | 基本排版（页面最外层） | 见TsContain组件api | 全局组件，直接调用即可 | +| Button | 按钮 | iview的组件 | 全局组件，直接调用即可 | +| Tabs | 标签页 | iview的组件 | 全局组件，直接调用即可 | +| Dropdown | 下拉菜单 | iview的组件 | 全局组件，直接调用即可 | +| Badge | 徽标数 | iview的组件 | 全局组件，直接调用即可 | +| Loading | 加载中组件 | 封装过的组件 | 全局组件，直接调用即可 | +| NoData | 无数据提示组件 | 封装过的组件 | 全局组件，直接调用即可 | #### 拓展定制组件 -名称|用途|说明|其他 -:---:|:---:|:---:|:---| -TsForm|表单组件|见TsForm组件api|需要注册组件| - - +| 名称 | 用途 | 说明 | 其他 | +| :----: | :------: | :-------------: | :----------- | +| TsForm | 表单组件 | 见TsForm组件api | 需要注册组件 | #### 表单搜索、选择类组件 -名称|用途|说明|其他 -:---:|:---:|:---:|:---| -CombineSearcher|组合下拉搜索|见CombineSearcher组件api|需要注册组件| -PoptipSelect|下拉选择器|见PoptipSelect组件api|一般用于固定选项下拉展开后有描述等内容，需要注册组件| -TimeSelect|时间下拉选择器|见TimeSelect组件api|一般用于选择固定时间范围和具体时间范围，需要注册组件| - +| 名称 | 用途 | 说明 | 其他 | +| :-------------: | :------------: | :----------------------: | :--------------------------------------------------- | +| CombineSearcher | 组合下拉搜索 | 见CombineSearcher组件api | 需要注册组件 | +| PoptipSelect | 下拉选择器 | 见PoptipSelect组件api | 一般用于固定选项下拉展开后有描述等内容，需要注册组件 | +| TimeSelect | 时间下拉选择器 | 见TimeSelect组件api | 一般用于选择固定时间范围和具体时间范围，需要注册组件 | #### 表格的类 -`tstable-container border bg-grey radius-lg` 然后 `table标签上` 添加类名`tstable-body`，最后记得在`tbody`标签上添加`tbody-main`类名 +`tstable-container border bg-grey radius-lg` 然后 `table标签上` 添加类名`tstable-body`，最后记得在`tbody`标签上添加`tbody-main`类名 ```vue
diff --git a/src/resources/components/CombineSearcher/CombineSearcher.vue b/src/resources/components/CombineSearcher/CombineSearcher.vue index 907812a2c..64b593971 100644 --- a/src/resources/components/CombineSearcher/CombineSearcher.vue +++ b/src/resources/components/CombineSearcher/CombineSearcher.vue @@ -694,7 +694,7 @@ export default { } } } - /deep/ .ivu-input-wrapper { + ::v-deep .ivu-input-wrapper { display: block; .ivu-input { height: 30px; @@ -723,7 +723,7 @@ export default { margin-right: 2px; } } - /deep/ .ivu-tag-text{ + ::v-deep .ivu-tag-text{ >*{ vertical-align: initial; } diff --git a/src/resources/components/ComplexUploadDialog/complexUploadDialog.vue b/src/resources/components/ComplexUploadDialog/complexUploadDialog.vue index f2744c634..c0beff03a 100644 --- a/src/resources/components/ComplexUploadDialog/complexUploadDialog.vue +++ b/src/resources/components/ComplexUploadDialog/complexUploadDialog.vue @@ -371,10 +371,10 @@ export default { } } } - /deep/ .ivu-checkbox { + ::v-deep .ivu-checkbox { line-height: revert; } - /deep/ .ivu-checkbox-checked .ivu-checkbox-inner:after { + ::v-deep .ivu-checkbox-checked .ivu-checkbox-inner:after { top: -1px; } } diff --git a/src/resources/components/Condition/condition-group.vue b/src/resources/components/Condition/condition-group.vue index 6b1d13c00..57db5ac87 100644 --- a/src/resources/components/Condition/condition-group.vue +++ b/src/resources/components/Condition/condition-group.vue @@ -353,7 +353,7 @@ export default { diff --git a/src/resources/components/FormItems/time.vue b/src/resources/components/FormItems/time.vue index 349437867..d75252e11 100644 --- a/src/resources/components/FormItems/time.vue +++ b/src/resources/components/FormItems/time.vue @@ -106,7 +106,7 @@ export default { }; diff --git a/src/resources/components/FormMaker/formedit/items/date.vue b/src/resources/components/FormMaker/formedit/items/date.vue index e213c88c9..e11aa32ec 100644 --- a/src/resources/components/FormMaker/formedit/items/date.vue +++ b/src/resources/components/FormMaker/formedit/items/date.vue @@ -104,7 +104,7 @@ export default { }; diff --git a/src/resources/components/FormMaker/formedit/items/time.vue b/src/resources/components/FormMaker/formedit/items/time.vue index 354de15eb..40a71fdad 100644 --- a/src/resources/components/FormMaker/formedit/items/time.vue +++ b/src/resources/components/FormMaker/formedit/items/time.vue @@ -96,7 +96,7 @@ export default { }; diff --git a/src/resources/components/TsContain/TsContain.vue b/src/resources/components/TsContain/TsContain.vue index fc04a9fd2..19c3012a8 100644 --- a/src/resources/components/TsContain/TsContain.vue +++ b/src/resources/components/TsContain/TsContain.vue @@ -326,7 +326,7 @@ export default { diff --git a/src/views/pages/autoexec/components/param/edit/password.vue b/src/views/pages/autoexec/components/param/edit/password.vue index bdfee23fa..6dc316a4c 100644 --- a/src/views/pages/autoexec/components/param/edit/password.vue +++ b/src/views/pages/autoexec/components/param/edit/password.vue @@ -91,7 +91,7 @@ export default { }; diff --git a/src/views/pages/autoexec/detail/job-detail.vue b/src/views/pages/autoexec/detail/job-detail.vue index 3dbaf8906..9a71c6e95 100644 --- a/src/views/pages/autoexec/detail/job-detail.vue +++ b/src/views/pages/autoexec/detail/job-detail.vue @@ -514,7 +514,7 @@ export default { diff --git a/src/views/pages/autoexec/detail/scriptDetail/common/version-valid.vue b/src/views/pages/autoexec/detail/scriptDetail/common/version-valid.vue index 8b4f6a7ae..a36bbff70 100644 --- a/src/views/pages/autoexec/detail/scriptDetail/common/version-valid.vue +++ b/src/views/pages/autoexec/detail/scriptDetail/common/version-valid.vue @@ -90,7 +90,7 @@ export default { .icon{ font-size: 20px; } - /deep/ .ivu-cell-item{ + ::v-deep .ivu-cell-item{ position: relative; padding-left: 30px; word-break: initial; diff --git a/src/views/pages/autoexec/detail/scriptDetail/edit/version-compare.vue b/src/views/pages/autoexec/detail/scriptDetail/edit/version-compare.vue index f409e5dad..ca1369bc2 100644 --- a/src/views/pages/autoexec/detail/scriptDetail/edit/version-compare.vue +++ b/src/views/pages/autoexec/detail/scriptDetail/edit/version-compare.vue @@ -262,7 +262,7 @@ export default { .text-tip{ padding-bottom: 10px; } - /deep/ .top-content{ + ::v-deep .top-content{ text-align: center; padding-bottom: 16px; } diff --git a/src/views/pages/autoexec/detail/scriptDetail/edit/version-detail.vue b/src/views/pages/autoexec/detail/scriptDetail/edit/version-detail.vue index 3c68941d6..4740c9b6d 100644 --- a/src/views/pages/autoexec/detail/scriptDetail/edit/version-detail.vue +++ b/src/views/pages/autoexec/detail/scriptDetail/edit/version-detail.vue @@ -140,7 +140,7 @@ export default { position: relative; height: 100%; overflow-y: auto; - /deep/ .version-top{ + ::v-deep .version-top{ display: flex; justify-content: space-between; padding-bottom: 16px; @@ -155,7 +155,7 @@ export default { } } } - /deep/ .item-list{ + ::v-deep .item-list{ padding-bottom: 16px; .text-title{ padding-bottom: 8px; diff --git a/src/views/pages/autoexec/detail/test-detail.vue b/src/views/pages/autoexec/detail/test-detail.vue index a47e8ceea..79e5a34e7 100644 --- a/src/views/pages/autoexec/detail/test-detail.vue +++ b/src/views/pages/autoexec/detail/test-detail.vue @@ -333,7 +333,7 @@ export default { vertical-align: middle; } } - /deep/.btn-icon{ + ::v-deep .btn-icon{ vertical-align: baseline; margin: 0px; &::before{ diff --git a/src/views/pages/autoexec/detail/time-job-add.vue b/src/views/pages/autoexec/detail/time-job-add.vue index c9061169a..cb94a476d 100644 --- a/src/views/pages/autoexec/detail/time-job-add.vue +++ b/src/views/pages/autoexec/detail/time-job-add.vue @@ -351,7 +351,7 @@ export default { .time-job-add { .runner-detail-wrap { height: calc(100vh - 100px - 130px); - /deep/ .left-top-no-border-radius { + ::v-deep .left-top-no-border-radius { border-radius: 10px; } } @@ -363,10 +363,10 @@ export default { display: inline-block; padding-right: 10px; } - /deep/ .step-container { + ::v-deep .step-container { padding: 10px 10px 10px 0 !important; } - /deep/ .top { + ::v-deep .top { button { margin-left: 8px; } @@ -374,7 +374,7 @@ export default { .content-padding { padding: 0 24px 24px; } - /deep/ .content { + ::v-deep .content { height: 100%; .step { width: 60%; @@ -394,13 +394,13 @@ export default { } } } - /deep/ .ivu-tabs-nav .ivu-tabs-tab { + ::v-deep .ivu-tabs-nav .ivu-tabs-tab { padding: 0px; } - /deep/ .ivu-tabs-bar { + ::v-deep .ivu-tabs-bar { border: none; } - /deep/ .ivu-tabs { + ::v-deep .ivu-tabs { height: 100%; } } diff --git a/src/views/pages/autoexec/detail/time-job-detail.vue b/src/views/pages/autoexec/detail/time-job-detail.vue index e44326224..3b8ba7a09 100644 --- a/src/views/pages/autoexec/detail/time-job-detail.vue +++ b/src/views/pages/autoexec/detail/time-job-detail.vue @@ -314,24 +314,24 @@ export default { display: inline-block; padding-right: 10px; } - /deep/ .step-container { + ::v-deep .step-container { padding: 16px 10px 10px 0 !important; } - /deep/ .top { + ::v-deep .top { button { margin-left: 8px; } } - /deep/ .content { + ::v-deep .content { height: 100%; } - /deep/ .ivu-tabs-nav .ivu-tabs-tab { + ::v-deep .ivu-tabs-nav .ivu-tabs-tab { padding: 0px; } - /deep/ .ivu-tabs-bar { + ::v-deep .ivu-tabs-bar { border: none; } - /deep/ .ivu-tabs { + ::v-deep .ivu-tabs { height: 100%; } .runner-detail { diff --git a/src/views/pages/autoexec/form/component/formresoureces/index.vue b/src/views/pages/autoexec/form/component/formresoureces/index.vue index 2ab9f0d23..f8933b59a 100644 --- a/src/views/pages/autoexec/form/component/formresoureces/index.vue +++ b/src/views/pages/autoexec/form/component/formresoureces/index.vue @@ -135,7 +135,7 @@ export default { margin-right: 10px; border-radius: 4px; } - /deep/ .tag-item-text{ + ::v-deep .tag-item-text{ margin-bottom: 10px; } } diff --git a/src/views/pages/autoexec/manage/operate-manage.vue b/src/views/pages/autoexec/manage/operate-manage.vue index 7d692bbe8..5cbef68b7 100644 --- a/src/views/pages/autoexec/manage/operate-manage.vue +++ b/src/views/pages/autoexec/manage/operate-manage.vue @@ -209,10 +209,10 @@ export default { diff --git a/src/views/pages/cmdb/cientity/cientity-edit-core.vue b/src/views/pages/cmdb/cientity/cientity-edit-core.vue index 403b971a3..535a46c00 100644 --- a/src/views/pages/cmdb/cientity/cientity-edit-core.vue +++ b/src/views/pages/cmdb/cientity/cientity-edit-core.vue @@ -650,22 +650,22 @@ export default { .ivu-form-item { margin-bottom: 24px !important; } -/deep/.tstabs { +::v-deep .tstabs { .tstable-main { max-height: initial !important; } } -/deep/.ivu-collapse { +::v-deep .ivu-collapse { border-top: 0px; border-bottom: 0px; } -/deep/.ivu-collapse-header { +::v-deep .ivu-collapse-header { border-bottom: 0px; } -/deep/.ivu-collapse-content-box { +::v-deep .ivu-collapse-content-box { padding-bottom: 0px; } -/deep/.ivu-collapse-content { +::v-deep .ivu-collapse-content { padding: 0px; } diff --git a/src/views/pages/cmdb/cientity/cientity-edit.vue b/src/views/pages/cmdb/cientity/cientity-edit.vue index 9355db713..9731fac2e 100644 --- a/src/views/pages/cmdb/cientity/cientity-edit.vue +++ b/src/views/pages/cmdb/cientity/cientity-edit.vue @@ -588,7 +588,7 @@ export default { }; diff --git a/src/views/pages/cmdb/cientity/cientity-list.vue b/src/views/pages/cmdb/cientity/cientity-list.vue index a4aa5f3e7..37fe5c7fc 100644 --- a/src/views/pages/cmdb/cientity/cientity-list.vue +++ b/src/views/pages/cmdb/cientity/cientity-list.vue @@ -1382,7 +1382,7 @@ export default { diff --git a/src/views/pages/cmdb/discovery/discovery-data.vue b/src/views/pages/cmdb/discovery/discovery-data.vue index 97d9fc56e..be2420fce 100644 --- a/src/views/pages/cmdb/discovery/discovery-data.vue +++ b/src/views/pages/cmdb/discovery/discovery-data.vue @@ -247,13 +247,13 @@ export default { border-width: 1px; border-style: solid; } -/deep/.jv-light { +::v-deep .jv-light { background: transparent !important; } -/deep/.jv-code { +::v-deep .jv-code { padding: 0px !important; } -/deep/.top { +::v-deep .top { vertical-align: top !important; } .table th { diff --git a/src/views/pages/cmdb/flow/node/nodesetting/cmdbpolicy/cmdbsync-edit.vue b/src/views/pages/cmdb/flow/node/nodesetting/cmdbpolicy/cmdbsync-edit.vue index 3f65ba2fb..f64eca626 100644 --- a/src/views/pages/cmdb/flow/node/nodesetting/cmdbpolicy/cmdbsync-edit.vue +++ b/src/views/pages/cmdb/flow/node/nodesetting/cmdbpolicy/cmdbsync-edit.vue @@ -674,16 +674,16 @@ export default { .ivu-form-item { margin-bottom: 24px !important; } -/deep/.tstabs { +::v-deep .tstabs { .tstable-main { max-height: initial !important; } } -/deep/.ivu-collapse { +::v-deep .ivu-collapse { border-top: 0px; border-bottom: 0px; } -/deep/.ivu-collapse-header { +::v-deep .ivu-collapse-header { border-bottom: 0px; } .formTableComponent { diff --git a/src/views/pages/cmdb/globalsearch/global-search.vue b/src/views/pages/cmdb/globalsearch/global-search.vue index d980779f6..5176bf671 100644 --- a/src/views/pages/cmdb/globalsearch/global-search.vue +++ b/src/views/pages/cmdb/globalsearch/global-search.vue @@ -190,7 +190,7 @@ export default { } } .hide-border-bottom-tabs { - /deep/ .ivu-tabs-bar { + ::v-deep .ivu-tabs-bar { border-bottom: none; } } diff --git a/src/views/pages/cmdb/sync/collection-data.vue b/src/views/pages/cmdb/sync/collection-data.vue index 8775fce8b..031083c0a 100644 --- a/src/views/pages/cmdb/sync/collection-data.vue +++ b/src/views/pages/cmdb/sync/collection-data.vue @@ -185,13 +185,13 @@ export default { .top { vertical-align: top; } -/deep/.jv-light { +::v-deep .jv-light { background: transparent !important; } -/deep/.jv-code { +::v-deep .jv-code { padding: 0px !important; } -/deep/.top { +::v-deep .top { vertical-align: top !important; } .table td { diff --git a/src/views/pages/cmdb/sync/sync-wizard.vue b/src/views/pages/cmdb/sync/sync-wizard.vue index b37fb881b..6af29db14 100644 --- a/src/views/pages/cmdb/sync/sync-wizard.vue +++ b/src/views/pages/cmdb/sync/sync-wizard.vue @@ -137,7 +137,7 @@ export default { margin-bottom:10px; } .tscard-container { - /deep/.tscard-body{ + ::v-deep .tscard-body{ min-height: initial!important; padding: 16px 6px 0px 6px!important; } diff --git a/src/views/pages/cmdb/sync/syncpolicy-edit.vue b/src/views/pages/cmdb/sync/syncpolicy-edit.vue index 100e748d7..63e3628ff 100644 --- a/src/views/pages/cmdb/sync/syncpolicy-edit.vue +++ b/src/views/pages/cmdb/sync/syncpolicy-edit.vue @@ -355,12 +355,12 @@ export default { margin-right: 16px; } } -/deep/.tscontain-body { +::v-deep .tscontain-body { position: inherit; z-index: inherit; } .tableEdit { - /deep/.ivu-form-item-content { + ::v-deep .ivu-form-item-content { position: inherit; } } diff --git a/src/views/pages/dashboard/dashboard-edit.vue b/src/views/pages/dashboard/dashboard-edit.vue index 5a8f2a013..434c9b7c7 100644 --- a/src/views/pages/dashboard/dashboard-edit.vue +++ b/src/views/pages/dashboard/dashboard-edit.vue @@ -539,13 +539,13 @@ export default { } .theme(@background-color) { .formitem-container { - /deep/ .ivu-collapse-content { + ::v-deep .ivu-collapse-content { background-color: @background-color; > .ivu-collapse-content-box { padding-top: 0; } } - /deep/ .ivu-collapse { + ::v-deep .ivu-collapse { border: none; } } diff --git a/src/views/pages/dashboard/widget/chart-headerlist.vue b/src/views/pages/dashboard/widget/chart-headerlist.vue index 2fc1cb204..35bb1997e 100644 --- a/src/views/pages/dashboard/widget/chart-headerlist.vue +++ b/src/views/pages/dashboard/widget/chart-headerlist.vue @@ -141,7 +141,7 @@ export default { diff --git a/src/views/pages/dashboard/widget/dashboard-widge.old.vue b/src/views/pages/dashboard/widget/dashboard-widge.old.vue index bd696b12b..e260da31e 100644 --- a/src/views/pages/dashboard/widget/dashboard-widge.old.vue +++ b/src/views/pages/dashboard/widget/dashboard-widge.old.vue @@ -252,7 +252,7 @@ export default { diff --git a/src/views/pages/framework/form/form-edit_deprecated.vue b/src/views/pages/framework/form/form-edit_deprecated.vue index 50531260b..f93739841 100644 --- a/src/views/pages/framework/form/form-edit_deprecated.vue +++ b/src/views/pages/framework/form/form-edit_deprecated.vue @@ -1022,7 +1022,7 @@ function getActiveVersionUuid(versionList) { .formedit-content { padding-left: 185px; } - /deep/ .tscontain-container .tscontain-body { + ::v-deep .tscontain-container .tscontain-body { height: calc(100vh - 50px - 50px); } } diff --git a/src/views/pages/framework/healthcheck/sqldump.vue b/src/views/pages/framework/healthcheck/sqldump.vue index 2084c1d28..f71a646d7 100644 --- a/src/views/pages/framework/healthcheck/sqldump.vue +++ b/src/views/pages/framework/healthcheck/sqldump.vue @@ -295,11 +295,11 @@ export default { display: inline-block; float: right; } -/deep/.ivu-radio-wrapper { +::v-deep .ivu-radio-wrapper { background: transparent !important; color: @default-title; } -/deep/.ivu-radio-wrapper-checked { +::v-deep .ivu-radio-wrapper-checked { color: @default-info-color!important; } diff --git a/src/views/pages/framework/homepage/edit-homepage-dialog.vue b/src/views/pages/framework/homepage/edit-homepage-dialog.vue index 927f648df..d59b69879 100644 --- a/src/views/pages/framework/homepage/edit-homepage-dialog.vue +++ b/src/views/pages/framework/homepage/edit-homepage-dialog.vue @@ -285,7 +285,7 @@ export default { } .menu-select { width: 50%; - /deep/ .ivu-select-selection { + ::v-deep .ivu-select-selection { border: 1px solid @border-color-base !important; } } diff --git a/src/views/pages/framework/matrix/components/UploadDialog.vue b/src/views/pages/framework/matrix/components/UploadDialog.vue index 17469c77b..bf35392fc 100644 --- a/src/views/pages/framework/matrix/components/UploadDialog.vue +++ b/src/views/pages/framework/matrix/components/UploadDialog.vue @@ -542,7 +542,7 @@ export default { diff --git a/src/views/pages/framework/runner/runner-relate.vue b/src/views/pages/framework/runner/runner-relate.vue index ff703ca9b..61aaa81ba 100644 --- a/src/views/pages/framework/runner/runner-relate.vue +++ b/src/views/pages/framework/runner/runner-relate.vue @@ -171,13 +171,13 @@ export default { diff --git a/src/views/pages/framework/theme/input/colorpickerlist-type.vue b/src/views/pages/framework/theme/input/colorpickerlist-type.vue index fe9cc116f..7846a5c5f 100644 --- a/src/views/pages/framework/theme/input/colorpickerlist-type.vue +++ b/src/views/pages/framework/theme/input/colorpickerlist-type.vue @@ -36,22 +36,21 @@ export default { }; diff --git a/src/views/pages/framework/users/role-addview.vue b/src/views/pages/framework/users/role-addview.vue index ecc8bc699..c051a4df7 100644 --- a/src/views/pages/framework/users/role-addview.vue +++ b/src/views/pages/framework/users/role-addview.vue @@ -725,15 +725,15 @@ export default { diff --git a/src/views/pages/framework/worktime/worktime-manage.vue b/src/views/pages/framework/worktime/worktime-manage.vue index 0f6d01d22..295080e5e 100644 --- a/src/views/pages/framework/worktime/worktime-manage.vue +++ b/src/views/pages/framework/worktime/worktime-manage.vue @@ -749,9 +749,10 @@ export default { .ivu-input-word-count { background: #fff; } - /deep/tr { - th, td{ - &:first-child{ + ::v-deep tr { + th, + td { + &:first-child { padding-left: 8px; } } @@ -777,7 +778,6 @@ export default { right: 32px; z-index: 100; } - } .table { diff --git a/src/views/pages/index/navigation/navigation.vue b/src/views/pages/index/navigation/navigation.vue index d20ef3c17..1ee815b94 100644 --- a/src/views/pages/index/navigation/navigation.vue +++ b/src/views/pages/index/navigation/navigation.vue @@ -172,7 +172,7 @@ export default { align-items: flex-start; } - /deep/ .ivu-card-body { + ::v-deep .ivu-card-body { padding: 0; } } diff --git a/src/views/pages/inspect/recentIssues/recent-issues-searcher.vue b/src/views/pages/inspect/recentIssues/recent-issues-searcher.vue index 2d5edee08..2667eeab8 100644 --- a/src/views/pages/inspect/recentIssues/recent-issues-searcher.vue +++ b/src/views/pages/inspect/recentIssues/recent-issues-searcher.vue @@ -624,10 +624,10 @@ export default { white-space: pre-wrap; } .ivu-dropdown { - /deep/ .ivu-dropdown-rel { + ::v-deep .ivu-dropdown-rel { display: flex; } - /deep/ .ivu-select-dropdown { + ::v-deep .ivu-select-dropdown { width: 100%; } } diff --git a/src/views/pages/inspect/recentIssues/recent-issues.vue b/src/views/pages/inspect/recentIssues/recent-issues.vue index 5b17e45fd..66a57cb73 100644 --- a/src/views/pages/inspect/recentIssues/recent-issues.vue +++ b/src/views/pages/inspect/recentIssues/recent-issues.vue @@ -855,7 +855,7 @@ export default { font-size: 12px; } .combine-searcher-text-align { - /deep/ .tag-item { + ::v-deep .tag-item { line-height: 0 !important; } } diff --git a/src/views/pages/knowledge/common/markdown-editor.vue b/src/views/pages/knowledge/common/markdown-editor.vue index c19b5f230..5c0dd7f56 100644 --- a/src/views/pages/knowledge/common/markdown-editor.vue +++ b/src/views/pages/knowledge/common/markdown-editor.vue @@ -256,10 +256,10 @@ export default { .editor-editor{ position: relative; padding: 10px; - /deep/ .markdown-body table { + ::v-deep .markdown-body table { display: table; } - /deep/ .markdown-body em { + ::v-deep .markdown-body em { font-style: italic; // 修复markdown中的倾斜样式不生效问题 } &:hover{ @@ -295,20 +295,20 @@ export default { height: 16px; } } - /deep/ .hljs { + ::v-deep .hljs { background: transparent; } .knowledge-markdown-editor { - /deep/ textarea { + ::v-deep textarea { background-color: transparent; } - /deep/ &.v-note-wrapper { + ::v-deep &.v-note-wrapper { z-index: 2; // 修改层级，会导致选择表格行列会被遮挡 } } .theme(@text-color) { .knowledge-markdown-editor { - /deep/ .auto-textarea-wrapper .auto-textarea-input { + ::v-deep .auto-textarea-wrapper .auto-textarea-input { color: @text-color; } } diff --git a/src/views/pages/knowledge/common/nav-detail.vue b/src/views/pages/knowledge/common/nav-detail.vue index 093e1edbc..abf210cad 100644 --- a/src/views/pages/knowledge/common/nav-detail.vue +++ b/src/views/pages/knowledge/common/nav-detail.vue @@ -156,7 +156,7 @@ ul.nav-detail{ white-space: pre; .nav-text{ display: inline-block; - /deep/ span{ + ::v-deep span{ vertical-align: baseline; } } diff --git a/src/views/pages/knowledge/common/tag-list.vue b/src/views/pages/knowledge/common/tag-list.vue index 85a039874..d4fcc0fd1 100644 --- a/src/views/pages/knowledge/common/tag-list.vue +++ b/src/views/pages/knowledge/common/tag-list.vue @@ -44,7 +44,7 @@ export default { .icon-padding { padding-right: 10px; } - /deep/ .ivu-tag { + ::v-deep .ivu-tag { margin-right: 10px; margin-bottom: 6px; } diff --git a/src/views/pages/knowledge/detail/document-detail.vue b/src/views/pages/knowledge/detail/document-detail.vue index 4454a9caa..ae7204775 100644 --- a/src/views/pages/knowledge/detail/document-detail.vue +++ b/src/views/pages/knowledge/detail/document-detail.vue @@ -242,7 +242,7 @@ export default { text-align: right; } .config-item-wrap { - /deep/ i { + ::v-deep i { font-style: italic; // 保留倾斜原有样式 } } diff --git a/src/views/pages/knowledge/detail/items/code.vue b/src/views/pages/knowledge/detail/items/code.vue index 753101f46..e72df9dcb 100644 --- a/src/views/pages/knowledge/detail/items/code.vue +++ b/src/views/pages/knowledge/detail/items/code.vue @@ -45,7 +45,7 @@ export default { diff --git a/src/views/pages/knowledge/detail/items/ol.vue b/src/views/pages/knowledge/detail/items/ol.vue index a4e3281b0..c24783d69 100644 --- a/src/views/pages/knowledge/detail/items/ol.vue +++ b/src/views/pages/knowledge/detail/items/ol.vue @@ -52,16 +52,16 @@ ol { } ol { list-style: decimal inside; - /deep/ li { + ::v-deep li { word-break: break-all; list-style: decimal; } &.cjk-ideographic { - /deep/ li { + ::v-deep li { list-style: cjk-ideographic; } } - /deep/span.line-through { + ::v-deep span.line-through { text-decoration: line-through; vertical-align: baseline; } diff --git a/src/views/pages/knowledge/detail/items/p.vue b/src/views/pages/knowledge/detail/items/p.vue index 797d082d5..d2240de8e 100644 --- a/src/views/pages/knowledge/detail/items/p.vue +++ b/src/views/pages/knowledge/detail/items/p.vue @@ -45,7 +45,7 @@ export default { } p{ word-break: break-all; - /deep/span.line-through{ + ::v-deep span.line-through{ text-decoration:line-through; vertical-align: baseline; } diff --git a/src/views/pages/knowledge/detail/items/ul.vue b/src/views/pages/knowledge/detail/items/ul.vue index 2516a473d..b9bc16ed1 100644 --- a/src/views/pages/knowledge/detail/items/ul.vue +++ b/src/views/pages/knowledge/detail/items/ul.vue @@ -52,21 +52,21 @@ ul { } ul { // list-style: disc inside; - /deep/ li { + ::v-deep li { word-break: break-all; list-style: disc; } &.circle { - /deep/ li { + ::v-deep li { list-style: circle; } } &.square { - /deep/ li { + ::v-deep li { list-style: square; } } - /deep/span.line-through{ + ::v-deep span.line-through{ text-decoration:line-through; vertical-align: baseline; } diff --git a/src/views/pages/knowledge/detail/knowledge-detail.vue b/src/views/pages/knowledge/detail/knowledge-detail.vue index a30dfcddd..6871b837e 100644 --- a/src/views/pages/knowledge/detail/knowledge-detail.vue +++ b/src/views/pages/knowledge/detail/knowledge-detail.vue @@ -331,7 +331,7 @@ export default { } } .KnowledgeDetail { - /deep/ .ivu-poptip-body { + ::v-deep .ivu-poptip-body { padding: 8px 0; } } diff --git a/src/views/pages/knowledge/edit/component/code.vue b/src/views/pages/knowledge/edit/component/code.vue index 3cbe33ba7..ed52f1965 100644 --- a/src/views/pages/knowledge/edit/component/code.vue +++ b/src/views/pages/knowledge/edit/component/code.vue @@ -136,7 +136,7 @@ export default { padding: 0px 4px; line-height: 32px; height: 32px; - /deep/.TsFormSelect .ivu-input{ + ::v-deep .TsFormSelect .ivu-input{ text-align: right; } } diff --git a/src/views/pages/knowledge/edit/component/editor.vue b/src/views/pages/knowledge/edit/component/editor.vue index 7f295d26a..254cebf7e 100644 --- a/src/views/pages/knowledge/edit/component/editor.vue +++ b/src/views/pages/knowledge/edit/component/editor.vue @@ -93,11 +93,11 @@ export default { padding: 0px 4px; line-height: 32px; height: 32px; - /deep/.TsFormSelect .ivu-input{ + ::v-deep .TsFormSelect .ivu-input{ text-align: right; } } - /deep/ .ck-editor__editable:hover, .ck-editor__editable:focus { + ::v-deep .ck-editor__editable:hover, .ck-editor__editable:focus { border-color: #dcdee1 !important; } } diff --git a/src/views/pages/knowledge/edit/component/formtable.vue b/src/views/pages/knowledge/edit/component/formtable.vue index 874e747e2..960ca7590 100644 --- a/src/views/pages/knowledge/edit/component/formtable.vue +++ b/src/views/pages/knowledge/edit/component/formtable.vue @@ -8,10 +8,10 @@ @paste.stop.prevent >
-
+
@@ -75,7 +75,7 @@ export default { @import '~@/resources/plugins/TsCkeditor/ckeditor.less'; section { position: relative; - /deep/.editor-form { + ::v-deep .editor-form { position: relative; padding: 10px; &:hover { @@ -88,7 +88,7 @@ section { padding: 0px 4px; line-height: 32px; height: 32px; - /deep/.TsFormSelect .ivu-input { + ::v-deep .TsFormSelect .ivu-input { text-align: right; } } @@ -99,36 +99,35 @@ section { word-break: break-all; display: block; } - //静态列表样式 - - .tstable-container { - overflow: auto; - border-top: 0px !important; - .table-list { - width:100%; - border-top: none; - border-collapse: collapse; - table-layout: fixed; - } - .table-list > thead, - .table-list > thead > tr > th { - visibility: visible !important; - border: none !important; - vertical-align: middle; - height: 38px; - padding-top: 0px; - padding-bottom: 0px; - text-align: left; - } - .table-list > tbody > tr > td { - border-left: none !important; - border-right: none !important; - border-bottom: none !important; - border-top: none !important; - vertical-align: top; - } - } + //静态列表样式 + .tstable-container { + overflow: auto; + border-top: 0px !important; + .table-list { + width: 100%; + border-top: none; + border-collapse: collapse; + table-layout: fixed; + } + .table-list > thead, + .table-list > thead > tr > th { + visibility: visible !important; + border: none !important; + vertical-align: middle; + height: 38px; + padding-top: 0px; + padding-bottom: 0px; + text-align: left; + } + .table-list > tbody > tr > td { + border-left: none !important; + border-right: none !important; + border-bottom: none !important; + border-top: none !important; + vertical-align: top; + } + } } &:hover { border: 1px solid transparent !important; @@ -142,9 +141,9 @@ section { border-radius: 2px; padding: 5px; display: none; - &>span{ - padding: 7px 8px; - cursor: pointer; + & > span { + padding: 7px 8px; + cursor: pointer; } } .editorSpan { @@ -157,7 +156,7 @@ section { z-index: 3; } } -/deep/.sheet-table { +::v-deep .sheet-table { width: 100%; border-collapse: collapse; border-spacing: 0px; diff --git a/src/views/pages/knowledge/edit/component/ol.vue b/src/views/pages/knowledge/edit/component/ol.vue index 53ecde925..bc6744947 100644 --- a/src/views/pages/knowledge/edit/component/ol.vue +++ b/src/views/pages/knowledge/edit/component/ol.vue @@ -61,12 +61,12 @@ ol { } ol { list-style: decimal inside; - /deep/ li { + ::v-deep li { word-break: break-all; list-style: decimal; } &.cjk-ideographic { - /deep/ li { + ::v-deep li { list-style: cjk-ideographic; } } diff --git a/src/views/pages/knowledge/edit/component/ul.vue b/src/views/pages/knowledge/edit/component/ul.vue index 3f78a7582..b3100ce2e 100644 --- a/src/views/pages/knowledge/edit/component/ul.vue +++ b/src/views/pages/knowledge/edit/component/ul.vue @@ -57,17 +57,17 @@ ul { } ul { // list-style: disc inside; - /deep/ li { + ::v-deep li { word-break: break-all; list-style: disc; } &.circle { - /deep/ li { + ::v-deep li { list-style: circle; } } &.square { - /deep/ li { + ::v-deep li { list-style: square; } } diff --git a/src/views/pages/knowledge/edit/knowledge-edit.vue b/src/views/pages/knowledge/edit/knowledge-edit.vue index 836ff3af6..a40b2f6dc 100644 --- a/src/views/pages/knowledge/edit/knowledge-edit.vue +++ b/src/views/pages/knowledge/edit/knowledge-edit.vue @@ -339,10 +339,10 @@ export default { .padding-t{ padding-top:4px; } -/deep/.left-sider{ +::v-deep .left-sider{ border-right: 0px solid #ccc!important; } -/deep/.bg-three{ +::v-deep .bg-three{ background:transparent!important; } diff --git a/src/views/pages/knowledge/edit/main/edit-component.vue b/src/views/pages/knowledge/edit/main/edit-component.vue index 3c3560664..d5a941848 100644 --- a/src/views/pages/knowledge/edit/main/edit-component.vue +++ b/src/views/pages/knowledge/edit/main/edit-component.vue @@ -784,7 +784,7 @@ function childParent(node, isLast) { diff --git a/src/views/pages/process/task/processdetail/process-automatic.vue b/src/views/pages/process/task/processdetail/process-automatic.vue index 9ea5db0e0..c1b5b75e1 100644 --- a/src/views/pages/process/task/processdetail/process-automatic.vue +++ b/src/views/pages/process/task/processdetail/process-automatic.vue @@ -554,7 +554,7 @@ export default { margin-right: 4px; border-radius: 20px; } -/deep/ .ivu-layout-content{ +::v-deep .ivu-layout-content{ overflow-y: hidden !important; } .retry-btn{ diff --git a/src/views/pages/process/task/processdetail/process-changecreate.vue b/src/views/pages/process/task/processdetail/process-changecreate.vue index d508cf40d..b7ec6c910 100644 --- a/src/views/pages/process/task/processdetail/process-changecreate.vue +++ b/src/views/pages/process/task/processdetail/process-changecreate.vue @@ -536,7 +536,7 @@ export default { margin-right: 4px; border-radius: 20px; } -/deep/ .ivu-layout-content{ +::v-deep .ivu-layout-content{ overflow-y: hidden !important; } .line-bottom{ diff --git a/src/views/pages/process/task/processdetail/process-changehandle.vue b/src/views/pages/process/task/processdetail/process-changehandle.vue index 6e74eb859..d502ff431 100644 --- a/src/views/pages/process/task/processdetail/process-changehandle.vue +++ b/src/views/pages/process/task/processdetail/process-changehandle.vue @@ -888,7 +888,7 @@ export default { margin-right: 4px; border-radius: 20px; } -/deep/ .ivu-layout-content{ +::v-deep .ivu-layout-content{ overflow-y: scroll !important; } .line-bottom{ diff --git a/src/views/pages/process/task/processdetail/process-cmdbsync.vue b/src/views/pages/process/task/processdetail/process-cmdbsync.vue index 6dd487ec2..8bfe95f4e 100644 --- a/src/views/pages/process/task/processdetail/process-cmdbsync.vue +++ b/src/views/pages/process/task/processdetail/process-cmdbsync.vue @@ -469,7 +469,7 @@ export default { height: 100%; overflow-y: hidden; } -/deep/ .ivu-layout-content{ +::v-deep .ivu-layout-content{ overflow-y: hidden !important; } diff --git a/src/views/pages/process/task/processdetail/process-createjob.vue b/src/views/pages/process/task/processdetail/process-createjob.vue index 23c093306..38128d08f 100644 --- a/src/views/pages/process/task/processdetail/process-createjob.vue +++ b/src/views/pages/process/task/processdetail/process-createjob.vue @@ -508,7 +508,7 @@ export default { margin-right: 4px; border-radius: 20px; } -/deep/ .ivu-layout-content{ +::v-deep .ivu-layout-content{ overflow-y: hidden !important; } diff --git a/src/views/pages/process/task/processdetail/process-event.vue b/src/views/pages/process/task/processdetail/process-event.vue index 607d0bd89..55976093c 100644 --- a/src/views/pages/process/task/processdetail/process-event.vue +++ b/src/views/pages/process/task/processdetail/process-event.vue @@ -489,7 +489,7 @@ export default { margin-right: 4px; border-radius: 20px; } -/deep/ .ivu-layout-content{ +::v-deep .ivu-layout-content{ overflow-y: hidden !important; } diff --git a/src/views/pages/process/task/processdetail/process-omnipotent.vue b/src/views/pages/process/task/processdetail/process-omnipotent.vue index 57683fc74..4c7f0242c 100644 --- a/src/views/pages/process/task/processdetail/process-omnipotent.vue +++ b/src/views/pages/process/task/processdetail/process-omnipotent.vue @@ -541,7 +541,7 @@ export default { margin-right: 4px; border-radius: 20px; } -// /deep/ .ivu-layout-sider { +// ::v-deep .ivu-layout-sider { // transition: none; // } diff --git a/src/views/pages/process/task/processdetail/process-timer.vue b/src/views/pages/process/task/processdetail/process-timer.vue index 3d2922f0f..c89cb957f 100644 --- a/src/views/pages/process/task/processdetail/process-timer.vue +++ b/src/views/pages/process/task/processdetail/process-timer.vue @@ -299,7 +299,7 @@ export default { margin-right: 4px; border-radius: 20px; } -/deep/ .ivu-layout-content{ +::v-deep .ivu-layout-content{ overflow-y: hidden !important; } diff --git a/src/views/pages/process/task/processdetail/workorder/CenterDetail.vue b/src/views/pages/process/task/processdetail/workorder/CenterDetail.vue index b2d297492..939e2c1c8 100644 --- a/src/views/pages/process/task/processdetail/workorder/CenterDetail.vue +++ b/src/views/pages/process/task/processdetail/workorder/CenterDetail.vue @@ -1729,10 +1729,10 @@ function getParent(node) { } diff --git a/src/views/pages/process/task/processdetail/workorder/score/score-edit.vue b/src/views/pages/process/task/processdetail/workorder/score/score-edit.vue index d13e7aa49..6c0f0e79d 100644 --- a/src/views/pages/process/task/processdetail/workorder/score/score-edit.vue +++ b/src/views/pages/process/task/processdetail/workorder/score/score-edit.vue @@ -151,7 +151,7 @@ export default { } .editor { padding-bottom: 16px; - /deep/ .ck-content { + ::v-deep .ck-content { min-height: 90px; } } diff --git a/src/views/pages/process/task/processdetail/workorder/step-carousel.vue b/src/views/pages/process/task/processdetail/workorder/step-carousel.vue index c2f8c577d..3d96db387 100644 --- a/src/views/pages/process/task/processdetail/workorder/step-carousel.vue +++ b/src/views/pages/process/task/processdetail/workorder/step-carousel.vue @@ -297,10 +297,10 @@ export default { .Carousel { width: 248px; height: auto; - /deep/.ivu-carousel-item { + ::v-deep .ivu-carousel-item { padding: 0 1px; } - /deep/.ivu-carousel-dots { + ::v-deep .ivu-carousel-dots { bottom: 0px; position: relative; li { diff --git a/src/views/pages/process/task/processdetail/workorder/step-sla-delay.vue b/src/views/pages/process/task/processdetail/workorder/step-sla-delay.vue index 7e3c65030..46b80cc98 100644 --- a/src/views/pages/process/task/processdetail/workorder/step-sla-delay.vue +++ b/src/views/pages/process/task/processdetail/workorder/step-sla-delay.vue @@ -145,15 +145,15 @@ export default { .list-main{ padding-bottom: 10px; } - /deep/ .ivu-scroll-container { + ::v-deep .ivu-scroll-container { height: auto !important; max-height: 190px; padding-left: 6px; } - /deep/ .ivu-dropdown-item{ + ::v-deep .ivu-dropdown-item{ padding: 0; } - /deep/ a{ + ::v-deep a{ display: block; padding: 8px 16px; } diff --git a/src/views/pages/process/task/processdetail/workorder/taskstep/step-overview.vue b/src/views/pages/process/task/processdetail/workorder/taskstep/step-overview.vue index 04f2d71eb..26a438fb6 100644 --- a/src/views/pages/process/task/processdetail/workorder/taskstep/step-overview.vue +++ b/src/views/pages/process/task/processdetail/workorder/taskstep/step-overview.vue @@ -379,7 +379,7 @@ export default { padding-right: 18px; // 处理收起之后，右边不对齐问题 } } - /deep/ .activity-step { + ::v-deep .activity-step { margin-left: 150px; .step-log-common-box { .ivu-timeline-item-tail { @@ -448,7 +448,7 @@ export default { } } .activity-box-list{ - /deep/ .image > img { + ::v-deep .image > img { max-width: 100%; } } diff --git a/src/views/pages/process/task/processtask-manage.vue b/src/views/pages/process/task/processtask-manage.vue index b2654dcff..d6d983735 100644 --- a/src/views/pages/process/task/processtask-manage.vue +++ b/src/views/pages/process/task/processtask-manage.vue @@ -898,7 +898,7 @@ html { } } .workcenter-table { - /deep/ .table-action { + ::v-deep .table-action { .icon-setting { padding-right: 9px; padding-left: 4px; @@ -907,19 +907,19 @@ html { } .tstable-box { // 修复关注工单列左右间隙过大问题 - /deep/ td:nth-of-type(1) { + ::v-deep td:nth-of-type(1) { padding-right: 0 !important; } - /deep/ td:nth-of-type(2) { + ::v-deep td:nth-of-type(2) { padding-right: 0 !important; } - /deep/ td:nth-of-type(2) { + ::v-deep td:nth-of-type(2) { padding-left: 4px !important; } - /deep/ th:nth-of-type(3) { + ::v-deep th:nth-of-type(3) { padding-left: 0 !important; } - /deep/ td:nth-of-type(3) { + ::v-deep td:nth-of-type(3) { padding-left: 0 !important; } .text-wrap { diff --git a/src/views/pages/rdm/project/content-handler/content-handler-dialog.vue b/src/views/pages/rdm/project/content-handler/content-handler-dialog.vue index 923d3cc18..bfb3d3a20 100644 --- a/src/views/pages/rdm/project/content-handler/content-handler-dialog.vue +++ b/src/views/pages/rdm/project/content-handler/content-handler-dialog.vue @@ -64,16 +64,16 @@ export default { }; diff --git a/src/views/pages/rdm/project/content-handler/content-handler.vue b/src/views/pages/rdm/project/content-handler/content-handler.vue index 4fee24872..3e585bb77 100644 --- a/src/views/pages/rdm/project/content-handler/content-handler.vue +++ b/src/views/pages/rdm/project/content-handler/content-handler.vue @@ -109,16 +109,16 @@ export default { }; diff --git a/src/views/pages/rdm/project/edittab/components/app-status-edit.vue b/src/views/pages/rdm/project/edittab/components/app-status-edit.vue index ecf2b0b01..d25d10941 100644 --- a/src/views/pages/rdm/project/edittab/components/app-status-edit.vue +++ b/src/views/pages/rdm/project/edittab/components/app-status-edit.vue @@ -425,7 +425,7 @@ export default { left: 50%; width: 50%; } -/deep/.folder-tr > td { +::v-deep .folder-tr > td { padding: 0px; } diff --git a/src/views/pages/rdm/project/viewtab/components/condition-group.vue b/src/views/pages/rdm/project/viewtab/components/condition-group.vue index 09772fb58..749f67b5c 100644 --- a/src/views/pages/rdm/project/viewtab/components/condition-group.vue +++ b/src/views/pages/rdm/project/viewtab/components/condition-group.vue @@ -361,7 +361,7 @@ export default { diff --git a/src/views/pages/rdm/project/viewtab/dashboard/dashboard-edit.vue b/src/views/pages/rdm/project/viewtab/dashboard/dashboard-edit.vue index eb587416f..3fed78d63 100644 --- a/src/views/pages/rdm/project/viewtab/dashboard/dashboard-edit.vue +++ b/src/views/pages/rdm/project/viewtab/dashboard/dashboard-edit.vue @@ -556,13 +556,13 @@ export default { } .theme(@background-color) { .formitem-container { - /deep/ .ivu-collapse-content { + ::v-deep .ivu-collapse-content { background-color: @background-color; > .ivu-collapse-content-box { padding-top: 0; } } - /deep/ .ivu-collapse { + ::v-deep .ivu-collapse { border: none; } } diff --git a/src/views/pages/rdm/project/viewtab/iteration/iteration.vue b/src/views/pages/rdm/project/viewtab/iteration/iteration.vue index 7e6461aff..04340181a 100644 --- a/src/views/pages/rdm/project/viewtab/iteration/iteration.vue +++ b/src/views/pages/rdm/project/viewtab/iteration/iteration.vue @@ -205,7 +205,7 @@ export default { diff --git a/src/views/pages/report/report/report-show.vue b/src/views/pages/report/report/report-show.vue index 2a8ce7e2a..d59df6d9f 100644 --- a/src/views/pages/report/report/report-show.vue +++ b/src/views/pages/report/report/report-show.vue @@ -258,7 +258,7 @@ export default { @import '~@/resources/assets/css/report/report.less'; diff --git a/src/views/pages/report/report/reportinstance-show.vue b/src/views/pages/report/report/reportinstance-show.vue index b483159b0..2de18a1bd 100644 --- a/src/views/pages/report/report/reportinstance-show.vue +++ b/src/views/pages/report/report/reportinstance-show.vue @@ -232,7 +232,7 @@ export default { -- Gitee From 9103762e23a31c3b2a83240961e0ae62339b9ac0 Mon Sep 17 00:00:00 2001 From: yaojn Date: Wed, 2 Apr 2025 11:24:00 +0800 Subject: [PATCH 3/3] =?UTF-8?q?-=20[=E5=8A=9F=E8=83=BD]@rsbuild=E7=89=88?= =?UTF-8?q?=E6=9C=AC=E4=BB=8E0.6.15=E5=8D=87=E7=BA=A7=E5=88=B01.2.4=20=20?= =?UTF-8?q?=20=20-=20[=E5=85=B3=E8=81=94]#[1352007254769664]@rsbuild?= =?UTF-8?q?=E7=89=88=E6=9C=AC=E4=BB=8E0.6.15=E5=8D=87=E7=BA=A7=E5=88=B01.2?= =?UTF-8?q?.4=20http://192.168.0.96:8090/demo/rdm.html#/story-detail/93905?= =?UTF-8?q?0947543040/939050947543042/1352007254769664?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/resources/components/Condition/condition-group.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/resources/components/Condition/condition-group.vue b/src/resources/components/Condition/condition-group.vue index 5bcf11198..198faa77e 100644 --- a/src/resources/components/Condition/condition-group.vue +++ b/src/resources/components/Condition/condition-group.vue @@ -356,7 +356,7 @@ export default { ::v-deep .transparentSelect .ivu-input { background-color: transparent !important; } -/deep/.transparentSelect .ivu-tag-default { +::v-deep .transparentSelect .ivu-tag-default { background-color: transparent !important; } -- Gitee