diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/Panel.js b/AutoRobot/Windows/Robot/Web/src/DockLayout/Panel.js index 4659e9e..afc1af9 100644 --- a/AutoRobot/Windows/Robot/Web/src/DockLayout/Panel.js +++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/Panel.js @@ -230,34 +230,34 @@ export default defineComponent({ - - + `, + // 样式应该放在模板外部,作为组件的style选项 + style: ` + /* 向下小三角 */ + .panel-container .icon-triangle-down { + width: 0; height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 6px solid #cbd6ff; + } + + /* 最大化图标 */ + .panel-container .icon-square { + position: relative; + width: 11px; height: 11px; + background: linear-gradient(180deg, #cbd6ff 0%, #b9c8ff 100%); + border: 1px solid #b8c6ff; + box-sizing: border-box; + } + + /* X图标 */ + .panel-container .icon-x { + position: relative; width: 11px; height: 11px; + } + .panel-container .icon-x::before, .panel-container .icon-x::after { + content: ''; position: absolute; left: 5px; top: 0; width: 1px; height: 11px; background: #e6efff; + } + .panel-container .icon-x::before { transform: rotate(45deg); } + .panel-container .icon-x::after { transform: rotate(-45deg); } ` });