// ==UserScript== // @name 酷家乐编辑器界面重排 // @namespace https://www.kujiale.com/ // @version 1.0 // @description 修改酷家乐编辑器界面,也可以使用Stylus插件来实现(这个更友好,但相关网站更新太麻烦) // @author hejie13250 // @match *://*.kujiale.com/vc/modeleditor/* // @grant GM_addStyle // @run-at document-start // ==/UserScript== (function() { 'use strict'; // ============================================================ // 建议安装字体"更纱黑体",体验会更好 // 下载地址:https://github.com/be5invis/Sarasa-Gothic/releases // ============================================================ const myCSS = String.raw` /* 字体 */ * { font-family: 'Sarasa Mono SC'; /* font-family: 'Maple Mono CN'; */ } /* 编辑轮廓 modal: 提示文本+组合框/输入框 改为一行显示 (按红框比例 label:control ≈ 35%:65%) 并统一所有行高与行间距 = 最上方「名称」输入框高 (26px, gap 8px) */ /* 统一目标: 控件框高 26px / 行高 28px / 行间距 8px */ /* 1) 孔槽是否输出 / 孔槽特征 (li.attr-list-item 内 p 标签 + 控件) */ .profile-edit-modal .item-content:has(> p):has(> .attr-select-input, > .auto-input-container){ display:flex !important; align-items:center !important; gap:8px !important; min-height:28px !important; margin-bottom:8px !important; } .profile-edit-modal .item-content:has(> p):has(> .attr-select-input, > .auto-input-container) > p{ flex:0 0 110px !important; width:110px !important; margin:0 !important; padding:0 !important; line-height:26px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } .profile-edit-modal .item-content:has(> p):has(> .attr-select-input, > .auto-input-container) > .attr-select-input, .profile-edit-modal .item-content:has(> p):has(> .attr-select-input, > .auto-input-container) > .auto-input-container{ flex:1 1 auto !important; width:auto !important; margin:0 !important; height:26px !important; box-sizing:border-box !important; } /* 2) 名称 / 隐藏条件 (p.overview-panel-header 标签 + 紧随其后的 li 输入行) */ .profile-edit-modal .over-panel-scroll-content{ display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-content:flex-start !important; gap:8px !important; } .profile-edit-modal .over-panel-scroll-content > *{ flex:0 0 100% !important; max-width:100% !important; box-sizing:border-box !important; } .profile-edit-modal .over-panel-scroll-content > button{ flex:0 0 auto !important; max-width:none !important; } .profile-edit-modal .over-panel-scroll-content > p.overview-panel-header:has(+ li.list-item-wrap.path-overview-panel-point-list-item-array){ flex:0 0 110px !important; max-width:110px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; min-height:26px !important; line-height:26px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } .profile-edit-modal .over-panel-scroll-content > li.list-item-wrap.path-overview-panel-point-list-item-array{ flex:0 0 calc(100% - 118px) !important; max-width:calc(100% - 118px) !important; margin:0 !important; display:flex !important; align-items:center !important; min-height:26px !important; } .profile-edit-modal .over-panel-scroll-content > li.list-item-wrap.path-overview-panel-point-list-item-array > .list-item-content{ width:100% !important; display:flex !important; align-items:center !important; } .profile-edit-modal .over-panel-scroll-content > li.list-item-wrap.path-overview-panel-point-list-item-array > .list-item-content > .tui-input-new-affix-wrapper, .profile-edit-modal .over-panel-scroll-content > li.list-item-wrap.path-overview-panel-point-list-item-array > .list-item-content > .auto-input-container{ width:100% !important; height:26px !important; box-sizing:border-box !important; } /* 3) 造型面 / 槽深 (li.list-item-wrap > .list-item-title + .list-item-content) */ .profile-edit-modal .slot-editor-container > li.list-item-wrap{ display:flex !important; align-items:center !important; gap:8px !important; min-height:28px !important; box-sizing:border-box !important; margin:0 0 8px 0 !important; } .profile-edit-modal .slot-editor-container > li.list-item-wrap > .list-item-title{ flex:0 0 110px !important; width:110px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; line-height:28px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } .profile-edit-modal .slot-editor-container > li.list-item-wrap > .list-item-content{ flex:1 1 auto !important; width:auto !important; margin:0 !important; display:flex !important; align-items:center !important; } .profile-edit-modal .slot-editor-container > li.list-item-wrap > .list-item-content > *{ width:100% !important; height:26px !important; box-sizing:border-box !important; } /* 4) 红框内所有字号统一 14px (名称/隐藏条件、孔槽是否输出/孔槽特征、造型面/槽深) 图标 (param-iconfont / fold-icon / tui-select-arrow-icon) 保持原大小 */ .profile-edit-modal .over-panel-scroll-content > p.overview-panel-header:has(+ li.list-item-wrap.path-overview-panel-point-list-item-array), .profile-edit-modal .over-panel-scroll-content > p.overview-panel-header:has(+ li.list-item-wrap.path-overview-panel-point-list-item-array) *:not(i), .profile-edit-modal .over-panel-scroll-content > li.list-item-wrap.path-overview-panel-point-list-item-array, .profile-edit-modal .over-panel-scroll-content > li.list-item-wrap.path-overview-panel-point-list-item-array *:not(i), .profile-edit-modal .item-content:has(> p):has(> .attr-select-input, > .auto-input-container), .profile-edit-modal .item-content:has(> p):has(> .attr-select-input, > .auto-input-container) *:not(i), .profile-edit-modal .slot-editor-container > li.list-item-wrap, .profile-edit-modal .slot-editor-container > li.list-item-wrap *:not(i){ font-size:14px !important; } /* 5) 形状点列表 点1..点4:行间距收紧 (原 margin 8/16 → 有效 gap 16px,改为 8px) */ .profile-edit-modal .over-panel-scroll-content ul.overview-panel-list > li.list-item-wrap.path-overview-panel-point-list-item{ margin-top:0 !important; margin-bottom:8px !important; } /* 6) 编辑轮廓 modal 内的属性下拉浮层:宽度与「组合框」一致 (width:100% = .attr-select-input 宽),避免被滚动容器 overflow-x:hidden 裁切 (全局规则 div.attr-select-input div.attr-select-input-dropdown{ margin-left:-140px; width:370px } 是为右栏写的, 右栏容器不裁切故显示完整;modal 容器仅 328px 且有 overflow-x:hidden → 弹窗下拉两侧被切。此处仅对 modal 覆盖。) 另:按需求隐藏 modal 下拉里的「锁定」链接(右栏 .attr-panel 的锁定不受影响)。 */ .profile-edit-modal .attr-select-input .attr-select-input-dropdown{ left:0 !important; right:auto !important; margin-left:0 !important; width:100% !important; /* = 「组合框」(.attr-select-input) 的宽度 */ } .profile-edit-modal .attr-select-input .attr-select-input-dropdown .select-input-options{ width:100% !important; } .profile-edit-modal .attr-select-input .attr-select-input-dropdown .select-input-options .option-item{ width:100% !important; box-sizing:border-box !important; } .profile-edit-modal .attr-select-input .attr-select-input-dropdown .select-input-options .option-item .option-label{ width:100% !important; } /* 隐藏「锁定」(仅 modal 内;右栏 .attr-panel 的锁定保留不受影响) */ .profile-edit-modal .attr-select-input .attr-select-input-dropdown .select-input-options a.lock{ display:none !important; } /* 7) 造型面 组合框 (tui-select):高度与其它组合框一致 站点用 CSS 变量 --select__height (默认 32px) 驱动 .tui-select-selection 的高度, 我们 section 3 把 .tui-select 容器压到 26px,但内部 selection 仍 32px → 下溢 6px(偏高 + 下方多出一条)。 直接把变量改成 26,内部结构 (search-input / selected-content 都用 calc(var(--select__height))) 自动跟随。 */ .profile-edit-modal .slot-editor-container > li.list-item-wrap > .list-item-content > .tui-select{ --select__height: 26px !important; height:26px !important; box-sizing:border-box !important; } /* 8) 端点编辑弹窗(边角类型 / 圆弧方向 / 轴长X / 轴长Y / 中心偏移X / 中心偏移Y):行间距收紧 行 li margin 为 8/16 → 有效 gap 16px(pitch 44),按项目节奏改成 8px(pitch 36)。 */ .tui-dialog-wrap.select-point-type-dialog-wrapper .tui-dialog-body > li.list-item-wrap.point-edit-panel-attr-list-item{ margin-top:0 !important; margin-bottom:8px !important; } /* 9) 端点属性面板 (\`.profile-edit-panel.point-edit-panel\`) 9.1 所有属性行 (横轴位置/纵轴位置/边角类型/圆弧方向/轴长X/轴长Y/中心偏移X/中心偏移Y/封边方式…) 由「标签在上、控件在下」改成一行:提示文本左(110px) + 控件右(189px),与最下方「连接件类型」一致。 (li 原生是 flex-column → 必须显式 flex-direction:row,否则 flex-basis 会变成高度。 边角类型/圆弧方向的图标条 \`.select-list-content\` 内部 option 是 flex:1 1 0% → 会自动收缩进 189px 不换行。) */ .profile-edit-modal .profile-edit-panel.point-edit-panel li.list-item-wrap.point-edit-panel-attr-list-item:has(> .list-item-content){ display:flex !important; flex-direction:row !important; align-items:center !important; gap:8px !important; } .profile-edit-modal .profile-edit-panel.point-edit-panel li.list-item-wrap.point-edit-panel-attr-list-item:has(> .list-item-content) > .list-item-title{ flex:0 0 110px !important; width:110px !important; height:28px !important; line-height:28px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } .profile-edit-modal .profile-edit-panel.point-edit-panel li.list-item-wrap.point-edit-panel-attr-list-item:has(> .list-item-content) > .list-item-content{ flex:1 1 0 !important; min-width:0 !important; width:auto !important; margin:0 !important; display:flex !important; align-items:center !important; } .profile-edit-modal .profile-edit-panel.point-edit-panel li.list-item-wrap.point-edit-panel-attr-list-item:has(> .list-item-content) > .list-item-content > *{ width:100% !important; } /* 9.2 「连接件类型」组合框高度改成与上面其它行一致 (24px) —— 该行结构与「孔槽是否输出」相同,被 section 1 的 26px 规则命中;这里用更高特异性(7类)覆盖回 24 。 */ .profile-edit-modal .profile-edit-panel.point-edit-panel:has(.point-edit-panel-attr-list-item) li.attr-list-item .item-content > .attr-select-input{ height:24px !important; box-sizing:border-box !important; } /* 10) 端点属性面板:行间距统一 8px 行 li 原生 margin 为 8/16 → 有效 gap 16px;分隔线 \`.attr-list-divider\` 为 15/15。统一改成 8px。 */ .profile-edit-modal .profile-edit-panel.point-edit-panel li.list-item-wrap.point-edit-panel-attr-list-item{ margin-top:0 !important; margin-bottom:8px !important; } .profile-edit-modal .profile-edit-panel.point-edit-panel li.attr-list-divider{ margin-top:8px !important; margin-bottom:8px !important; } /* 11) 端点属性面板:行内报错提示 (.error-hint-wrap,行 li 的第三个直接子元素) 换到下一行显示 —— 一行化后报错被挤到控件右侧(同一行);要求它独占一行、左对齐。 */ .profile-edit-modal .profile-edit-panel.point-edit-panel li.list-item-wrap.point-edit-panel-attr-list-item:has(> .error-hint-wrap){ flex-wrap:wrap !important; } .profile-edit-modal .profile-edit-panel.point-edit-panel li.list-item-wrap.point-edit-panel-attr-list-item > .error-hint-wrap{ flex:0 0 100% !important; width:100% !important; max-width:100% !important; box-sizing:border-box !important; margin:0 !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; } /* 12) 端点属性 → 条件公式 表格:\`值\` 列按钮(方框)宽=高,并把 \`值\` 列收窄, 使右侧 \`操作\` 列的两个图标(拖动/删除)完整显示(原 值列 45px 把 操作列挤到 14px,第 2 个图标被裁)。 表头(.cases-header)与数据行(.condition-case-item-wrap)按相同三列宽度设,保证表头与列对齐。 */ .formula-condition-wrapper .parameditor-points-type-preview{ width:24px !important; height:24px !important; } .formula-condition-wrapper .cases-header > .condition-title, .formula-condition-wrapper .condition-case-item-wrap > .case-wrap{ flex:1 1 56% !important; width:auto !important; max-width:none !important; min-width:0 !important; } .formula-condition-wrapper .cases-header > .value-title, .formula-condition-wrapper .condition-case-item-wrap > .value-wrap{ flex:0 0 24px !important; width:24px !important; max-width:24px !important; /* 站点对 flex-basis 有 !important 规则,用 max-width 才能压住 */ min-width:0 !important; } .formula-condition-wrapper .cases-header > .actions-title, .formula-condition-wrapper .condition-case-item-wrap > .action-wrap{ flex:0 0 32px !important; width:32px !important; max-width:32px !important; min-width:0 !important; } /* 13) 编辑轮廓 modal 弹窗尺寸/内容 - \`.tui-dialog-body\` 的 28px 外边距 → 0(取消弹窗内四周留白,内容铺满) - 站点给 \`.tui-dialog-body\` 设了 \`height:100%\`,而弹窗是 flex 列(\`display:flex;flex-direction:column\`)、body 为 \`flex:1 1 auto\`; 因 flex 项默认 \`min-height:auto\`,窗口**变小**时 body 无法收缩 → 内容溢出弹窗(窗口最大化打开后再还原就错乱)。 补 \`min-height:0\` 让 body 能随窗口收缩。 */ .profile-edit-modal .tui-dialog-body{ margin:0 !important; min-height:0 !important; } .profile-edit-modal .tui-dialog .profile-content-wrap, .profile-edit-modal .tui-dialog .profile-splitter-wrap, .profile-edit-modal .tui-dialog .profile-canvas-wrap{ min-height:0 !important; } /* 14) 编辑轮廓 modal 右栏 \`.profile-panel-wrap\` 高度修复 父 \`.profile-content-wrap\` 是 flex 行且 \`align-items:center\`,站点给面板的 \`height:100%\` 未生效 → 面板按内容高度撑开(可远高于容器)、又被垂直居中 → 上下溢出、顶部被裁(窗口还原后尤其明显)。 改用 \`align-self:stretch\` 让它填满容器高度 + \`overflow-y:auto\`(内容超高时内部滚动,不裁切)。 */ .profile-edit-modal .tui-dialog .profile-content-wrap .profile-panel-wrap{ align-self:stretch !important; height:auto !important; max-height:100% !important; overflow-y:auto !important; } /* 15) 编辑轮廓 modal 右侧「形状菜单」列(.side-shape-menu,含 +洞/槽 图标与 槽-x 标签):宽度固定 100px —— 它是 splitter 里的第 3 列 \`.tui-splitter-content:has(.side-shape-menu)\`,原先约 75px。 */ .profile-edit-modal .profile-splitter-wrap > .tui-splitter-content:has(.side-shape-menu), .profile-edit-modal .profile-splitter-wrap .side-shape-menu{ flex:0 0 100px !important; width:100px !important; min-width:100px !important; max-width:100px !important; } /* 16) 主编辑器:画布区右侧浮动面板(结构导航等) 与 右栏 之间的 10px 间隙 → 0 站点 \`.floating-area{ margin:10px; width:calc(100% - 20px) }\` → 整块右侧留 10px; 浮动面板以 \`right:0\` 锚定其上 → 面板右缘落在 1320,而右栏从 1330 起 → 中间露出 10px 画布间隙。 只把宽度改成 \`calc(100% - 10px)\`(保留左边距 10px)→ 浮层右缘贴齐右栏、左侧不变。 */ .floating-area{ width:calc(100% - 10px) !important; } /* 17) 左栏「参数配置」分组之间:1px 深灰分隔线(#ddd) → 1px 间隙(白线),与右栏一致 站点:\`.param-panel{ border-bottom:0.8px solid #ddd }\`(深灰线); 右栏则是 \`.tui-collapse-panel{ margin-bottom:1px }\`(间隙露白)。 */ .left-sidebar .param-panel{ border-bottom-width:0 !important; border-bottom-style:none !important; } .left-sidebar .param-panel .tui-collapse-panel{ margin-bottom:1px !important; } /* 18) 右栏「前端使用属性」折叠后,与其下方「参数化轮廓使用映射」重叠 —— 修复 历史规则 \`li.attr-group-container:has(.param-profile-config){ margin-top:-15px }\` 是用来在**展开时**抵消分组间距的;折叠时那条 15px 间距本就不存在, 于是 -15px 把该组拉到 36px 折叠表头上面 → 重叠。 改为:默认 margin-top:0;仅当同组容器里的面板处于展开态(.tui-collapse-panel-active) 时才 -15px。 */ .attr-panel li.attr-group-container.attr-group-container:has(.param-profile-config){ margin-top:0 !important; } .attr-panel li:has(> .attr-group-container .tui-collapse-panel-active) > .attr-group-container:has(.param-profile-config){ margin-top:-15px !important; } /* 分栏 */ /* 隐藏边栏 按钮 */ /* .sidebar-container .move-bar, .sidebar-container .sidebar-fold-trigger { display: none; } */ /* 横屏布局样式 */ div.sidebar-container { width: 400px !important; } .canvas-container { width: calc(100% - 800px) !important; margin-left: 400px !important; margin-right: 400px !important; } .bottombar { border: 1px solid #e0e0e0; } .sidebar-container .move-bar, .sidebar-container .sidebar-fold-trigger { display: none; } /* 竖屏布局样式 */ /* .canvas-container { width: 100% !important; height: calc(40% - 60px); margin-left: 0px !important; margin-right: 0px !important; float: left; } .sidebar-container { width: 50% !important; height: 60% !important; float: left; top: 40%; } */ /* 新建/打开 */ li.rc-menu-item-group div.rc-menu-item-group-title { /* font-size: 22px; */ color: red; } /* 元件库 */ .primitive-element-library .element-group-list { padding: 0; } html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.tui-tabs.left-sidebar.sidebar-tabs.main-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content div.tui-tabs-pane.tui-tabs-pane-active div.primitive-element-library ul.element-group-list div.tui-collapse.element-group div.tui-collapse-panel div.tui-collapse-panel-header div.tui-collapse-panel-title-content div.tui-collapse-panel-title-content-text { padding: 0 0 0 16px; } html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.tui-tabs.left-sidebar.sidebar-tabs.main-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content div.tui-tabs-pane.tui-tabs-pane-active div.primitive-element-library ul.element-group-list div.tui-collapse.element-group div.tui-collapse-panel div.tui-collapse-panel-header span.tui-collapse-panel-arrow { padding: 0 0 0 16px; } html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.tui-tabs.left-sidebar.sidebar-tabs.main-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content div.tui-tabs-pane.tui-tabs-pane-active div.primitive-element-library ul.element-group-list div.tui-collapse.element-group div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content { padding: 0 0 0 16px; } html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.tui-tabs.left-sidebar.sidebar-tabs.main-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content div.tui-tabs-pane.tui-tabs-pane-active div.primitive-element-library ul.element-group-list div.tui-collapse.element-group div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp div.element-group-content ul.element-list li.element { line-height: 18px; width: 180px !important; padding: 0 0 0 16px; } div.element-name div.tui-text-overflow.tui-text-overflow-text.tui-text-overflow-single-line { max-width: 250px !important; width: 250px !important; } /* ===== 元件库 元素列表:减少两列中间间距 + 添加右边距 ===== */ /* 站点给 ul.element-list 设了 justify-content:space-between,把两个 180px 宽的列两端撑开, 中间留下 24px 空档,且右列贴到面板右缘(右边距=0)。 改为 flex-start 让两列靠拢(中间空档 24→0),省下的宽度自然变成右侧留白(右边距 0→24)。 注:li 宽度 180px 不可再缩——最长标签「转角柱内侧吸附线」内容宽 162.4px,缩了会被截断。 */ .primitive-element-library ul.element-list { justify-content: flex-start !important; } /* ===== 元件库 元素列表:两列中间间距 + 右边距 ===== */ /* 面板可用宽 384px(左内边距 16),两列各 180px,故「中间间距 + 右边距」恒 = 384-360 = 24px。 站点原来:justify-content:space-between → 中间 24px、右边距 0(右列贴面板右缘)。 改为 flex-start + column-gap:12px → 中间留 12px、右边距 12px(不再贴边,中间也不再为 0)。 */ .primitive-element-library ul.element-list { justify-content: flex-start !important; column-gap: 12px !important; } /* 部件库 - 三列 */ html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.tui-tabs.left-sidebar.sidebar-tabs.main-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content div.tui-tabs-pane.tui-tabs-pane-active div.commodity-widget-container.light-commodity-widget div.content div.content-body div.list-data-content-container div.list-data-content div.commodity-list-container div.commodity-list ul.clearfix li.fl, html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.tui-tabs.left-sidebar.sidebar-tabs.main-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content div.tui-tabs-pane.tui-tabs-pane-active div.commodity-widget-container.light-commodity-widget div.content div.content-body div.list-data-content-container div.list-data-content div.commodity-list-container div.commodity-list ul.clearfix li.fl div.commodity-list-item.commodity-list-item-static { width: 112px; } html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.tui-tabs.left-sidebar.sidebar-tabs.main-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content div.tui-tabs-pane.tui-tabs-pane-active div.commodity-widget-container.light-commodity-widget div.content div.content-body div.list-data-content-container div.list-data-content div.commodity-list-container div.commodity-list ul.clearfix li.fl div.commodity-list-item.commodity-list-item-static div.name-box { margin-left: -10px; max-width: 112px !important; width: 112px !important; } .commodity-list-item .name-box, .commodity-list-item .name-box .name { text-align: center; /* font-size: 14px; */ max-width: 112px !important; width: 112px !important; } html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.tui-tabs.left-sidebar.sidebar-tabs.main-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content div.tui-tabs-pane.tui-tabs-pane-active div.commodity-widget-container.light-commodity-widget div.content div.content-body div.list-data-content-container div.list-data-content div.commodity-list-container div.commodity-list ul.clearfix li.fl div.commodity-list-item.commodity-list-item-cat div.preview.select-mode-single, html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.tui-tabs.left-sidebar.sidebar-tabs.main-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content div.tui-tabs-pane.tui-tabs-pane-active div.commodity-widget-container.light-commodity-widget div.content div.content-body div.list-data-content-container div.list-data-content div.commodity-list-container div.commodity-list ul.clearfix li.fl div.commodity-list-item.commodity-list-item-goods div.preview.select-mode-single { margin-left: 20px; } /* ===== 部件库(左栏):卡片图标与标题水平居中 ===== */ /* 根因:section 5/6 给 .name-box 设了 margin-left:-10px,且只给 .-cat/-goods 的 .preview 设了 margin-left:20px, 但 .commodity-list-item-static .preview 没有任何 margin,导致图标贴左、整体左偏。 用 margin-left/right:auto 让图标在卡片内水平居中(与卡片宽度无关,三列/两列通用); 同时把 .name-box 的 -10px 复位为 0,使标题也回到卡片中线。 */ .left-sidebar .commodity-list .commodity-list-item .preview{margin-left:auto!important;margin-right:auto!important} .left-sidebar .commodity-list .commodity-list-item .name-box{margin-left:0!important} /* 系统变量-材质尺寸 */ /* 左栏 系统变量 材质偏移 */ li.clearfix:nth-child(6) > div:nth-child(2) > div:nth-child(1) > p:nth-child(1), li.clearfix:nth-child(6) > div:nth-child(2) > div:nth-child(1) > p:nth-child(3) { margin-left: -100px; /* margin-top: 20px; */ } span.tui-input-new-affix-wrapper:nth-child(2), span.tui-input-new-affix-wrapper:nth-child(4) { margin-top: -20px; } li.clearfix:nth-child(6) > div:nth-child(2) > div:nth-child(1) > p:nth-child(3) { margin-top: 00px !important; } /* 参数项标题 */ .tui-collapse-panel-header { border: 2px solid #ffffff1f; background: #dedee1; } .param-panel-title { max-width: 250px !important; } /* 全局颜色 */ :root { --gradient-start: #c2e59c96; /* 悬停渐变色-开始 */ --gradient-end: #64b3f496; /* 悬停渐变色-结束 */ --hover-color: #00ff187a; /* 悬停颜色 */ --selected-color: #fbea009c; /* 选中项颜色 */ } /* 左栏-参数属性 */ .parameter-list .param-row:hover, /* 左栏-参数编缉 */ li.param-row-editor-list-item:hover, /* 左栏-参数属性-下拉框 */ ul.tui-select-dropdown-menu.tui-select-dropdown-menu-root.tui-select-dropdown-menu-vertical-left li.tui-select-dropdown-menu-item:hover, div.parameditor-util-select div.select-input-dropdown ul.select-input-options li.option-item:hover, .dropdown-menu .dropdown-menu-item:hover, /* 左栏-部件库 */ div.list-data-content div.commodity-list-container div.commodity-list ul.clearfix li.fl:hover, /* 右栏-参数属性 */ .attr-panel .attr-list-block .attr-list-item:hover, /* 右栏-参数属性-下拉框 */ div.item-content div.attr-select-input div.attr-select-input-dropdown ul.select-input-options li.option-item:hover, /* 结构导航 */ .element-tree-row:hover, /* 轮廓编辑 */ html body.tui-body-width-dialog-open div div.tui-dialog-wrap.profile-edit-modal div.tui-dialog div.tui-dialog-body div.profile-content-wrap div.profile-splitter-wrap div.profile-splitter-wrap.tui-splitter-container.tui-splitter-container__horizontal div.tui-splitter-content.tui-splitter-content__horizontal div div.side-shape-menu div.hole-shape-menu ul.hole-shape-list div.hole-shape-list-array li div.tui-text-overflow.hole-shape-list-item.tui-text-overflow-text.tui-text-overflow-single-line:hover, html body.tui-body-width-dialog-open div div.tui-dialog-wrap.profile-edit-modal div.tui-dialog div.tui-dialog-body div.profile-content-wrap div.profile-splitter-wrap div.profile-splitter-wrap.tui-splitter-container.tui-splitter-container__horizontal div.tui-splitter-content.tui-splitter-content__horizontal div div.side-shape-menu div.hole-shape-menu div.hole-shape-add-block:hover, li.tui-menu-item:hover, html body.tui-body-width-dialog-open div div.tui-dialog-wrap.profile-edit-modal div.tui-dialog div.tui-dialog-body div.profile-content-wrap div.profile-panel-wrap div.profile-edit-panel.point-edit-panel div.edit-panel-conent ul.attr-list div ul.attr-list li.attr-list-item div.item-content-container:hover, ul.overview-panel-list li.list-item-wrap.path-overview-panel-point-list-item:hover, /* 公式编辑器 */ html body.tui-body-width-dialog-open div div.tui-dialog-wrap.formula-editor-modal div.tui-dialog div.tui-dialog-body div.formula-editor-dialog-content-wrap div.function-helper-wrap div.content-wrap ul.function-list li.function-list-item:hover, /* 继承参数设置 */ html body.tui-body-width-dialog-open div div.tui-dialog-wrap.inheritance-config-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.element-list-container li.element-item:hover, html body.tui-body-width-dialog-open div div.tui-dialog-wrap.inheritance-config-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.param-list-container li.attr-group-container div.element-param-item:hover, /* 右键菜单 */ .element-list-panel-item-option-bar .element-item-option-item-btn:hover, /* 可修改参数 */ html body.tui-body-width-dialog-open div div.tui-dialog-wrap.instance-override-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.param-list-container li.attr-group-container label.tui-control.tui-checked.tui-checkbox.attr-check-box:hover, html body.tui-body-width-dialog-open div div.tui-dialog-wrap.instance-override-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.param-list-container li.attr-group-container label.tui-control.tui-checkbox.attr-check-box:hover, html body.tui-body-width-dialog-open div div.tui-dialog-wrap.instance-override-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.element-list-container li.element-item:hover, /* 极速建模 */ html body.tui-body-width-dialog-open div div.tui-dialog-wrap div.tui-dialog div.tui-dialog-body div.model-template-list-wrap div.menu-wrap div.param-template-menu-container ul.tui-tree-new li:hover, /* 业务属性 */ html body.tui-body-width-dialog-open div div.tui-dialog-wrap.biz-property-modal div.tui-dialog div.tui-dialog-body div.biz-flex:hover, /* 外部取值 */ html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.assignment-float-container div div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.param-assign-list li.param-assign-item div.parameditor-util-select div.select-input-dropdown ul.select-input-options li.option-item:hover { background: var(--hover-color); } /* 左栏-参数属性-选中项 */ .parameter-list .param-row.selected, /* 左栏-参数属性-下拉框-选中项 */ li.tui-select-dropdown-menu-item.tui-select-dropdown-menu-item-selected, /* 结构导航-选中项 */ .element-tree-row.selected, /* 公式编辑器 */ html body.tui-body-width-dialog-open div div.tui-dialog-wrap.formula-editor-modal div.tui-dialog div.tui-dialog-body div.formula-editor-dialog-content-wrap div.function-helper-wrap div.content-wrap ul.function-list li.function-list-item.selected, /* 右键菜单 */ html body.tui-body-width-dialog-open div div.tui-dialog-wrap.instance-override-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.element-list-container li.element-item.selected { background: var(--selected-color); } html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.tui-tabs.left-sidebar.sidebar-tabs.main-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content div.tui-tabs-pane.tui-tabs-pane-active div.parameter-list div.param-panel-container div.param-row-editor-panel div.param-row-editor-panel-content div.param-row-editor-list-container ul.param-row-editor-list li.clearfix.param-row-editor-list-item div.param-row-editor-list-item-input div.parameter-option-input ul.option-input-list li.option-input-list-item span.tui-input-new-affix-wrapper.tui-input-new-affix-wrapper-m.m.legacySize { border: 2px solid #0b0b0b38 !important; } html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.tui-tabs.left-sidebar.sidebar-tabs.main-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content div.tui-tabs-pane.tui-tabs-pane-active div.parameter-list div.param-panel-container div.param-row-editor-panel div.param-row-editor-panel-content div.param-row-editor-list-container ul.param-row-editor-list li.clearfix.param-row-editor-list-item div.param-row-editor-list-item-input div.parameter-option-input ul.option-input-list { background: #fff; } html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.tui-tabs.left-sidebar.sidebar-tabs.main-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content div.tui-tabs-pane.tui-tabs-pane-active div.parameter-list div.param-panel-container div.param-row-editor-panel div.param-row-editor-panel-content div.param-row-editor-list-container ul.param-row-editor-list li.clearfix.param-row-editor-list-item div.param-row-editor-list-item-input div.parameter-option-input ul.option-input-list li.option-input-list-item :hover { background: var(--hover-color); } /* 公式编辑器 */ html body.tui-body-width-dialog-open div div.tui-dialog-wrap.profile-edit-modal div.tui-dialog div.tui-dialog-body div.profile-content-wrap div.profile-splitter-wrap div.profile-splitter-wrap.tui-splitter-container.tui-splitter-container__horizontal div.tui-splitter-content.tui-splitter-content__horizontal div div.side-shape-menu div.hole-shape-menu ul.hole-shape-list div.hole-shape-list-array li div.tui-text-overflow.hole-shape-list-item.selected.tui-text-overflow-text.tui-text-overflow-single-line { background: #00ff1838; color: #c6c7c7; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.profile-edit-modal div.tui-dialog div.tui-dialog-body div.profile-content-wrap div.profile-splitter-wrap div.profile-splitter-wrap.tui-splitter-container.tui-splitter-container__horizontal div.tui-splitter-content.tui-splitter-content__horizontal div div.side-shape-menu div.hole-shape-menu ul.hole-shape-list div.hole-shape-list-array li div.tui-text-overflow.hole-shape-list-item.tui-text-overflow-text.tui-text-overflow-single-line:hover { color: #c6c7c7; } .side-shape-menu .profile-shape-block.selected { color: #44e4ff; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.profile-edit-modal div.tui-dialog div.tui-dialog-body div.profile-content-wrap div.profile-splitter-wrap div.profile-splitter-wrap.tui-splitter-container.tui-splitter-container__horizontal div.tui-splitter-content.tui-splitter-content__horizontal div div.side-shape-menu button.profile-shape-block.selected { background: #00ff1838; } html body.tui-body-width-dialog-open div div div.tui-select-dropdown.tui-select-xs-dropdown.tui-scrollbar-m.tui-select-dropdown-align-tl-bl.tui-select-dropdown-placement-bottomLeft { border: 2px solid #1a7af8; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.shape-template-modal div.tui-dialog div.tui-dialog-body div.content div.shape-sketch img { background: #fff; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.profile-edit-modal div.tui-dialog div.tui-dialog-body div.profile-content-wrap div.profile-panel-wrap div.profile-edit-panel.point-edit-panel div.edit-panel-conent ul.attr-list li.list-item-wrap.point-edit-panel-attr-list-item div.list-item-content div.select-list-wrap ul.select-list-content.icon-select li.select-list-option.icon-select-option.selected i { color: red; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.profile-edit-modal div.tui-dialog div.tui-dialog-body div.profile-content-wrap div.profile-panel-wrap div.profile-edit-panel.point-edit-panel div.edit-panel-conent ul.attr-list li.list-item-wrap.point-edit-panel-attr-list-item div.list-item-content div.select-list-wrap ul.select-list-content.icon-select li.select-list-option.icon-select-option { background: #f000; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.profile-edit-modal div.tui-dialog div.tui-dialog-body div.profile-content-wrap div.profile-panel-wrap div.profile-edit-panel.point-edit-panel div.edit-panel-footer button.tui-btn.tui-btn--secondary.tui-btn--strength-normal.tui-btn--size-middle.tui-btn--outline.tui-btn--subType-1.tui-btn--shape-normal.tui-btn--block { background: #00ff186b; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.profile-edit-modal div.tui-dialog div.tui-dialog-body div.profile-content-wrap div.profile-panel-wrap div.profile-edit-panel.point-edit-panel div.edit-panel-footer button.tui-btn.tui-btn--secondary.tui-btn--strength-normal.tui-btn--size-middle.tui-btn--outline.tui-btn--subType-1.tui-btn--shape-normal.tui-btn--block:hover { background: #ff000061; } /* 左栏 */ html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.tui-tabs.left-sidebar.sidebar-tabs.main-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content div.tui-tabs-pane.tui-tabs-pane-active div.parameter-list div.param-panel-container { padding-bottom: 1200px; } .parameter-list .param-row { padding: 1px 3px 1px 15px !important; } .parameter-list .param-row .param-row-item.param-row-item-id { flex-basis: 25%; margin-right: 3px; } .parameter-list .param-row .param-row-item { flex-basis: 40%; } html body div div div.tui-select-dropdown.small-select-dropdown.tui-select-xs-dropdown.tui-scrollbar-m.tui-select-dropdown-align-tl-bl.tui-select-dropdown-placement-bottomLeft div ul.tui-select-dropdown-menu.tui-select-dropdown-menu-root.tui-select-dropdown-menu-vertical-left { width: 200px; } .tui-input-new-affix-wrapper-s.legacySize { --input__height: 24px; --input__padding: 3px; } /* 当前项弹出右键菜单时背景 */ .parameter-list .parameter-row-container.has-context-menu { background: var(--hover-color); ; } /* 创建变量分组菜单 */ .parameter-panel-context-menu .parameter-panel-option-item-btn { /* font-size: 16px; */ min-width: 130px; width: 120px; } /* 全局变量图标 */ .global-icon { margin-bottom: 0px !important; } .parameter-list .param-row .global-icon { font-size: 12px !important; color: #f00; width: 14px; } div.global-icon > i { color: #f00; } .param-row::before, .param-quanju::before { font-size: 14px !important; } div.param-row > div.param-row-item.param-row-item-name, div.param-row > div.param-row-item.param-row-item-id { padding-top: 8px; } /* 左栏变量分组标题栏:高度与右栏统一(36px) */ .tui-collapse-panel-header:has(.param-panel-title) { height: 36px !important; min-height: 36px !important; } .tui-collapse-panel-header .param-panel-title, .tui-collapse-panel-header .param-panel-header-container, .tui-collapse-panel-header .tui-collapse-panel-title-content, .tui-collapse-panel-header .tui-collapse-panel-title-content-text { height: 32px !important; line-height: 32px !important; } /* 左栏_CZ 预览图 */ .parameditor-goods-preview-popover-content .info img { margin-left: 8px; width: 300px !important; height: 300px !important; } /* CZ 预览图 材质名称 */ .parameditor-goods-preview-popover-content .info p { margin-left: 15px; width: 100% !important; color: #000; margin-top: 5px; /* font-size: 20px; */ } /* CZ 预览图 商品详情 */ .parameditor-goods-preview-popover-content .mask .detail-button { margin-top: 10px; margin-left: 18px; padding-left: 0px; } /* 左栏-参数编缉 */ .param-row-editor-panel { left: 370px !important; } html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.tui-tabs.left-sidebar.sidebar-tabs.main-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content div.tui-tabs-pane.tui-tabs-pane-active div.parameter-list div.param-panel-container div.param-row-editor-panel { margin-left: 30px; } html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.tui-tabs.left-sidebar.sidebar-tabs.main-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content div.tui-tabs-pane.tui-tabs-pane-active div.parameter-list div.param-panel-container div.param-row-editor-panel div.param-row-editor-panel-content div.param-row-editor-list-container ul.param-row-editor-list { padding: 0px; } li.param-row-editor-list-item { display: flex !important; padding: 4px 16px 4px 16px !important; } .param-row-editor-panel .param-row-editor-panel-content .param-row-editor-list-container { width: 430px; } html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.tui-tabs.left-sidebar.sidebar-tabs.main-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content div.tui-tabs-pane.tui-tabs-pane-active div.parameter-list div.param-panel-container div.param-row-editor-panel div.param-row-editor-panel-content div.param-row-editor-list-container ul.param-row-editor-list { padding-bottom: 200px } /* 属性名称 */ html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.tui-tabs.left-sidebar.sidebar-tabs.main-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content div.tui-tabs-pane.tui-tabs-pane-active div.parameter-list div.param-panel-container div.param-row-editor-panel div.param-row-editor-panel-content div.param-row-editor-list-container ul.param-row-editor-list li.clearfix.param-row-editor-list-item div.param-row-editor-list-item-title { width: 100px; } .param-row-editor-panel .param-row-editor-panel-content .param-row-editor-list-container .param-row-editor-list .param-row-editor-list-item .param-row-editor-list-item-input { width: 300px; } li.param-row-editor-list-item:nth-child(1) { margin-top: 16px; } li.action-item { margin: 0px 5px; } html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.tui-tabs.left-sidebar.sidebar-tabs.main-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content div.tui-tabs-pane.tui-tabs-pane-active div.parameter-list div.param-panel-container div.param-row-editor-panel div.param-row-editor-panel-content div.param-row-editor-list-container ul.param-row-editor-list li.clearfix.param-row-editor-list-item div.param-row-editor-list-item-input div.parameter-option-input ul.option-input-list { height: auto !important; margin-top: 25px !important; } html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.tui-tabs.left-sidebar.sidebar-tabs.main-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content div.tui-tabs-pane.tui-tabs-pane-active div.parameter-list div.param-panel-container div.param-row-editor-panel div.param-row-editor-panel-content div.param-row-editor-list-container ul.param-row-editor-list li.clearfix.param-row-editor-list-item div.param-row-editor-list-item-input div.parameter-simple-option-input ul.simple-option-input-list { height: auto !important; } ul.select-input-options { height: auto !important; } /* 下弹出选单 */ .tui-select-dropdown { z-index: 1001; border: 2px solid #0062ff; } /* 可选项 子项 菜单 */ html body div div div.tui-popover.tui-popover-align-cl-cr.tui-popover-placement-right { width: 320px; /* clip-path: polygon(2% 41%, 2% 0, 100% 0, 100% 100%, 2% 100%, 2% 58%, 0% 50%); */ clip-path: polygon(12px 41%, 12px 0, 100% 0, 100% 100%, 12px 100%, 12px 58%, 0% 50%); background: #B3A0A0; } html body div div div.tui-popover.tui-popover-align-cl-cr.tui-popover-placement-right div.option-assist-input-popup.visible { margin-left: 15px; background: #FFF; } html body div div div.tui-popover.tui-popover-align-cl-cr.tui-popover-placement-right div.option-assist-input-popup.visible div.assist-item.assist-item-ignore, html body div div div.tui-popover.tui-popover-align-cl-cr.tui-popover-placement-right div.option-assist-input-popup.visible div.assist-item { margin-top: 4px; margin-bottom: 4px; } .option-assist-input-popup { margin: 2px; } /* 可选项 子项 隐藏条件 */ html body div div div.tui-popover.tui-popover-align-cl-cr.tui-popover-placement-right div.option-assist-input-popup.visible div.assist-item.assist-item-ignore div.auto-input-container { margin-left: 70px; margin-top: -23px !important; width: 220px !important; } /* 可选项 子项 展示名 */ html body div div div.tui-popover.tui-popover-align-cl-cr.tui-popover-placement-right div.option-assist-input-popup.visible div.assist-item span.tui-input-new-affix-wrapper.tui-input-new-affix-wrapper-m.m.legacySize { margin-left: 70px; margin-top: -23px; width: 196px !important; } /* 可选项 子项 优先权重 */ html body div div div.tui-popover.tui-popover-align-cl-cr.tui-popover-placement-right div.option-assist-input-popup.visible div.assist-item.assist-item-priority div.auto-input-container { margin-left: 70px; margin-top: -23px !important; width: 220px !important; } /* 复合公式 */ html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.tui-tabs.left-sidebar.sidebar-tabs.main-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content div.tui-tabs-pane.tui-tabs-pane-active div.parameter-list div.param-panel-container div.param-row-editor-panel div.param-row-editor-panel-content div.param-row-editor-list-container ul.param-row-editor-list li.clearfix.param-row-editor-list-item div.param-row-editor-list-item-input div.e-radio-group.tui-radio-group-new label.tui-control-new.tui-checked.tui-inline.tui-control-new--size-s.tui-control-new--strength-normal.tui-radio-new span.tui-control-new-indicator { display: inline; } /* 右栏 */ html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.right-sidebar div.attr-panel div.sidebar-content { padding-bottom: 800px; } .attr-panel .attr-list-block .attr-list-item { display: inline-flex; margin-top: 0px; margin-bottom: 0px; } .tui-collapse .tui-collapse-panel-header { font-size: 18px !important; } .tui-collapse-panel-content * { font-size: 16px !important; } .param-inherit-new .param-iconfont { /* border: solid 1px #F00; */ color: #f00 !important; } .param-inherit-new:hover .inherit-icon { color: #f00 !important; } /* 属性标题 */ .item-title { width: 140px !important; margin-top: 8px; } /* 属性值 */ ul.attr-list.attr-list-block li.attr-list-item div.item-content-container { width: 230px; margin-top: 4px; margin-bottom: 4px; } li.auto-attr-list-item { width: 370px; } /* 子属性 */ ul.attr-list.attr-list-block li.attr-list-item.auto-attr-list-item div.item-content-container div.item-content div.input-n div.input-n-content { display: inline-flex; } /* 子属性标题 */ ul.attr-list.attr-list-block li.attr-list-item.auto-attr-list-item div.item-content-container div.item-content div.input-n div.input-n-content p { width: 146px !important; } /* 子属性值 */ ul.attr-list.attr-list-block li.attr-list-item.auto-attr-list-item div.item-content-container div.item-content div.input-n div.input-n-content div.auto-input-container { width: 230px !important; } /* 右栏 子属性名称 XYZ */ .attr-panel .attr-list-block .auto-attr-list-item p .color-red, .attr-panel .attr-list-block .auto-attr-list-item p .color-green, .attr-panel .attr-list-block .auto-attr-list-item p .color-blue { margin-left: 5px; /* font-size: 18px; */ } /* 右栏 属性 下拉框 */ div.attr-select-input div.attr-select-input-dropdown { margin-left: -140px; width: 370px; height: auto !important; background: #fff !important; border: 2px solid #1a7af8; } .attr-select-input .attr-select-input-dropdown .select-input-options { display: block; height: auto !important; max-height: 1000px !important; } .attr-select-input .attr-select-input-dropdown .select-input-options .option-item { width: 300px !important; } div.attr-select-input div.attr-select-input-dropdown ul.select-input-options a.lock { margin-top: -26px !important; margin-left: 330px; width: 80px; } .tui-select-dropdown-menu * { font-size: 16px; } /* html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.right-sidebar div.attr-panel div.sidebar-content ul.element-attr-groups li li.attr-group-container ul.attr-list.attr-list-block li.attr-list-item { width: 100%; } li.attr-group-container:nth-child(2) * .attr-list-item div.item-content-container { width: 400px !important; } li.attr-group-container:nth-child(2) * .item-content > p { width: 170px !important; } li.attr-group-container:nth-child(2) * .item-content > div.attr-select-input { width: 205px; margin-top: 4px; margin-bottom: 4px; } */ li.attr-group-container:nth-child(2) * .item-content { display: inline-flex; margin-top: 0px; margin-bottom: 0px; font-size: 16px !important; } li.attr-group-container:nth-child(2) * .item-content > p { width: 150px !important; } div.item-content-exception.warn * { margin-top: 3px; } .attr-panel .attr-list-block .attr-list-item .item-content-container .item-content .multi-input-select-wrap .select-wrap { width: 30%; } .attr-panel .attr-list-block .attr-list-item .item-content-container .item-content .multi-input-select-wrap .input-wrap { width: 70%; } .auto-input-recommends { border: 2px solid #f00 !important; } html body div div div.tui-tooltip.tui-tooltip-align-bc-tc.tui-tooltip-placement-top { margin-top: 100px; } html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.right-sidebar div.attr-panel div.sidebar-content ul.element-attr-groups li li.attr-group-container div.tui-collapse.attr-group div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.attr-list.attr-list-block, ul.attr-list.attr-list-block li.attr-list-item.auto-attr-list-item div.item-content-container div.item-content div.input-n div.input-n-content { width: 400px !important; margin-top: 4px; margin-bottom: 4px; } /* html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.right-sidebar div.attr-panel div.sidebar-content ul.element-attr-groups li li.attr-group-container div.tui-collapse.attr-group div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.attr-list.attr-list-block li.attr-list-item.auto-attr-list-item div.item-content-container div.item-content div.input-n div.input-n-content p { width: 140px !important; } */ .attr-panel div.item-content-container:nth-child(1) > div:nth-child(1){ display: flex; } li.attr-group-container:nth-child(2) * .item-content > p { width: 130px !important; } .attr-panel div.item-content-container:nth-child(1) > div:nth-child(1) > p:nth-child(1) > span:nth-child(1) { display: inline-block; max-width: 7em; /* 限制宽度,约8个字符 */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .attr-panel div.attr-select-input:nth-child(2) > div:nth-child(1) { width: 240px !important; margin-left: 17px !important; } html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.right-sidebar div.attr-panel div.sidebar-content ul.element-attr-groups li li.attr-group-container ul.attr-list.attr-list-block li.attr-list-item div.item-content-container div.item-content p i.param-iconfont.param-xiangqing{ display: none; } /* ===== 参数化轮廓使用映射:名称独占一行 + 子项同行 ===== */ /* 行改为纵向:名称一行,下面每个子项一行 */ .attr-list-item:has(.param-profile-config) { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 376px !important; } .attr-list-item:has(.param-profile-config) .item-content-container { width: 100% !important; } .attr-list-item:has(.param-profile-config) .item-content { flex-direction: column !important; width: 100% !important; } /* 名称独占一行,完整显示(特异性需高于 li.attr-group-container:nth-child(2) * .item-content > p) */ li.attr-list-item:has(.param-profile-config) .item-content-container > .item-content > p { flex: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 8px 0 6px 0 !important; overflow: visible !important; white-space: normal !important; text-overflow: clip !important; } /* 子项容器撑满整行 */ li.attr-list-item:has(.param-profile-config) .item-content-container > .item-content > .param-profile-config { flex: none !important; width: 100% !important; max-width: none !important; } /* 子项:标签与输入框同一行 */ .attr-list-item .param-profile-config .item-input { display: flex !important; align-items: center !important; margin-bottom: 6px !important; } .attr-list-item .param-profile-config .item-input > p { flex: 0 0 140px !important; width: 140px !important; margin: 0 6px 0 0 !important; } .attr-list-item .param-profile-config .item-input .auto-input-container { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin-bottom: 0 !important; box-sizing: border-box !important; } /* 名称完整显示(覆盖 span 自带 max-width:112px) */ li.attr-list-item:has(.param-profile-config) .item-content-container > .item-content > p > span { display: inline !important; max-width: none !important; overflow: visible !important; text-overflow: clip !important; white-space: normal !important; } /* 行上方间距收齐(抵消分组间距 15px) */ li.attr-group-container:has(.param-profile-config) { margin-top: -15px !important; } .attr-list-item:has(.param-profile-config) .item-content-container { margin-top: 0 !important; } /* 右栏折叠面板之间留间隙(与左栏一致) */ .attr-panel .tui-collapse-panel { margin-bottom: 1px !important; } /* ===== 右栏:disabled-attribute-input(只读属性值)由「一条线」还原成与默认输入框等大的框 ===== */ /* 站点规则 .disabled-attribute-input 只设了 padding/line-height:22px/border,没设 height; 当该只读属性的值为空时,元素塌成只有上下边框的高度(0 + 0.8×2 = 1.6px)→ 看起来是一条线。 补上 24px 高度(与 .auto-input-base input 的 24px、宽 230 一致),空值也显示为正常输入框大小的框。 */ .disabled-attribute-input { height: 24px !important; } /* ===== 右栏 下拉选项「值描述」不再被截断(true→t…、false→f…) ===== */ /* 油猴脚本「KJL后台-属性项添加锁定值」注入的样式里给 .attr-select-input .attr-select-input-dropdown .select-input-options .option-item .option-label .description 设了 width:30px !important;16px 字号下 true 需 32px、false 需 40px → 被 text-overflow:ellipsis 截成 t…/f…。 这里用「多一个元素类型 div」提高特异性(0,6,1 > 0,6,0),配合同名 !important 覆盖, 不依赖样式表先后顺序(避免与油猴样式互相抢优先级)。 */ .attr-select-input .attr-select-input-dropdown .select-input-options .option-item .option-label div.description { width: auto !important; flex: 0 0 auto !important; max-width: 130px; } /* ===== 右栏 物理属性 X/Y/Z 子行:行距与「尺寸属性」一致(pitch 32 + 框高 24) ===== */ /* 「位置 X/Y/Z」「旋转 X/Y/Z」这类 auto-attr-list-item 的子行原本: 子行 pitch = 36(可视框高 28 + 上下 margin 4+4),且「位置组」与「旋转组」之间还多 8px(pitch 44)。 而「尺寸属性」的标准行是 pitch 32(框高 24 + gap 8)。 两处根因:① 内层 .auto-input-container 是 box-sizing:content-box + padding:2px 0 → 渲染高 24+4 = 28; ② 子行 .input-n-content 与 .item-content-container 各带 margin 4px 0(我们 section 14 早先设置),把行距撑到 36、组间撑到 44。 这里把两层 margin 归零、子行固定 32 高,并让 24 高的框垂直居中 → 框间 gap = 8,整段行距与标准行完全一致。 */ li.attr-list-item.auto-attr-list-item div.item-content-container { margin-top: 0 !important; margin-bottom: 0 !important; } li.attr-list-item.auto-attr-list-item div.item-content-container div.item-content div.input-n div.input-n-content { height: 32px !important; margin-top: 0 !important; margin-bottom: 0 !important; display: flex !important; align-items: center !important; } li.attr-list-item.auto-attr-list-item div.item-content-container div.item-content div.input-n div.input-n-content .auto-input-container { height: 24px !important; box-sizing: border-box !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* ===== /* ===== /* ===== /* ===== 右栏 特殊行「工具中对外干涉切割」 */ /* 特殊行(无 .item-title):标签固定 146px 列(过长三点收起),值控件固定 230px 列 → 与标准行逐像素对齐 */ .attr-panel li.attr-list-item:not(:has(> .item-title)):has(> .item-content-container > .item-content > .attr-select-input, > .item-content-container > .item-content > .auto-input-container, > .item-content-container > .item-content > input.tui-input-new) { width: 376px !important; align-items: center !important; } .attr-panel li.attr-list-item:not(:has(> .item-title)):has(> .item-content-container > .item-content > .attr-select-input, > .item-content-container > .item-content > .auto-input-container, > .item-content-container > .item-content > input.tui-input-new) > .item-content-container { width: 376px !important; margin-top: 0 !important; margin-bottom: 0 !important; } .attr-panel li.attr-list-item:not(:has(> .item-title)):has(> .item-content-container > .item-content > .attr-select-input, > .item-content-container > .item-content > .auto-input-container, > .item-content-container > .item-content > input.tui-input-new) > .item-content-container > .item-content { display: flex !important; align-items: center !important; width: 376px !important; } .attr-panel li.attr-list-item:not(:has(> .item-title)):has(> .item-content-container > .item-content > .attr-select-input, > .item-content-container > .item-content > .auto-input-container, > .item-content-container > .item-content > input.tui-input-new) > .item-content-container > .item-content > p { flex: 0 0 146px !important; width: 146px !important; min-width: 146px !important; max-width: 146px !important; margin: 0 !important; padding: 2px 0 !important; box-sizing: border-box !important; overflow: hidden !important; } .attr-panel li.attr-list-item:not(:has(> .item-title)):has(> .item-content-container > .item-content > .attr-select-input, > .item-content-container > .item-content > .auto-input-container, > .item-content-container > .item-content > input.tui-input-new) > .item-content-container > .item-content > p > span { display: inline-block !important; width: auto !important; max-width: 100% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .attr-panel li.attr-list-item:not(:has(> .item-title)):has(> .item-content-container > .item-content > .attr-select-input, > .item-content-container > .item-content > .auto-input-container, > .item-content-container > .item-content > input.tui-input-new) > .item-content-container > .item-content > .attr-select-input, .attr-panel li.attr-list-item:not(:has(> .item-title)):has(> .item-content-container > .item-content > .attr-select-input, > .item-content-container > .item-content > .auto-input-container, > .item-content-container > .item-content > input.tui-input-new) > .item-content-container > .item-content > .auto-input-container, .attr-panel li.attr-list-item:not(:has(> .item-title)):has(> .item-content-container > .item-content > .attr-select-input, > .item-content-container > .item-content > .auto-input-container, > .item-content-container > .item-content > input.tui-input-new) > .item-content-container > .item-content > input.tui-input-new { flex: 0 0 230px !important; width: 230px !important; min-width: 0 !important; max-width: 230px !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* 覆盖我们自己遗留的 nth-child 规则 \`.attr-panel div.attr-select-input:nth-child(2) > div:nth-child(1){width:240px;margin-left:17px}\` —— 该规则会把特殊行的可见下拉框(widget)右推 17px 并加宽到 240px;这里恢复为与标准行一致(100% / 0 边距) */ .attr-panel li.attr-list-item:not(:has(> .item-title)):has(> .item-content-container > .item-content > .attr-select-input) > .item-content-container > .item-content > .attr-select-input > .attr-select-input-widget { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } /* ===== 右栏 物理属性「吸附线X/Y方向」单选:竖排改一行显示 ===== */ /* 站点默认:.item-content > div(无 class)= flex + flex-direction:column,且 label.tui-radio display:block 宽 222 → 两项竖排 */ div.item-content > div:has(> label.tui-control.tui-radio) { flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 16px !important; } div.item-content > div:has(> label.tui-control.tui-radio) > label.tui-control.tui-radio { flex: 0 0 auto !important; width: auto !important; max-width: none !important; margin: 0 !important; } /* 垂直居中:ul/容器为 block 且 .item-content(h=18) 落在 .item-content-container(h=20) 顶部, 导致单选组中心比行中心高 1px;下推 1px 使其与下拉框值列(rel 0.0) 对齐 */ div.item-content > div:has(> label.tui-control.tui-radio) { margin-top: 1px !important; } /* ===== 下拉选项 label/description:宽度自适应(消除文本截断) ===== */ /* 站点给 .parameditor-util-select 下拉 .option-item 的 .label/.description 钉死 60%/40%: 代码列 label 短却占 131px、名称列 description 仅 87px → 长中文名(如「客供门铰孔直径」112px)被省略号截断。 改为按内容自适应:label 可收缩、description 不裁切,实测截断 5 → 0 且下拉不溢出。 */ .parameditor-util-select .select-input-dropdown .select-input-options .option-item .label { width: auto !important; flex: 0 1 auto !important; min-width: 0 !important; } .parameditor-util-select .select-input-dropdown .select-input-options .option-item .description { width: auto !important; max-width: none !important; flex: 0 1 auto !important; } /* ===== 右栏 无标题特殊行:行高补足 32px + 标签文字居中 ===== */ /* 「前端使用属性」下动态生成的行(加工方向/深度/直径/标签/刀具编号)没有 .item-title, .item-content-container 上下 margin 为 0 → 行高只有 26.4px、pitch 26.4(标准行为 32); 且标签 p 的行盒(18) 在内容盒(22.4) 内基线贴顶 → 文字比行中心高约 2.2px。 补 min-height:32 并把 p 改成 flex 居中,实测 pitch 26.4→32、标签文字中心 −2.8→−0.6(标准行 +0.4)。 */ .attr-panel li.attr-list-item:not(:has(> .item-title)) { min-height: 32px !important; } .attr-panel li.attr-list-item:not(:has(> .item-title)) > .item-content-container > .item-content > p { display: flex !important; align-items: center !important; } /* 右栏 商品 */ .attr-panel .attr-list-container.element-self-attr .attr-list-item { display: flex; } /* 右栏 编缉商品名称 */ .sidebar-header { display: inline-flex; } .option-button { display: none !important; } div.name-editor { width: 360px !important; } div.name-editor .tui-input.name-change-input { width: 320px !important; } /* 右栏 商品图片 */ div.item-content-container div.item-content div.product-name div.parameditor-goods-preview.goods-preview { margin-top: 20px; margin-left: -120px; } .tui-text-overflow-multiple-line.tui-text-overflow-multiple-line { max-width: 300px !important; width: 300px !important; /* font-size: 18px !important; */ } /* html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.right-sidebar div.attr-panel div.sidebar-content ul.attr-list-container.element-self-attr li.attr-list-item div.item-content-container div.item-content div.product-name div div.name-link div.tui-text-overflow.tui-text-overflow-text.tui-text-overflow-single-line { max-width: 210px !important; width: 210px !important; /* 引用名 */ html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.right-sidebar div.attr-panel div.sidebar-content ul.attr-list-container.element-self-attr li.attr-list-item div.item-content-container div.item-content span.tui-input-new-affix-wrapper.tui-input-new-affix-wrapper-m.m.legacySize { width: 193px !important; } /* 普通板件类型 */ html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.right-sidebar div.attr-panel div.sidebar-content ul.attr-list-container.element-self-attr li.attr-list-item div.item-content-container div.item-content { /* margin-top: -20px; */ width: 217px; /* margin-left: 120px; */ } div.name-link div.tui-text-overflow.tui-text-overflow-text.tui-text-overflow-single-line:hover { color: #fd00fd !important; } .name-link { width: 220px !important; margin-right: 10px; } html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.right-sidebar div.attr-panel div.sidebar-content ul.element-attr-groups li li.attr-group-container div.tui-collapse.attr-group div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.attr-list.attr-list-block li.attr-list-item div.item-content-container div.item-content div.change-plain-text div.plain-text-input { width: 118px; } ::selection { background: #1890ff; color: #fff; } /* ===== 右栏商品行:内容垂直居中 ===== */ /* 原因:section 14「右栏」的全局 \`.item-title { margin-top: 8px }\` 把标题下压 8px, */ /* 行高被撑到 32px;而值容器 .item-content-container 内容贴顶 → 标题比值低 8px,看起来没居中。 */ /* 修复:本行 flex 垂直居中(标题 margin-top 归零),行高维持 32px(min-height)。 */ .attr-panel .attr-list-container.element-self-attr > li.attr-list-item { align-items: center !important; min-height: 32px !important; } .attr-panel .attr-list-container.element-self-attr > li.attr-list-item > .item-title { margin-top: 0 !important; } /* 右栏-图片设置 */ html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.right-sidebar div.attr-panel div.sidebar-content ul.element-attr-groups li li.attr-group-container div.tui-collapse.attr-group div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.attr-list li.attr-list-item div.item-content-container div.item-content div.image-input-wrap div.image-input-content img.image-input-image { width: 100% !important; height: 100% !important; } /* 图片设置:两列并排(标题在卡片上方) */ ul.attr-list:has(#attr-list-item-goodsInfo-coverImgUrl) { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; padding: 0 12px !important; box-sizing: border-box !important; } ul.attr-list:has(#attr-list-item-goodsInfo-coverImgUrl) > li.attr-list-item { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; width: 50% !important; height: auto !important; margin: 0 0 12px 0 !important; padding: 0 6px !important; box-sizing: border-box !important; } ul.attr-list:has(#attr-list-item-goodsInfo-coverImgUrl) > li.attr-list-item > .item-title { width: 100% !important; height: auto !important; margin: 0 0 4px 0 !important; line-height: 22px !important; } ul.attr-list:has(#attr-list-item-goodsInfo-coverImgUrl) > li.attr-list-item > .item-content-container, ul.attr-list:has(#attr-list-item-goodsInfo-coverImgUrl) > li.attr-list-item > .item-content-container > .item-content { width: 100% !important; height: auto !important; display: block !important; } ul.attr-list:has(#attr-list-item-goodsInfo-coverImgUrl) .image-input-wrap { width: 175px !important; height: 175px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; } ul.attr-list:has(#attr-list-item-goodsInfo-coverImgUrl) .empty-placeholder { width: 100% !important; height: 100% !important; background: transparent !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* 图片设置:图片撑满卡片 */ ul.attr-list:has(#attr-list-item-goodsInfo-coverImgUrl) .image-input-content { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; } ul.attr-list:has(#attr-list-item-goodsInfo-coverImgUrl) .mask { width: 100% !important; height: 100% !important; } /* 右上角按钮 */ html body div#react-slot div.param-editor div.topbar div.actions div#topbar-operation-btn-edit.operation-btn, html body div#react-slot div.param-editor div.topbar div.actions span#topbar-operation-btn-paramModelDiagnosis.operation-btn { display: none; } /* 自定义按钮 */ /* ul.tui-tree-new:nth-child(2) > li:nth-child(1) > span:nth-child(1) > span:nth-child(2) > div:nth-child(1) > div:nth-child(1) > span:nth-child(1) > span:nth-child(1) > span:nth-child(1) { width: calc(100%-80px); } */ /* html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.floatingPanel { top: -10px; left: 0px; right: 0px; background: rgba(125, 123, 123, .32); } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.floatingPanel button.floating-panel-button:hover { color: #2d98f9; cursor: pointer; } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.floatingPanel button.floating-panel-button { font-size: 18px; width: auto; margin: 5px; } button.floating-panel-button:nth-child(6){ margin-left: 50px !important; } */ /* 结构导航 */ .tui-tree-new.tui-tree-new-block-node .tui-tree-new-node { cursor: default; } .fwwEgA { cursor: pointer; /* font-size: 18px; */ } /* html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded { margin-top:38px; } */ html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.folded div.floating-panel-trigger i.fs16.param-iconfont.param-jiegoudaohang { background: rgba(0, 0, 0, 0); } .floating-area > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) { margin-right: 10px; background: rgba(0, 0, 0, 0); } .floating-area > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) { /* margin-right:50px; margin-top:-38px; */ background: rgba(0, 0, 0, 0); } div.element-tree-row-title.invisible div.tui-text-overflow.element-tree-row-title-text.tui-text-overflow-text.tui-text-overflow-single-line { /* font-size: 16px !important; */ color: #9c9c9cd1; } /* 结构导航分组节点:与分组标题栏同款式(36px / 行高 32px) */ .tui-tree-new-node:has(> .tui-tree-new-node-content > .tui-tree-new-node-switcher:not([class*="leaf"])) { background-color: #dedee1 !important; } .tui-tree-new-node:has(> .tui-tree-new-node-content > .tui-tree-new-node-switcher:not([class*="leaf"])) { padding-top: 2px !important; padding-bottom: 2px !important; box-sizing: content-box !important; margin-bottom: 1px !important; } .tui-tree-new-node:has(> .tui-tree-new-node-content > .tui-tree-new-node-switcher:not([class*="leaf"])) > .tui-tree-new-node-content, .tui-tree-new-node:has(> .tui-tree-new-node-content > .tui-tree-new-node-switcher:not([class*="leaf"])) .tui-tree-new-node-switcher, .tui-tree-new-node:has(> .tui-tree-new-node-content > .tui-tree-new-node-switcher:not([class*="leaf"])) .tui-tree-new-node-title, .tui-tree-new-node:has(> .tui-tree-new-node-content > .tui-tree-new-node-switcher:not([class*="leaf"])) .tui-tree-new-title-title-wrapper, .tui-tree-new-node:has(> .tui-tree-new-node-content > .tui-tree-new-node-switcher:not([class*="leaf"])) .tui-tree-new-title-content, .tui-tree-new-node:has(> .tui-tree-new-node-content > .tui-tree-new-node-switcher:not([class*="leaf"])) .tui-tree-new-title-text-wrapper, .tui-tree-new-node:has(> .tui-tree-new-node-content > .tui-tree-new-node-switcher:not([class*="leaf"])) .tui-tree-new-title-text { height: 32px !important; line-height: 32px !important; } /* 隐藏滚动条 */ * { scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 和 Edge */ } * ::-webkit-scrollbar { width: 0px !important; } /* 主界面 */ /* 确认对话框 */ html body.tui-body-width-dialog-open div div.tui-dialog-wrap.tui-dialog-confirm.tui-dialog-confirm-warn div.tui-dialog div.tui-dialog-body div.tui-dialog-confirm-wrap { margin: 30px 10px; } /* 顶部菜单 */ .dropdown-menu .dropdown-menu-item .dropdown-menu-item-inner { line-height: 20px; /* font-size: 16px; */ } /* 布尔配置 */ #react-slot > div > div.main-block > div.canvas-container > div.floating-area > div:nth-child(10) > div.mola-floating-panel.not-folded { right: 300px!important; } /* 模型编缉器-材质部位 */ html body div div div.tui-popover.tui-popover-align-tr-br.tui-popover-placement-bottomRight { border: 2px solid #1a7af8; } html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.right-sidebar div.attr-panel div.sidebar-content ul.element-attr-groups li li.attr-group-container div.tui-collapse.attr-group div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.attr-list.attr-list-block li.attr-list-item.wrap div.item-content-container { margin-left: 125px; } .mesh-instance-item { margin-bottom: 4px; padding: 2px; background: #0000; border-radius: 4px; } html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.right-sidebar div.attr-panel div.sidebar-content ul.element-attr-groups li li.attr-group-container div.tui-collapse.attr-group div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.attr-list.attr-list-block li.attr-list-item.wrap div.item-content-container div.item-content div.mesh-instance-item div div.tui-text-overflow.mesh-item-title.tui-text-overflow-text.tui-text-overflow-single-line { margin-left: -125px; /* max-width: 120px !important; */ /* width: 120px !important; */ } .texture-info-input-container .info-item { padding: 0 10px; } .texture-info-input-container .info-item .info-item-title, html body div div div.tui-popover.tui-popover-align-tr-br.tui-popover-placement-bottomRight div.texture-info-input-container li.info-item div.info-item-input-container div.info-item-input div span.tui-input-new-affix-wrapper.tui-input-new-affix-wrapper-m.m.legacySize input.tui-input-new.tui-input-new-m { width: 80px !important; /* font-size: 18px; */ } .texture-info-input-container .info-item { display: flex !important; } html body div div div.tui-popover.tui-popover-align-tr-br.tui-popover-placement-bottomRight div.texture-info-input-container li.info-item div.info-item-input-container div.info-item-input div.input-n div.input-n-content { display: flex !important; } html body div div div.tui-popover.tui-popover-align-tr-br.tui-popover-placement-bottomRight div.texture-info-input-container li.info-item div.info-item-input-container div.info-item-input div.input-n div.input-n-content p { margin-left: -90px; margin-right: 9px; /* font-size: 18px; */ } /* 添加到变量模板 */ html body.tui-body-width-dialog-open div div.tui-dialog-wrap.param-template-adding-modal div.tui-dialog { height: calc(100% - 240px) !important; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.file-modal.commodity-modal div.tui-dialog { margin-right: 20px !important; width: calc(100% - 730px) !important; } /* html body.tui-body-width-dialog-open div div.tui-dialog-wrap.param-template-adding-modal div.tui-dialog * { font-size: 20px; } */ /* 自定义变量模板 */ html body.tui-body-width-dialog-open div div.tui-dialog-wrap.template-parameter-modal div.tui-dialog { height: 1000px !important; width: 1200px !important; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.template-parameter-modal div.tui-dialog div.tui-dialog-body div.template-parameter-modal-content-container div.template-parameter-modal-tabs-container div.tui-tabs.template-parameter-modal-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content.tui-tabs-content-animated div.tui-tabs-pane.tui-tabs-pane-active div.template-parameter-select-widget { height: 830px !important; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.template-parameter-modal div.tui-dialog div.tui-dialog-body div.template-parameter-modal-content-container div.template-parameter-modal-tabs-container div.tui-tabs.template-parameter-modal-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content.tui-tabs-content-animated div.tui-tabs-pane.tui-tabs-pane-active div.template-parameter-select-widget div.list-container.list-container-searching div.tui-table-wrapper div.tui-spinner-wrapper div.tui-spinner-children div.tui-table.template-param-list.tui-table-s.tui-table-fixed-header.tui-table-scroll-position-left.tui-table-layout-fixed div.tui-table-content div.tui-table-scroll div.tui-table-body.tui-scrollbar-m { max-height: 750px !important; height: 730px !important; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.template-parameter-modal div.tui-dialog div.tui-dialog-body div.template-parameter-modal-content-container div.template-parameter-modal-tabs-container div.tui-tabs.template-parameter-modal-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content.tui-tabs-content-animated div.tui-tabs-pane.tui-tabs-pane-active div.template-parameter-select-widget div.list-container.list-container-searching div.tui-table-wrapper div.tui-spinner-wrapper div.tui-spinner-children div.tui-pagination.tui-table-pagination.tui-table-pagination-right.tui-table-pagination-bottom { margin-bottom: 0px !important; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.template-parameter-modal div.tui-dialog div.tui-dialog-body div.template-parameter-modal-content-container div.template-parameter-modal-tabs-container div.tui-tabs.template-parameter-modal-tabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content.tui-tabs-content-animated div.tui-tabs-pane.tui-tabs-pane-activediv.menu-container { max-height: calc(100% - 0px) !important; height: 100% !important; width: 400px !important; } /* html body.tui-body-width-dialog-open div div.tui-dialog-wrap.template-parameter-modal div.tui-dialog * { font-size: 20px; } */ html body div div div.tui-trigger-popup.tui-trigger-popup-align-tl-bl.tui-trigger-popup-placement-bottomLeft div.tui-cascader-menu.tui-cascader-sm-menu { width: 370px !important; margin-left: -140px !important; box-sizing: border-box !important; border: 2px solid #1a7af8; padding-bottom: 6px !important; } html body div div div.tui-trigger-popup.tui-trigger-popup-align-tl-bl.tui-trigger-popup-placement-bottomLeft div.tui-cascader-menu.tui-cascader-sm-menu ul.tui-cascader-menu-header, html body div div div.tui-trigger-popup.tui-trigger-popup-align-tl-bl.tui-trigger-popup-placement-bottomLeft div.tui-cascader-menu.tui-cascader-sm-menu ul.tui-cascader-menu-content { display: flex !important; width: 100% !important; box-sizing: border-box !important; } html body div div div.tui-trigger-popup.tui-trigger-popup-align-tl-bl.tui-trigger-popup-placement-bottomLeft div.tui-cascader-menu.tui-cascader-sm-menu ul.tui-cascader-menu-header li, html body div div div.tui-trigger-popup.tui-trigger-popup-align-tl-bl.tui-trigger-popup-placement-bottomLeft div.tui-cascader-menu.tui-cascader-sm-menu ul.tui-cascader-menu-content li { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; height: 22px !important; line-height: 22px !important; padding: 0 10px !important; box-sizing: border-box !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; font-size: 16px !important; } html body div div div.tui-trigger-popup.tui-trigger-popup-align-tl-bl.tui-trigger-popup-placement-bottomLeft div.tui-cascader-menu.tui-cascader-sm-menu ul.tui-cascader-menu-header li *, html body div div div.tui-trigger-popup.tui-trigger-popup-align-tl-bl.tui-trigger-popup-placement-bottomLeft div.tui-cascader-menu.tui-cascader-sm-menu ul.tui-cascader-menu-content li * { width: auto !important; max-width: 100% !important; height: 22px !important; line-height: 22px !important; padding: 0 !important; box-sizing: border-box !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; } .tui-table-row-hover-highlight-row:hover, .tui-table-expanded-row-hover-highlight-row:hover { background: #00ff186b; } /* 级联控件(组件内空适配逻辑):尺寸与标准下拉对齐 */ .tui-cascader.tui-cascader-sm { height: 24px !important; line-height: 24px !important; } .tui-cascader.tui-cascader-sm .tui-cascader-selection { display: flex !important; align-items: center !important; height: 24px !important; line-height: 24px !important; padding: 0 8px !important; box-sizing: border-box !important; } .tui-cascader.tui-cascader-sm .tui-cascader-selection-rendered { flex: 1 1 auto !important; min-width: 0 !important; height: 24px !important; line-height: 24px !important; margin-left: 0 !important; margin-right: 0 !important; } .tui-cascader.tui-cascader-sm .tui-cascader-selection-selected-value { height: 24px !important; line-height: 24px !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; } .tui-cascader.tui-cascader-sm .tui-cascader-arrow { flex: 0 0 auto !important; margin-left: auto !important; margin-right: 0 !important; height: 24px !important; line-height: 24px !important; } /* 箭头:与标准下拉 .fold-icon 同款 —— 5x5 方块两条边 + 旋转 135°,颜色 #999 */ .tui-cascader.tui-cascader-sm .tui-cascader-arrow-icon { width: 5px !important; height: 5px !important; border: 0 !important; border-top: 0.8px solid rgb(153, 153, 153) !important; border-left: 0.8px solid rgb(153, 153, 153) !important; box-sizing: content-box !important; background: none !important; transform: rotate(-135deg) !important; position: absolute !important; top: 9px !important; left: calc(50% + 4px) !important; right: auto !important; } /* 报价输出设置 */ html body.tui-body-width-dialog-open div div.tui-dialog-wrap.quotation-output-modal div.tui-dialog div.tui-dialog-body div.config-item div.item-input-container div.input-n div.input-n-content { display: flex; } /* 报价输出设置 */ html body.tui-body-width-dialog-open div div.tui-dialog-wrap.quotation-output-modal div.tui-dialog div.tui-dialog-body div.config-item div.item-input-container div.input-n div.input-n-content p { width: 240px !important; /* font-size: 18px; */ } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.quotation-output-modal div.tui-dialog div.tui-dialog-body div.config-item div.item-input-container div.input-n div.input-n-content { width: 370px !important; } /* 另存为 */ html body div div.sc-AxmLO.gmtmqV div.sc-AxheI.hTTkjk div.sc-AxgMl.gZJChb { width: 1200px; } html body div div.sc-AxmLO.gmtmqV div.sc-AxheI.hTTkjk div.sc-AxgMl.gZJChb div.StyledDialogContent-fyLedi.ghuXyt form h5.StyledTitle-igJsfF.jglYLX { display: none; } html body div div.sc-AxmLO.gmtmqV div.sc-AxheI.hTTkjk div.sc-AxgMl.gZJChb div.StyledDialogContent-fyLedi.ghuXyt form div.muya-table-spin-wrapper.muya-light-table-spin-wrapper { margin-top: -180px; margin-left: 450px; } .eMCULE > .StyledInputWrapper-guUzQV > .StyledLabel-hkGKZO { width: 120px; } html body div div.sc-AxmLO.gmtmqV div.sc-AxheI.hTTkjk div.sc-AxgMl.gZJChb div.StyledDialogContent-fyLedi.ghuXyt form div.StyledFormItem-dDgqtQ.eMCULE div.StyledError-cnOOEf.caAWHz.muya-formitem-error.muya-light-formitem-error { margin-left: 120px; } /* html body div.StyledPopper-hgpKS.buaquK div.StyledTriggerWrapper-ehFsx.iMLxhn div.StyledTreePopup-iKJLiy.hnsWCa.muya-tree-select-popup.muya-light-tree-select-popup ul.StyledTree-iA-dUJM.emAzCR.muya-tree-wrapper.muya-light-tree-wrapper li.StyledTreeNode-kjdONy.hctASK.muya-tree-node.muya-light-tree-node ul.StyledChildTree-fVdeai.buCbYw.muya-tree-child-tree.muya-light-tree-child-tree div.StyledCollapse-ehYlGE.kdsPUm.entered div div li.StyledTreeNode-kjdONy.jTvXzQ.muya-tree-node.muya-light-tree-node :hover { background: var(--hover-color); } */ div.ExpandWrapper-kEnPJw.cJnxrg, button.StyledButton-fRDGhk.kCRpez.StyledInlineButton-iUPFlU.bnXlKJ.WrapInlineButton-kxUMuS.iJWxlI { width: 30px !important; height: 30px !important; } button.StyledButton-fRDGhk.kCRpez.StyledInlineButton-iUPFlU.bnXlKJ.WrapInlineButton-kxUMuS.iJWxlI :hover { background: #41dfd5; } /* html body div div.sc-AxmLO.gmtmqV div.sc-AxheI.hTTkjk div.sc-AxgMl.gZJChb div.StyledDialogContent-fyLedi.ghuXyt form div.StyledFormItem-dDgqtQ.eMCULE div.StyledInputWrapper-guUzQV.jOXSfa.muya-formitem-input-wrapper.muya-light-formitem-input-wrapper label.StyledLabel-hkGKZO.gsWiEV.muya-formitem-label.muya-light-formitem-label span.StyledInnerLabel-bNnGof.bUGIyV.muya-formitem-inner-label.muya-light-formitem-inner-label , span.StyledRadioText-doWNYq.edsuHb.muya-radio-text.muya-light-radio-text , table.StyledTable-LPuZE.hRbWmm thead tr th { font-size: 16px !important; } */ .muya-input-input-wrapper.muya-light-input-input-wrapper { width: 530px !important; } .StyledTree-iA-dUJM { max-height: 500px !important; height: auto !important; overflow-y: auto; } html body div.StyledPopper-hgpKS.buaquK div.StyledTriggerWrapper-ehFsx.iMLxhn div.StyledTreePopup-iKJLiy.kkPKEC.muya-tree-select-popup.muya-light-tree-select-popup, html body div.StyledPopper-hgpKS.buaquK div.StyledTriggerWrapper-ehFsx.iMLxhn div.StyledTreePopup-iKJLiy.kkPKEC.muya-tree-select-popup.muya-light-tree-select-popup ul.StyledTree-iA-dUJM.kENUTp.muya-tree-wrapper.muya-light-tree-wrapper { max-height: 500px !important; height: auto !important; } svg.StyledSvg-ewnxsO.gcIMQl { /* font-size: 20px; */ width: 30px; } html body div div.sc-AxmLO.gmtmqV div.sc-AxheI.hTTkjk div.sc-AxgMl.gZJChb div.StyledDialogContent-fyLedi.ghuXyt form div.StyledFormItem-dDgqtQ.cExkI div.StyledInputWrapper-guUzQV.jOXSfa.muya-formitem-input-wrapper.muya-light-formitem-input-wrapper label.StyledLabel-hkGKZO.gsWiEV.muya-formitem-label.muya-light-formitem-label, html body div div.sc-AxmLO.gmtmqV div.sc-AxheI.hTTkjk div.sc-AxgMl.gZJChb div.StyledDialogContent-fyLedi.ghuXyt form div.StyledFormItem-dDgqtQ.cExkI div.StyledInputWrapper-guUzQV.jOXSfa.muya-formitem-input-wrapper.muya-light-formitem-input-wrapper label.StyledLabel-hkGKZO.gsWiEV.muya-formitem-label.muya-light-formitem-label span.StyledInnerLabel-bNnGof.bUGIyV.muya-formitem-inner-label.muya-light-formitem-inner-label { width: 100px; /* font-size: 18px; */ } div.StyledInputWrapper-guUzQV.jOXSfa.muya-formitem-input-wrapper.muya-light-formitem-input-wrapper div#createAscriptionType.StyledPopperInputWrapper-UenEH.GNIA-d.muya-select-input-wrapper.muya-light-select-input-wrapper, div.StyledInputWrapper-ecsTPI.bBxoUo.muya-select-input.muya-light-select-input.muya-input-input-wrapper.muya-light-input-input-wrapper, div.StyledInputWrapper-guUzQV.jOXSfa.muya-formitem-input-wrapper.muya-light-formitem-input-wrapper * div.StyledInputWrapper-ecsTPI.cCQXQF.muya-select-input.muya-light-select-input.muya-input-input-wrapper.muya-light-input-input-wrapper, div.StyledInputWrapper-guUzQV.jOXSfa.muya-formitem-input-wrapper.muya-light-formitem-input-wrapper div#businessCatIds.StyledPopperInputWrapper-UenEH.dBeNpu.muya-tree-select-input-wrapper.muya-light-tree-select-input-wrapper, .muya-tags-input-input-wrapper.muya-light-tags-input-input-wrapper { width: 330px; } div.StyledInputWrapper-ecsTPI.iazMkW.muya-input-input-wrapper.muya-light-input-input-wrapper, div.StyledInputWrapper-ecsTPI.lcUsez.muya-input-input-wrapper.muya-light-input-input-wrapper { width: 380px; } /* 样式包 */ /* 枚举栏说明 */ .gIPJxz > .StyledInputWrapper-guUzQV > .StyledLabel-hkGKZO { width: 120px; } html body div.sc-AxheI.hTTkjk div.sc-AxgMl.bSINgK div.StyledDialogContent-fyLedi.ghuXyt div div.sc-fzqBZW.eNQuho form div.StyledFormItem-dDgqtQ.gIPJxz div.StyledError-cnOOEf.caAWHz.muya-formitem-error.muya-light-formitem-error div p.Paragraph-eyYfSy.czZWkn.muya-formitem-error-paragraph.muya-light-formitem-error-paragraph, html body div.sc-AxheI.hTTkjk div.sc-AxgMl.bSINgK div.StyledDialogContent-fyLedi.ghuXyt div div.sc-fzqBZW.eNQuho form div.StyledFormItem-dDgqtQ.eGVlHB.sc-fznWqX.dAkvW div.StyledError-cnOOEf.caAWHz.muya-formitem-error.muya-light-formitem-error div p.Paragraph-eyYfSy.czZWkn.muya-formitem-error-paragraph.muya-light-formitem-error-paragraph { display: none; } /* 模型诊断 */ div.tui-table.model-statistical-container-buttom-table.tui-table-s.tui-table-scroll-position-left { width: 400px !important; } html body div div div.tui-popover.tui-popover-align-cr-cl.tui-popover-placement-left.tui-popover-hidden div.model-statistical-container-buttom div.tui-table-wrapper div.tui-spinner-wrapper div.tui-spinner-children div.tui-table.model-statistical-container-buttom-table.tui-table-s.tui-table-scroll-position-left div.tui-table-content div.tui-table-body.tui-scrollbar-m table tbody.tui-table-tbody tr.tui-table-row.tui-table-row-level-0.tui-table-row-hover-highlight-row td, html body div div div.tui-popover.tui-popover-align-cr-cl.tui-popover-placement-left.tui-popover-hidden div.model-statistical-container-buttom div.tui-table-wrapper div.tui-spinner-wrapper div.tui-spinner-children div.tui-table.model-statistical-container-buttom-table.tui-table-s.tui-table-scroll-position-left div.tui-table-content div.tui-table-body.tui-scrollbar-m table tbody.tui-table-tbody tr.tui-table-row.tui-table-row-level-0.tui-table-row-hover-highlight-row td div.model-statistical-content-type, html body div div div.tui-popover.tui-popover-align-cr-cl.tui-popover-placement-left.tui-popover-hidden div.model-statistical-container-buttom div.tui-table-wrapper div.tui-spinner-wrapper div.tui-spinner-children div.tui-table.model-statistical-container-buttom-table.tui-table-s.tui-table-scroll-position-left div.tui-table-content div.tui-table-body.tui-scrollbar-m table tbody.tui-table-tbody tr.tui-table-row.tui-table-row-level-0.tui-table-row-hover-highlight-row td div.model-statistical-content-type i.param-iconfont.param-shijian, html body div div div.tui-popover.tui-popover-align-cr-cl.tui-popover-placement-left.tui-popover-hidden div.model-statistical-container-buttom div.tui-table-wrapper div.tui-spinner-wrapper div.tui-spinner-children div.tui-table.model-statistical-container-buttom-table.tui-table-s.tui-table-scroll-position-left div.tui-table-content div.tui-table-body.tui-scrollbar-m table tbody.tui-table-tbody tr.tui-table-row.tui-table-row-level-0.tui-table-row-hover-highlight-row td div.model-statistical-content-type div.tui-text-overflow.tui-text-overflow-text.tui-text-overflow-single-line { width: 250px !important; } html body div div div.tui-popover.tui-popover-align-cr-cl.tui-popover-placement-left.tui-popover-hidden div.model-statistical-container-buttom div.tui-table-wrapper div.tui-spinner-wrapper div.tui-spinner-children div.tui-table.model-statistical-container-buttom-table.tui-table-s.tui-table-scroll-position-left div.tui-table-content div.tui-table-body.tui-scrollbar-m table tbody.tui-table-tbody tr.tui-table-row.tui-table-row-level-0.tui-table-row-hover-highlight-row td div.model-statistical-content-type div.tui-text-overflow.tui-text-overflow-text.tui-text-overflow-single-line { max-width: 250px !important; width: 250px !important; } /* 条件公式编辑器 */ html body.tui-body-width-dialog-open div div.tui-dialog-wrap.formul-condition-modal div.tui-dialog { width: 1100px !important; height: 990px !important; } .formula-condition-dialog-content-wrap > div:nth-child(1) { margin-left: 135px; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.formul-condition-modal div.tui-dialog div.tui-dialog-body div.formula-condition-dialog-content-wrap div.function-helper-wrap > div:nth-child(1) { margin-top: -655px; } /* html body.tui-body-width-dialog-open div div.tui-dialog-wrap.formul-condition-modal div.tui-dialog div.tui-dialog-body div.formula-condition-dialog-content-wrap div.content-wrap > */ .formula-condition-dialog-content-wrap > div:nth-child(1) > div:nth-child(2) { height: 600px; } /* 变量提示框 */ div.auto-complete-select-list { width: auto; margin-right: 10px; border: 2px solid #127542 !important; } div.auto-complete-select-list .select-data-list-left .select-data-list-item-left.selected { background: #00ff186b; } div.auto-complete-select-list ul.select-data-list-right li.select-data-list-item-right.selected { background: #00ff186b; } /* 继承参数设置 */ html body.tui-body-width-dialog-open div div.tui-dialog-wrap.inheritance-config-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.element-list-container div.element-list-container-top li.element-title div.tui-text-overflow.tui-text-overflow-text.tui-text-overflow-single-line, html body.tui-body-width-dialog-open div div.tui-dialog-wrap.inheritance-config-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.element-list-container li.element-item span.element-item-name div.tui-text-overflow.tui-text-overflow-text.tui-text-overflow-single-line, html body.tui-body-width-dialog-open div div.tui-dialog-wrap.inheritance-config-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.param-list-container li.attr-group-container div.attr-item-header div.attr-item-header-name, html body.tui-body-width-dialog-open div div.tui-dialog-wrap.inheritance-config-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.param-list-container li.attr-group-container div.element-param-item div.element-param-item-name div.tui-text-overflow.tui-text-overflow-text.tui-text-overflow-single-line, html body.tui-body-width-dialog-open div div.tui-dialog-wrap.inheritance-config-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.param-list-container li.attr-group-container div.element-param-item div.element-param-item-choice p.element-param-item-choice-text, html body.tui-body-width-dialog-open div div.tui-dialog-wrap.inheritance-config-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.param-list-container div.tui-alert.param-list-containe-alert.tui-alert-info div.tui-alert-single div.tui-alert-msg, html body.tui-body-width-dialog-open div div.tui-dialog-wrap.inheritance-config-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.param-list-container li.attr-group-container div.element-param-item div.element-param-item-choice div.tui-radio-group-new label.tui-control-new.tui-inline.tui-control-new--size-s.tui-control-new--strength-normal.tui-radio-new.attr-check-box, html body.tui-body-width-dialog-open div div.tui-dialog-wrap.inheritance-config-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.param-list-container li.attr-group-container div.element-param-item div.element-param-item-choice label.tui-control-new.tui-control-new--size-s.tui-control-new--strength-normal.tui-checkbox-new.element-param-item-choice-checkBox, html body.tui-body-width-dialog-open div div.tui-dialog-wrap.inheritance-config-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.param-list-container li.attr-group-container div.attr-item-header div.attr-item-header-choice div.tui-radio-group-new label.tui-control-new.tui-inline.tui-control-new--size-s.tui-control-new--strength-normal.tui-radio-new.attr-check-box { /* font-size: 18px; */ background: rgba(0, 0, 0, 0); } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.inheritance-config-modal div.tui-dialog { width: 1200px !important; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.inheritance-config-modal div.tui-dialog div.tui-dialog-body section.content-wrapper { height: 700px !important; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.inheritance-config-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.element-list-container li.element-item span.element-item-name div.tui-text-overflow.tui-text-overflow-text.tui-text-overflow-single-line { max-width: 290px!important; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.inheritance-config-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.param-list-container li.attr-group-container div.attr-item-header { background: #7d7b7b85; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.inheritance-config-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.param-list-container li.attr-group-container div.attr-item-header div.attr-item-header-name, html body.tui-body-width-dialog-open div div.tui-dialog-wrap.inheritance-config-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.param-list-container li.attr-group-container div.element-param-item div.element-param-item-name { min-width: 200px; /* width: auto !important; */ } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.inheritance-config-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.param-list-container li.attr-group-container div.attr-item-header div.attr-item-header-choice div.tui-radio-group-new label.tui-control-new.tui-inline.tui-control-new--size-s.tui-control-new--strength-normal.tui-radio-new.attr-check-box, html body.tui-body-width-dialog-open div div.tui-dialog-wrap.inheritance-config-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.param-list-container li.attr-group-container div.element-param-item div.element-param-item-choice div.tui-radio-group-new label.tui-control-new.tui-inline.tui-control-new--size-s.tui-control-new--strength-normal.tui-radio-new.attr-check-box { min-width: 80px; width: auto !important; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.inheritance-config-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.param-list-container li.attr-group-container div.element-param-item div.element-param-item-choice p.element-param-item-choice-text { width: 306px; } /* 可修改参数 */ html body.tui-body-width-dialog-open div div.tui-dialog-wrap.instance-override-modal div.tui-dialog { width: 1000px !important; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.instance-override-modal div.tui-dialog div.tui-dialog-body section.content-wrapper { height: 800px; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.instance-override-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.param-list-container li.attr-group-container div.attr-item-header.attr-item-header-all { display: none; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.instance-override-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.param-list-container li.attr-group-container div.attr-item-header { color: black; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.instance-override-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.param-list-container li.attr-group-container label.tui-control.tui-checked.tui-checkbox.attr-check-box, html body.tui-body-width-dialog-open div div.tui-dialog-wrap.instance-override-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.param-list-container li.attr-group-container label.tui-control.tui-checkbox.attr-check-box { margin: 0px; padding: 10px; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.instance-override-modal div.tui-dialog div.tui-dialog-body section.content-wrapper ul.param-list-container li.attr-group-container div.attr-item-header { padding-top: 10px; padding-left: 10px; height: 30px; background: #6563636b; } /* 右键菜单 */ .three-view-container.context-menu .context-menu-item { line-height: 40px; width: 40px; height: 40px; } html body div#react-slot div.param-editor div.main-block div.canvas-container div.three-view-container ul.context-menu.clearfix li.context-menu-item div.context-menu-item-tip.hide { padding: 2px; } /* 部件节点报告设置 */ html body.tui-body-width-dialog-open div div.tui-dialog-wrap.node-output-dialog div.tui-dialog div.tui-dialog-body div.tui-table-wrapper div.tui-spinner-wrapper div.tui-spinner-children div.tui-table.node-Output-result-table.node-Output-table-body-height.tui-table-s.tui-table-fixed-header.tui-table-scroll-position-left.tui-table-layout-fixed div.tui-table-content div.tui-table-scroll { height: 480px; } /* 矩形阵列 */ html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.right-sidebar div.attr-panel div.sidebar-content ul.element-attr-groups li li.attr-group-container div.tui-collapse.attr-group div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.attr-list.attr-list-block li.attr-list-item div.item-content-container div.item-content div.matrix-input-content div.input-n div.input-n-content div.auto-input-container { margin-top: -20px; } html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.right-sidebar div.attr-panel div.sidebar-content ul.element-attr-groups li li.attr-group-container div.tui-collapse.attr-group div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.attr-list.attr-list-block li.attr-list-item div.item-content-container div.item-content div.matrix-input-content div.tui-select.matrix-style-select.tui-select-xs { margin-top: -40px; margin-left: 150px; } div.tui-select:nth-child(2) > div:nth-child(1) { width: 195px; } html body div#react-slot div.param-editor div.main-block div#sidebar-container.sidebar-container div.right-sidebar div.attr-panel div.sidebar-content ul.element-attr-groups li li.attr-group-container div.tui-collapse.attr-group div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.attr-list.attr-list-block li.attr-list-item div.item-content-container div.item-content div.matrix-input-content div.input-n div.input-n-content div.auto-input-container { margin-left: 130px !important; width: 240px !important; } /* 外部取值 */ html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.assignment-float-container div div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.param-assign-list li.param-assign-item p.param-assign-item-title { margin-top: 10px; /* font-size: 16px; */ } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.assignment-float-container div div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.param-assign-list li.param-assign-item div.tui-cascader.tui-cascader-xs { margin-top: -50px; margin-left: 120px; width: calc(100% - 90px)!important; } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.assignment-float-container div div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.param-assign-list li.param-assign-item div.tui-select.tui-select-xs { margin-top: -50px; margin-left: 120px; width: calc(100% - 90px)!important; } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.assignment-float-container div div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.param-assign-list li.param-assign-item div.parameditor-util-select { margin-top: -20px; margin-left: 120px; width: calc(100% - 90px)!important; } html body div div div.tui-trigger-popup.tui-trigger-popup-align-tl-bl.tui-trigger-popup-placement-bottomLeft div.tui-cascader-menu.tui-cascader-xs-menu { width: 390px !important; } html body div div div.tui-trigger-popup.tui-trigger-popup-align-tl-bl.tui-trigger-popup-placement-bottomLeft div.tui-cascader-menu.tui-cascader-xs-menu ul.tui-cascader-menu-content li.tui-cascader-menu-item-wp { width: 120px !important; } /* 数据接口输出设置 */ html body.tui-body-width-dialog-open div div.tui-dialog-wrap.interface-output-modal div.tui-dialog { width: 1200px !important; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.custom-package-item-select-modal.commodity-modal div.tui-dialog { /* margin-right: 20px; */ /* width: calc(100% - 730px) !important; */ width: 1600px !important; border: 2px solid #1a7af8; } .commodity-list-item .preview { width: 210px; height: 210px; } .commodity-modal .commodity-list-item .name-box { max-width: 210px !important; width: 210px !important; } .commodity-modal .commodity-list-item .name-box .name { width: 210px !important; } .interface-output-table .formula-output .selection-column-title { width: 0px !important; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.interface-output-modal div.tui-dialog div.tui-dialog-body div.content-wrapper div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp div.tui-table-wrapper div.tui-spinner-wrapper div.tui-spinner-children div.tui-table.interface-output-table.tui-table-s.tui-table-scroll-position-left div.tui-table-content div.tui-table-body.tui-scrollbar-m table tbody.tui-table-tbody tr.tui-table-row.tui-table-row-level-0.tui-table-row-hover-highlight-row td.tui-table-row-cell-break-word div.formula-output { display: flex; } .interface-output-table .formula-output .output-column { margin-left: 100px; margin-top: 3px; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.interface-output-modal div.tui-dialog div.tui-dialog-body div.content-wrapper div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp div.tui-table-wrapper div.tui-spinner-wrapper div.tui-spinner-children div.tui-table.interface-output-table.tui-table-s.tui-table-scroll-position-left div.tui-table-content div.tui-table-body.tui-scrollbar-m table tbody.tui-table-tbody tr.tui-table-row.tui-table-row-level-0.tui-table-row-hover-highlight-row td.tui-table-row-cell-break-word div.formula-output div.output-column div.auto-input-container { width: 220px !important; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.interface-output-modal div.tui-dialog div.tui-dialog-body div.content-wrapper div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp div.tui-table-wrapper div.tui-spinner-wrapper div.tui-spinner-children div.tui-table.interface-output-table.tui-table-s.tui-table-scroll-position-left div.tui-table-content div.tui-table-body.tui-scrollbar-m table tbody.tui-table-tbody tr.tui-table-row.tui-table-row-level-0.tui-table-row-hover-highlight-row td.tui-table-row-cell-break-word div.formula-output div.output-column div.auto-input-container div.auto-input.disabled div.auto-input-base { display: none; } /* ===== 数据接口输出设置:窗口加高 + 列表行间距收紧 ===== */ /* 站点原规则 \`.interface-output-modal .content-wrapper{height:470px}\` 写死了内容区高度 → 弹窗只有 ~622px。加高它即可整体变高,且仍内部滚动。 */ .tui-dialog-wrap.interface-output-modal .content-wrapper { height: 640px !important; max-height: calc(100vh - 210px) !important; } /* 行高 61px = td 上下 padding 15/14 + 输入框 32;收紧为 6/6 → 行高 44px */ .tui-dialog-wrap.interface-output-modal .interface-output-table td, .tui-dialog-wrap.interface-output-modal .interface-output-table th { padding-top: 6px !important; padding-bottom: 6px !important; } /* 极速建模 */ /* 业务属性 */ html body.tui-body-width-dialog-open div div.tui-dialog-wrap.biz-property-modal div.tui-dialog { width: 800px !important; } .tui-radio-group-new { display: flex; /* 使用Flexbox布局 */ /* flex-wrap: wrap; */ /* 如果内容多余一行,允许换行 */ } .tui-radio-group-new .tui-control-new { width: 190px; margin-right: 10px; /* 可以根据需要调整间距 */ } .biz-basic { flex-basis: 180px; } html body.tui-body-width-dialog-open div div.tui-dialog-wrap.biz-property-modal div.tui-dialog div.tui-dialog-body div.biz-flex div.biz-padding-top-2.tui-radio-group-new label { /* font-size: 18px; */ margin-bottom: 0 !important; } /* ===== 业务属性弹窗:行内容垂直居中(标签与控件同行居中) ===== */ .tui-dialog .tui-dialog-body > .biz-flex { align-items: center !important; } .tui-dialog .tui-dialog-body > .biz-flex > .biz-basic { display: flex !important; align-items: center !important; min-height: 32px !important; } .tui-dialog .tui-dialog-body > .biz-flex > .tui-radio-group-new { padding-top: 0 !important; height: auto !important; min-height: 32px !important; align-items: center !important; } .tui-dialog .tui-dialog-body > .biz-flex > .tui-radio-group-new > label { padding-bottom: 0 !important; } .tui-dialog .tui-dialog-body > .biz-flex > .auto-input-container { margin: 10px 0 !important; } /* ===== 业务属性弹窗:标签单行 + 单选项按列对齐(Grid) ===== */ /* 1) 标签列固定宽 + 不换行 → 左侧提示文本一行显示 */ .tui-dialog .tui-dialog-body > .biz-flex > .biz-basic { flex: 0 0 130px !important; min-width: 130px !important; max-width: 130px !important; } .tui-dialog .tui-dialog-body > .biz-flex > .biz-basic > p { white-space: nowrap !important; } /* 2) 单选组改 CSS Grid 固定列宽 → 第 N 项永远落在第 N 列,上下行自动对齐;列宽收紧即间距变小 */ .tui-dialog .tui-dialog-body > .biz-flex > .tui-radio-group-new { display: grid !important; grid-template-columns: 168px 126px 126px 84px !important; justify-content: start !important; column-gap: 8px !important; row-gap: 0 !important; padding-top: 0 !important; min-height: 32px !important; align-items: center !important; } .tui-dialog .tui-dialog-body > .biz-flex > .tui-radio-group-new > .tui-control-new { width: auto !important; min-width: 0 !important; margin-right: 0 !important; padding-left: 22px !important; box-sizing: border-box !important; } /* 纹理统一 */ html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded { min-width: 300px; max-height: 95%; } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item div div.texture-info-item-input-container div.texture-info-item-input div.input-n div.input-n-content p { margin-left: 0px; } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list { margin-top: 10px; } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item div div.texture-info-item-input-container div.texture-info-item-input div.input-n div.input-n-content div.auto-input-container div.auto-input div.auto-input-base { margin-left: 10px; width: calc(100% - 10px); margin-top: 10px; } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item div div.texture-info-item-input-container div.texture-info-item-input div.parameditor-util-select { margin-top: -20px; margin-left: 90px; width: calc(100% - 90px) !important; } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item div div.texture-info-item-input-container div.texture-info-item-input div.info-radio-group { margin-top: -20px; margin-left: 90px; /* margin-right: 20px; */ width: calc(100% - 90px); } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item div div.texture-info-item-input-container div.texture-info-item-input div.auto-input-container div.auto-input div.auto-input-base { margin-top: -20px; margin-left: 90px; width: calc(100% - 90px); } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item div div.texture-info-item-input-container div.texture-info-item-input div.input-n div.input-n-content div.auto-input-container { margin-top: -35px; margin-left: 5px; width: calc(100% - 10px) !important; } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel button.tui-btn.tui-btn--secondary.tui-btn--strength-normal.tui-btn--size-small.texture-add-btn.tui-btn--outline.tui-btn--subType-1.tui-btn--shape-normal, html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item.btn-container button.tui-btn.tui-btn--secondary.tui-btn--strength-normal.tui-btn--size-middle.del-btn.tui-btn--outline.tui-btn--subType-1.tui-btn--shape-normal { background: #00ff186b; /* font-size: 22px !important; */ } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item.btn-container button.tui-btn.tui-btn--secondary.tui-btn--strength-normal.tui-btn--size-middle.del-btn.tui-btn--outline.tui-btn--subType-1.tui-btn--shape-normal:hover { background: #ff000061; } /* ===== 修复:uv类型 文字被截断 / 投射方向、纹理角度 同行未垂直居中 ===== */ /* 说明:原规则用 margin-top:-20px + margin-left:90px 把控件硬拽到标签同一行, */ /* 缺少垂直居中;uv类型 用的是新组件 tui-radio-group-new,被 section 43 */ /* 「业务属性」片段里未加作用域的 .tui-radio-group-new .tui-control-new{width:190px} */ /* 泄漏撑爆(4 个单选 4×200=800px 溢出 260px 容器)导致只显示 2 个、文字截断。 */ /* 标签+控件 同行且垂直居中(投射方向 / 纹理角度) */ html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item:has(.info-radio-group) > div, html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item:has(.auto-input-container):not(:has(.input-n)) > div { display: flex !important; align-items: center !important; /* 去掉 gap,标题固定 90px 列宽 → 控件正好从 x:994 起,与上方三个组合框左对齐 */ gap: 0 !important; } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item:has(.info-radio-group) > div > .texture-info-item-title, html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item:has(.auto-input-container):not(:has(.input-n)) > div > .texture-info-item-title { /* 标题固定 90px 列宽(与组合框 select 的 margin-left:90px 等效),控件左缘对齐到 x:994 */ flex: 0 0 90px !important; width: 90px !important; margin: 0 !important; white-space: nowrap; } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item:has(.info-radio-group) > div > .texture-info-item-input-container, html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item:has(.auto-input-container):not(:has(.input-n)) > div > .texture-info-item-input-container { flex: 1 1 auto !important; min-width: 0 !important; } /* 取消「负 margin 硬拽」 */ html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item:has(.info-radio-group) div.info-radio-group { margin: 0 !important; width: 100% !important; } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item:has(.auto-input-container):not(:has(.input-n)) div.auto-input-container div.auto-input div.auto-input-base { margin: 0 !important; width: 100% !important; } /* 投射方向:单选按钮高度压到 26px,与其它行一致 */ html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item div.info-radio-group label.tui-control { height: 24px !important; line-height: 24px !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* uv类型:覆盖 section 43 泄漏的 190px 宽度;文字不截断,4 个单选并排 */ html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item div.uv-type-radio.tui-radio-group-new > label.tui-control-new { width: auto !important; flex: 0 0 auto !important; margin-right: 12px !important; } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item div.uv-type-radio .tui-text-overflow { max-width: none !important; } /* ===== 纹理偏移/纹理尺寸 U/V:两行 + 输入框左对齐 ===== */ /* 需求:把 U/V(纹理偏移、纹理尺寸)从一行改成两行,输入框左缘与其它输入框对齐(x:904+90=994)。 */ /* 行内原本:.input-n 为 flex 横排,两个 .input-n-content 各占 calc(50%-4px); */ /* 且 .auto-input-container{margin-left:5px;margin-top:-35px}、.auto-input-base{margin-left:10px;margin-top:10px} 造成输入框再右偏 15px、纵向错位。 */ html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item:has(.input-n) div.input-n { display: block !important; } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item:has(.input-n) div.input-n > div.input-n-content { width: 100% !important; display: flex !important; align-items: center !important; margin: 0 !important; } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item:has(.input-n) div.input-n > div.input-n-content + div.input-n-content { /* U 与 V 两行之间的行间距,与面板其它行一致(实测相邻行间隙 8px) */ margin-top: 8px !important; } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item:has(.input-n) div.input-n > div.input-n-content > p { /* U / V 标签占固定 90px 列,输入框左缘恰好落到 994 */ flex: 0 0 90px !important; width: 90px !important; margin: 0 !important; } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item:has(.input-n) div.input-n > div.input-n-content > div.auto-input-container { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; margin: 0 !important; } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item:has(.input-n) div.input-n > div.input-n-content div.auto-input div.auto-input-base { margin: 0 !important; width: 100% !important; } /* ===== 纹理规则内容区:默认白底 + 灰色边框(保留「默认规则」标题灰底) ===== */ /* 需求:折叠面板标题(红框「默认规则」)保留灰底,其下方内容区改默认白底, */ /* 并加一圈灰色边框(沿用原整块灰底的外缘视觉),使内容区成为独立白色卡片。 */ /* 实现:灰色原本落在 .tui-collapse-panel-content 上(与标题同为 rgb(245,245,245)), */ /* 这里把内容区背景改白并补 1px 浅灰边框 + 2px 圆角,与浮动面板圆角一致。 */ html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active > div.tui-collapse-panel-content { background-color: #ffffff !important; border: 1px solid rgb(224, 224, 224) !important; border-radius: 2px !important; box-sizing: border-box !important; margin: 0 0 8px 0 !important; } /* ===== 投射方向 X/Y/Z:Z 的右缘对齐到行右缘(x:1163),与其它行一致 ===== */ /* 根因:3 个 label 均为 flex:1 1 0%,各 ~54px(box-sizing:content-box、padding:0 22px), */ /* 且 X/Y 带 margin-right:8px → 3×53.6+16 = 176.8px > 容器 168.4px; */ /* 组为 space-around,收缩不够 → Z 溢出右缘 8px(right=1171,其它行 1163)。 */ /* 修复:label 去掉右侧 margin、放开 min-width 并收窄左右 padding,使 3 个盒在 8px 间隙内正好铺满; */ /* 组改 space-between → X 左缘仍 994、Z 右缘落到 1163。 */ html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item div.info-radio-group { justify-content: space-between !important; gap: 8px !important; } html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item div.info-radio-group > label { margin-right: 0 !important; min-width: 0 !important; padding-left: 18px !important; padding-right: 18px !important; } /* ===== 纹理角度 顶底面/前后面/左右面:改成三行(每行一行)+ 输入框左对齐 ===== */ /* 结构:ul.texture-remap-info-list 是 flex + flex-wrap 容器; */ /* 这三行是同级的独立 li.texture-info-item,内联 style = width:calc(50% - 4px)(前两个 + margin-right:8px) */ /* → 每行并排 2 个,第三个被挤到下一行。 */ /* 修复:把这三行 li 撑满整行(width:100%、去掉 margin-right)→ 各自独占一行; */ /* 行内 .texture-info-item-title 仍是 90px 固定列,输入框自然落到 x:994、宽 168,与其它行一致。 */ /* 定位:这三行是「含 .auto-input-container 且不含 .input-n」的 li(贴图原始尺寸/贴图自适应两个按钮行不含 auto-input-container,不受影响)。 */ html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div.texture-float-panel ul.texture-rule-list li.texture-rule-list-item div.tui-collapse div.tui-collapse-panel.tui-collapse-panel-active div.tui-collapse-panel-content div.tui-collapse-panel-content-wp ul.texture-remap-info-list li.texture-info-item:has(.auto-input-container):not(:has(.input-n)) { width: 100% !important; margin-right: 0 !important; } /* 模型版本 */ html body.tui-body-width-dialog-open div div.tui-dialog-wrap.history-version-modal div.tui-dialog div.tui-dialog-body div.history-version-container div.tui-table-wrapper div.tui-spinner-wrapper div.tui-spinner-children div.tui-table.tui-table-s.tui-table-scroll-position-left div.tui-table-content div.tui-table-body.tui-scrollbar-m table tbody.tui-table-tbody tr.tui-table-row.tui-table-row-level-0.tui-table-row-hover-highlight-row td.tui-table-row-cell-break-word button.tui-btn.tui-btn--primary.tui-btn--strength-normal.tui-btn--size-middle.version-apply-button.tui-btn--text-appearance.tui-btn--subType-1.tui-btn--shape-normal { width: 50px !important; } .history-version-modal .current-version-container .summary-input { height: 60px !important; border-color: rgb(58, 62, 65); padding: 5px 20px !important; } /* 布尔配置 */ html body div#react-slot div.param-editor div.main-block div.canvas-container div.floating-area div div.mola-floating-panel.not-folded div.mola-floating-panel-content div#bool-config-panel.bool-config-panel div.tui-tabs.demoTabs.tui-tabs-top.tui-tabs-line div.tui-tabs-content.tui-tabs-content-animated div.tui-tabs-pane.tui-tabs-pane-active div.tui-table-wrapper div.tui-spinner-wrapper div.tui-spinner-children div.tui-table.bool-table.tui-table-s.tui-table-fixed-header.tui-table-scroll-position-left.tui-table-layout-fixed div.tui-table-content div.tui-table-scroll div.tui-table-body.tui-scrollbar-m table tbody.tui-table-tbody tr.tui-table-row.tui-table-row-level-0.tui-table-row-hover-highlight-row td.tui-table-row-cell-break-word div.tui-text-overflow.tui-text-overflow-text.tui-text-overflow-single-line { width: 200px !important; max-width: 240px !important; } /* 枚举样式 */ /* html body.tui-body-width-dialog-open div.sc-AxheI.hTTkjk div.sc-AxgMl.bSINgK div.StyledDialogContent-fyLedi.ghuXyt div div.sc-fzqBZW.eNQuho form div.StyledFormItem-dDgqtQ.iVxCJr div.StyledError-cnOOEf.caAWHz.muya-formitem-error.muya-light-formitem-error { display: none; } */ html body.tui-body-width-dialog-open div.sc-AxheI.hTTkjk div.sc-AxgMl.bSINgK { /* height: calc(100% - 300px) !important; width: calc(100% - 300px) !important; */ height: 950px !important; width: 900px !important; } .ghuXyt, .bSINgK { height: 750px !important; } .eNQuho { height: 620px !important; } .hLgJkJ { height: 500px !important; } html body.tui-body-width-dialog-open div.sc-AxheI.hTTkjk div.sc-AxgMl.bSINgK div.StyledDialogContent-fyLedi.ghuXyt div div.sc-fzqBZW.eNQuho form div.StyledFormItem-dDgqtQ.iVxCJr div.StyledInputWrapper-guUzQV.jOXSfa.muya-formitem-input-wrapper.muya-light-formitem-input-wrapper label.StyledLabel-hkGKZO.gsWiEV.muya-formitem-label.muya-light-formitem-label { width: 120px; } /* 选择商品 */ html body.tui-body-width-dialog-open div.sc-AxheI.hTTkjk div.sc-AxgMl.a-DZsU { height: 900px !important; width: 1200px !important; } html body.tui-body-width-dialog-open div.sc-AxheI.hTTkjk div.sc-AxgMl.a-DZsU div.StyledDialogContent-fyLedi.ghuXyt div.sc-fzoLag.BNtsP div.left div.content div.categories ul.StyledTree-iA-dUJM.emAzCR.muya-tree-wrapper.muya-light-tree-wrapper { max-height: 100% !important; } li.fl .commodity-list-item .name-box .name { width: 310px !important; max-width: 100% !important; } `; // ============================================================ // 注入样式的方式一:优先使用 GM_addStyle(如果支持) // 方式二:若不支持则动态创建