From 4e201651d4a5ca76b66faba9e00f5ee2f9ae484f Mon Sep 17 00:00:00 2001 From: YM <479443481@qq.com> Date: 星期三, 20 十一月 2024 15:27:54 +0800 Subject: [PATCH] 1 --- src/assets/main.css | 310 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 308 insertions(+), 2 deletions(-) diff --git a/src/assets/main.css b/src/assets/main.css index 857b72e..422cb91 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -1,11 +1,317 @@ @import './base.css'; -#app { +#parentApp { width: 100%; height: 100%; } - page { display: block; +} + +.imgBox { + position: relative; +} + +.imgBox img { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; + margin: auto; +} +ul { + list-style: none; + padding: 0; +} +a { + text-decoration: none; + cursor: pointer; +} +.hover { + cursor: pointer; +} + +/* 璁剧疆 */ +.settingBox .inline { + display: flex; + justify-content: space-between; +} +.settingBox .lineTypeBox { + width: 190px; + padding: 0 !important; +} +.settingBox .lineTypeBox .typeItem { + line-height: 16px !important; + cursor: pointer; +} +.settingBox .bgColor { + display: flex; + width: 190px; +} +.settingBox .bgColor .flex1 { + flex: 1; + margin:0 5px; +} +.settingBox .bgColor .scribeItem { + width: 30px; + height: 30px; + border-radius: 5px; + border: 1px solid; + display: flex; + justify-content: center; + align-items: center; +} +/* 鐢荤瑪宸ュ叿 */ +.popinnerBox .brush { + display: flex; + padding: 10px 0; +} +.popinnerBox .thickness { + border-right: 1px solid #f3f3f3; + width: 40px; + padding-right: 10px; + text-align: center; +} +.popinnerBox .thickness .small { + width: 7px; + height: 7px; + border-radius: 50%; + background: #cccccc; + margin: 0 auto; +} +.popinnerBox .thickness .middle { + width: 10px; + height: 10px; + border-radius: 50%; + background: #cccccc; + margin: 0 auto; + margin-top: 15px; +} +.popinnerBox .thickness .large { + width: 13px; + height: 13px; + border-radius: 50%; + background: #cccccc; + margin: 0 auto; + margin-top: 15px; +} +.popinnerBox .thickness .active { + background: #0093ff; +} +.popinnerBox .characters { + width: 190px; + display: flex; + padding-right: 10px; + justify-content: space-between; +} +.popinnerBox .characters .small { + cursor: pointer; + text-align: center; + flex: 1; +} +.popinnerBox .characters .middle { + cursor: pointer; + text-align: center; + flex: 1; +} +.popinnerBox .characters .large { + cursor: pointer; + text-align: center; + flex: 1; +} +.popinnerBox .characters .active { + border: 1px solid #0093ff; +} +.lineStyle .lineTypeBox { + display: flex; + justify-content: space-between; + padding: 0 10px; +} +.lineStyle .lineTypeBox .typeItem { + flex: 1; + padding: 5px 20px; + border-radius: 5px; + border: 1px solid #d9d9d9; + margin: 0 5px; + position: relative; + line-height: 16px !important; +} +.lineStyle .lineTypeBox .typeItem .solid { + border: 1px solid #707070; + margin: 7px auto; +} +.lineStyle .lineTypeBox .typeItem .dashed { + border: 1px dashed #707070; + margin: 7px auto; +} +.lineStyle .lineTypeBox .lineTypeActive { + border: 1px solid #0093ff; +} +.lineStyle .lineTypeBox .lineTypeActive .activeIcon { + width: 12px; + height: 11px; + background: #0093ff; + border-radius: 5px 0 5px 0; + position: absolute; + right: 0; + bottom: 0; + display: flex; + justify-content: center; + align-items: center; +} + +.popinnerBox .colorSelectBox { + padding: 0 10px; + width: 190px; + display: flex; + background: #ffffff; + border-radius: 5px; +} +.popinnerBox .colorSelectBox .flex1 { + flex: 1; +} +.popinnerBox .colorSelectBox .scribeItem { + width: 18px; + height: 18px; + border-radius: 3px; + margin: 15px auto 0 auto; + border: none; + display: flex; + justify-content: center; + align-items: center; +} + +.popinnerBox .cleanup, +.popinnerBox .label { + display: flex; + justify-content: space-between; + padding: 10px 0; +} +.popinnerBox .cleanup .cleanupItem, +.popinnerBox .label .labelItem { + flex: 1; + text-align: center; +} +.popinnerBox .cleanup .cleanupItem img { + height: 17px; + width: 20px; +} + +.graphBox .graphSelect{ + display: flex; + width:190px; +} +.graphBox .graphSelect .flex1{ + flex: 1; + display: flex; + justify-content: center; +} + +.graphBox .graphSelect .square{ + width:15px; + height:15px; + border:1px solid #707070; + + +} +.graphBox .graphSelect .rotundity{ + width:15px; + height:15px; + border-radius: 50%; + border:1px solid #707070; +} +.graphBox .graphSelect .triangle{ + width:20px; + height:15px; + position: relative; + overflow: hidden; + border-bottom:1px solid #707070; +} +.graphBox .graphSelect .triangle::after{ + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border:1px solid #707070; + /* background: deeppink; */ + transform-origin: left bottom; + transform: rotate(45deg); +} +.graphBox .graphSelect .lineSegment{ + width:15px; +} + +.el-input__inner { + border: none !important; +} +.el-button { + padding: 8px 15px !important; +} + +.el-popper.is-light { + border: 1px solid #0093ff !important; +} +.el-popper.is-light .el-popper__arrow:before { + border: 1px solid #0093ff !important; +} + +.el-tree { + background: none !important; +} +.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{ + background: rgba(0, 147, 255, 0.21) !important; +} +.el-tree-node:focus > .el-tree-node__content { + background: #e0f2ff !important; +} +.el-tree-node__content:hover { + background: rgba(0, 147, 255, 0.21) !important; +} +.el-tree-node__content { + /* height: 30px !important; */ + height:auto !important; + align-items:stretch !important; +} +.el-tree-node__content>.el-tree-node__expand-icon{ + padding:9px 5px !important; +} + +.custom-tree-node{ + flex:1; + display: flex; + /* align-items: center; */ + justify-content: space-between; + padding:5px 0; +} +.catalogueLabel{ + padding-right:10px; + flex:1; + /* width:200px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; */ +} +.el-tree-node{ + white-space:normal !important; +} +.pageNum{ + float: right; + color:#707070; + padding-right:5px; +} + +.icon-tabler-arrow-bar-to-left,.icon-tabler-arrow-bar-to-right{ + color:#707070 !important; +} + +body { + --keyboard-zindex: 999999; } \ No newline at end of file -- Gitblit v1.9.1