Public
/
WebCAD
mirror of https://gitee.com/cf-fz/WebCAD.git
7
1
Fork 0
Code Issues Projects Releases Wiki Activity

开发:格式化代码

Browse Source
pull/1474/head
ChenX 4 years ago
parent eef957ff27
commit ccdbbf3f8c
44 changed files with 2150 additions and 1911 deletions
Show Stats Download Patch File Download Diff File

1
__test__/Polyline/Intersect.test.ts
Unescape View File

@ -115,4 +115,3 @@ describe("相交", () =>
expect(pts7.length).toBe(1); expect(pts7.length).toBe(1);
}); });
}); });

36
__test__/Polyline/PolylineBulge.test.ts
Unescape View File

@ -7,77 +7,75 @@ describe("多段线凸度测试", () =>
test("多段线1", () => test("多段线1", () =>
{ {
let f = let f =
[1, "Polyline", 5, 2, 102, false, 1, 7, 0, [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], 0, 0, 2, 6, [50.84745762711873, 77.48184019370457], 0, [247.57869249394577, 274.2130750605336], 0, [582.3244552058112, 87.1670702179177], 0, [346.2469733656175, -92.00968523002416], 0, [119.85472154963692, -3.631961259079941], 0, [50.84745762711873, 77.48184019370457], 0, false] [1, "Polyline", 5, 2, 102, false, 1, 7, 0, [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], 0, 0, 2, 6, [50.84745762711873, 77.48184019370457], 0, [247.57869249394577, 274.2130750605336], 0, [582.3244552058112, 87.1670702179177], 0, [346.2469733656175, -92.00968523002416], 0, [119.85472154963692, -3.631961259079941], 0, [50.84745762711873, 77.48184019370457], 0, false];
let pl = LoadCurvesFromFileData(f)[0] as Polyline; let pl = LoadCurvesFromFileData(f)[0] as Polyline;
expect(pl.IsBulge).toBeTruthy(); expect(pl.IsBulge).toBeTruthy();
expect(pl.Reverse().IsBulge).toBeTruthy(); expect(pl.Reverse().IsBulge).toBeTruthy();
}) });
test("多段线2", () => test("多段线2", () =>
{ {
let f = let f =
[1, "Polyline", 5, 2, 101, false, 1, 7, 0, [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], 0, 0, 2, 4, [-645.278450363196, 10.895883777239712], 0, [-267.5544794188862, 10.895883777239712], 0, [-267.5544794188862, 248.18401937046002], 0, [-645.278450363196, 248.18401937046002], 0, true] [1, "Polyline", 5, 2, 101, false, 1, 7, 0, [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], 0, 0, 2, 4, [-645.278450363196, 10.895883777239712], 0, [-267.5544794188862, 10.895883777239712], 0, [-267.5544794188862, 248.18401937046002], 0, [-645.278450363196, 248.18401937046002], 0, true];
let pl = LoadCurvesFromFileData(f)[0] as Polyline; let pl = LoadCurvesFromFileData(f)[0] as Polyline;
expect(pl.IsBulge).toBeTruthy(); expect(pl.IsBulge).toBeTruthy();
expect(pl.Reverse().IsBulge).toBeTruthy(); expect(pl.Reverse().IsBulge).toBeTruthy();
}) });
test("多段线3", () => test("多段线3", () =>
{ {
let f = let f =
[1, "Polyline", 5, 2, 103, false, 1, 7, 0, [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], 0, 0, 2, 7, [964.6004842615014, 91.52542372881355], 0, [1180.5326876513318, 381.0169491525423], 0, [1384.6004842615012, 89.15254237288131], 0, [1545.956416464891, 369.15254237288127], 0, [1643.2445520581118, -231.18644067796595], 0, [1061.8886198547216, -330.8474576271187], 0, [964.6004842615014, 91.52542372881355], 0, false] [1, "Polyline", 5, 2, 103, false, 1, 7, 0, [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], 0, 0, 2, 7, [964.6004842615014, 91.52542372881355], 0, [1180.5326876513318, 381.0169491525423], 0, [1384.6004842615012, 89.15254237288131], 0, [1545.956416464891, 369.15254237288127], 0, [1643.2445520581118, -231.18644067796595], 0, [1061.8886198547216, -330.8474576271187], 0, [964.6004842615014, 91.52542372881355], 0, false];
let pl = LoadCurvesFromFileData(f)[0] as Polyline; let pl = LoadCurvesFromFileData(f)[0] as Polyline;
expect(pl.IsBulge).toBeFalsy(); expect(pl.IsBulge).toBeFalsy();
expect(pl.Reverse().IsBulge).toBeFalsy(); expect(pl.Reverse().IsBulge).toBeFalsy();
}) });
test("多段线4", () => test("多段线4", () =>
{ {
let f = let f =
[1, "Polyline", 5, 2, 109, false, 1, 7, 0, [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], 0, 0, 2, 7, [2764.373573094752, 78.02271311095797], 0, [3928.7352569216746, 78.02271311095797], 0, [5000.233738970991, 78.02271311095797], 0, [5000.233738970991, -793.4627189558191], 0, [3985.8818426309717, -1136.3422332116], 0, [4107.3183372632275, -422.0099118453894], 0, [2764.373573094752, 78.02271311095797], 0, false] [1, "Polyline", 5, 2, 109, false, 1, 7, 0, [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], 0, 0, 2, 7, [2764.373573094752, 78.02271311095797], 0, [3928.7352569216746, 78.02271311095797], 0, [5000.233738970991, 78.02271311095797], 0, [5000.233738970991, -793.4627189558191], 0, [3985.8818426309717, -1136.3422332116], 0, [4107.3183372632275, -422.0099118453894], 0, [2764.373573094752, 78.02271311095797], 0, false];
let pl = LoadCurvesFromFileData(f)[0] as Polyline; let pl = LoadCurvesFromFileData(f)[0] as Polyline;
expect(pl.IsBulge).toBeFalsy(); expect(pl.IsBulge).toBeFalsy();
expect(pl.Reverse().IsBulge).toBeFalsy(); expect(pl.Reverse().IsBulge).toBeFalsy();
}) });
test("多段线5", () => test("多段线5", () =>
{ {
let f = let f =
[1, "Polyline", 6, 2, 101, false, 1, 1, 0, [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -129.5912740248159, 469.63460268545, 0, 1], 0, 0, true, 2, 7, [-50.619121903376026, -47.47742379906265], -0.9844157985538912, [49.10300899457479, 49.04381490609535], -0.8478171566452227, [149.19015915639648, 6.942320328602818], -0.9667128487795215, [197.7928852001328, -103.76551963369957], -0.8868998721515904, [142.07655502392345, -192.71770334928226], -0.6984434005122749, [67.67670179730408, -219.99685004135756], -1.5805804792006357, [-50.619121903376026, -47.47742379906265], 0, false] [1, "Polyline", 6, 2, 101, false, 1, 1, 0, [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -129.5912740248159, 469.63460268545, 0, 1], 0, 0, true, 2, 7, [-50.619121903376026, -47.47742379906265], -0.9844157985538912, [49.10300899457479, 49.04381490609535], -0.8478171566452227, [149.19015915639648, 6.942320328602818], -0.9667128487795215, [197.7928852001328, -103.76551963369957], -0.8868998721515904, [142.07655502392345, -192.71770334928226], -0.6984434005122749, [67.67670179730408, -219.99685004135756], -1.5805804792006357, [-50.619121903376026, -47.47742379906265], 0, false];
let pl = LoadCurvesFromFileData(f)[0] as Polyline; let pl = LoadCurvesFromFileData(f)[0] as Polyline;
expect(pl.IsBulge).toBeFalsy(); expect(pl.IsBulge).toBeFalsy();
expect(pl.Reverse().IsBulge).toBeFalsy(); expect(pl.Reverse().IsBulge).toBeFalsy();
}) });
test("多段线6", () => test("多段线6", () =>
{ {
let f = let f =
[1, "Polyline", 6, 2, 100, false, 1, 1, 0, [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1210.270699862136, -541.9634834389516, 0, 1], 0, 0, true, 2, 5, [896.401913875598, 343.41626794258354], 0, [1300.1244019138753, 343.41626794258354], 0.9999999999999997, [1300.1244019138753, 495.3397129186602], 0, [896.401913875598, 495.3397129186602], 1.0000000000000002, [896.401913875598, 343.41626794258354], 0, false] [1, "Polyline", 6, 2, 100, false, 1, 1, 0, [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1210.270699862136, -541.9634834389516, 0, 1], 0, 0, true, 2, 5, [896.401913875598, 343.41626794258354], 0, [1300.1244019138753, 343.41626794258354], 0.9999999999999997, [1300.1244019138753, 495.3397129186602], 0, [896.401913875598, 495.3397129186602], 1.0000000000000002, [896.401913875598, 343.41626794258354], 0, false];
let pl = LoadCurvesFromFileData(f)[0] as Polyline; let pl = LoadCurvesFromFileData(f)[0] as Polyline;
expect(pl.IsBulge).toBeTruthy(); expect(pl.IsBulge).toBeTruthy();
expect(pl.Reverse().IsBulge).toBeTruthy(); expect(pl.Reverse().IsBulge).toBeTruthy();
}) });
test("多段线7", () => test("多段线7", () =>
{ {
let f = let f =
[1, "Polyline", 6, 2, 106, false, 1, 7, 0, [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], 0, 0, true, 2, 3, [2250.54489975216, -384.30088235874064], 1.7704294517701693, [2338.029348647192, 40.623583702842495], 1.8751658801449689, [2250.54489975216, -384.30088235874064], 0, false] [1, "Polyline", 6, 2, 106, false, 1, 7, 0, [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], 0, 0, true, 2, 3, [2250.54489975216, -384.30088235874064], 1.7704294517701693, [2338.029348647192, 40.623583702842495], 1.8751658801449689, [2250.54489975216, -384.30088235874064], 0, false];
let pl = LoadCurvesFromFileData(f)[0] as Polyline; let pl = LoadCurvesFromFileData(f)[0] as Polyline;
expect(pl.IsBulge).toBeFalsy(); expect(pl.IsBulge).toBeFalsy();
expect(pl.Reverse().IsBulge).toBeFalsy(); expect(pl.Reverse().IsBulge).toBeFalsy();
}) });
test("多段线8", () => test("多段线8", () =>
{ {
let f = let f =
[1, "Polyline", 6, 2, 100, false, 1, 1, 0, [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], 0, 0, true, 2, 4, [-52.05811138014525, -73.43607691883707], 0.36387790102474465, [85.9564164648911, 232.44552058111378], 0.1015665592498786, [384.9878934624697, 16.949152542372893], 0.06768033499064963, [-52.05811138014525, -73.43607691883707], 0, false] [1, "Polyline", 6, 2, 100, false, 1, 1, 0, [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], 0, 0, true, 2, 4, [-52.05811138014525, -73.43607691883707], 0.36387790102474465, [85.9564164648911, 232.44552058111378], 0.1015665592498786, [384.9878934624697, 16.949152542372893], 0.06768033499064963, [-52.05811138014525, -73.43607691883707], 0, false];
let pl = LoadCurvesFromFileData(f)[0] as Polyline; let pl = LoadCurvesFromFileData(f)[0] as Polyline;
expect(pl.IsBulge).toBeFalsy(); expect(pl.IsBulge).toBeFalsy();
expect(pl.Reverse().IsBulge).toBeFalsy(); expect(pl.Reverse().IsBulge).toBeFalsy();
}) });
}) });

20
src/UI/Components/Modal/ModalStyle/ArrayModal.less
Unescape View File

@ -1,51 +1,63 @@
#arrayModal .bp3-dialog { #arrayModal .bp3-dialog {
font-size: 16px; font-size: 16px;
} }
#arrayModal .bp3-tab-panel { #arrayModal .bp3-tab-panel {
margin-top: 0; margin-top: 0;
} }
#arrayModal .array-type { #arrayModal .array-type {
align-items: center; align-items: center;
height : 30px; height : 30px;
&>span { &>span {
width: 6rem; width: 6rem;
} }
} }
#arrayModal .flexWrap { #arrayModal .flexWrap {
display : flex; display : flex;
flex-wrap: wrap; flex-wrap: wrap;
width : unset; width : unset;
&>div
{ &>div {
width : unset; width : unset;
line-height: 30px; line-height: 30px;
} }
} }
#arrayModal .flexWrap>div .bp3-input,#modal .small-input input{
#arrayModal .flexWrap>div .bp3-input,
#modal .small-input input {
padding: 0px 8px; padding: 0px 8px;
} }
#modal .ar-set>span:first-child { #modal .ar-set>span:first-child {
display : inline-block; display : inline-block;
width : 2rem; width : 2rem;
white-space: nowrap; white-space: nowrap;
} }
#arrayModal .bp3-dialog>.bp3-dialog-body { #arrayModal .bp3-dialog>.bp3-dialog-body {
margin: 2px 10px; margin: 2px 10px;
} }
#arrayModal .bp3-dialog>.bp3-dialog-footer { #arrayModal .bp3-dialog>.bp3-dialog-footer {
justify-content: flex-end; justify-content: flex-end;
padding : 0px 10px 10px 10px; padding : 0px 10px 10px 10px;
button { button {
min-height: 20px; min-height: 20px;
} }
} }
#arrayModal .bp3-dialog>.bp3-dialog-body>div { #arrayModal .bp3-dialog>.bp3-dialog-body>div {
margin: 5px 0; margin: 5px 0;
} }
#arrayModal .array-tab .arrayMethod-value { #arrayModal .array-tab .arrayMethod-value {
margin-top: 5px; margin-top: 5px;
padding : 0 5px; padding : 0 5px;
&>div>span { &>div>span {
width: 8rem; width: 8rem;
} }

29
src/UI/Components/Modal/ModalStyle/CommandModal.less
Unescape View File

@ -1,28 +1,32 @@
#commandPanel #commandPanel {
{
.bp3-input { .bp3-input {
margin : 10px; margin : 10px;
font-size: initial; font-size: initial;
} }
.bp3-dialog { .bp3-dialog {
margin-bottom: 0; margin-bottom: 0;
>div>.bp3-input { >div>.bp3-input {
border-radius: unset; border-radius: unset;
width : -webkit-fill-available; width : -webkit-fill-available;
} }
.bp3-dialog-body { .bp3-dialog-body {
display : flex; display : flex;
width : 50vw; width : 50vw;
min-width: 651px; min-width: 651px;
.bp3-tabs { .bp3-tabs {
min-width : 86px; min-width : 86px;
justify-content: center; justify-content: center;
> .bp3-tab-list
{ >.bp3-tab-list {
text-align : center; text-align : center;
margin-left: 10px; margin-left: 10px;
} }
} }
.bp3-card { .bp3-card {
width : 100%; width : 100%;
height : 55vh; height : 55vh;
@ -30,14 +34,16 @@
overflow : auto; overflow : auto;
padding : 0 10px 10px 10px; padding : 0 10px 10px 10px;
margin : 10px; margin : 10px;
>ul { >ul {
>ul>div>h1 >ul>div>h1 {
{
font-size : 2.5rem !important; font-size : 2.5rem !important;
padding-left: 30px; padding-left: 30px;
margin : 25px 0px; margin : 25px 0px;
} }
>li,>ul>li{
>li,
>ul>li {
border-bottom : 1px solid #5C7080; border-bottom : 1px solid #5C7080;
padding : 5px; padding : 5px;
display : flex; display : flex;
@ -45,37 +51,46 @@
outline : none; outline : none;
align-items : center; align-items : center;
justify-content: space-around; justify-content: space-around;
>li { >li {
height : 36px; height : 36px;
margin-right: 12px; margin-right: 12px;
font-size : large; font-size : large;
display : flex; display : flex;
align-items : center; align-items : center;
&:first-child { &:first-child {
width: 4%; width: 4%;
} }
&:nth-child(2) { &:nth-child(2) {
width: 17%; width: 17%;
} }
&:nth-child(4) { &:nth-child(4) {
width: 20%; width: 20%;
} }
&:nth-child(5) { &:nth-child(5) {
width: 10%; width: 10%;
} }
>a { >a {
text-align: center; text-align: center;
} }
>span>span>input { >span>span>input {
height : 2.0rem !important; height : 2.0rem !important;
width : 100%; width : 100%;
border-radius: 3px; border-radius: 3px;
} }
} }
>ul { >ul {
margin-right: 12px; margin-right: 12px;
width : 25%; width : 25%;
font-size : smaller; font-size : smaller;
>li:nth-child(2) { >li:nth-child(2) {
color: #8A9BA8; color: #8A9BA8;
} }

18
src/UI/Components/Modal/ModalStyle/EntityModal.less
Unescape View File

@ -2,23 +2,31 @@
#entityModal { #entityModal {
min-width: 200px; min-width: 200px;
select,button,label{
select,
button,
label {
line-height: @inputHeight; line-height: @inputHeight;
height : @inputHeight; height : @inputHeight;
min-height : @inputHeight; min-height : @inputHeight;
} }
.bp3-button { .bp3-button {
padding: 0 10px; padding: 0 10px;
width : 100%; width : 100%;
} }
.bp3-html-select { .bp3-html-select {
width: 100%; width: 100%;
} }
.props { .props {
width : 100%; width : 100%;
margin-top: 5px; margin-top: 5px;
&>li>ul>li { &>li>ul>li {
position: relative; position: relative;
ul { ul {
position : absolute; position : absolute;
top : @inputHeight; top : @inputHeight;
@ -26,33 +34,41 @@
} }
} }
} }
.props-color { .props-color {
display : flex; display : flex;
justify-content: space-between; justify-content: space-between;
border : 1px ridge transparent; border : 1px ridge transparent;
} }
.props-color:hover { .props-color:hover {
border: 1px ridge @darkHeaderColor; border: 1px ridge @darkHeaderColor;
} }
.props-color-list { .props-color-list {
margin-top: 5px; margin-top: 5px;
outline : none; outline : none;
} }
.props-color-list>li { .props-color-list>li {
padding: 5px; padding: 5px;
} }
.props-color-list>li:hover { .props-color-list>li:hover {
background: @darkhovercolor; background: @darkhovercolor;
} }
.props>li { .props>li {
display : flex; display : flex;
align-items : center; align-items : center;
justify-content: flex-start; justify-content: flex-start;
padding : 5px 0; padding : 5px 0;
} }
.props>li>label { .props>li>label {
width: 20%; width: 20%;
} }
.props>li>ul { .props>li>ul {
width: 80%; width: 80%;
} }

8
src/UI/Components/Modal/ModalStyle/LightModal.less
Unescape View File

@ -1,6 +1,7 @@
#lightModal .bp3-dialog { #lightModal .bp3-dialog {
font-size: 16px; font-size: 16px;
} }
#lightModal .bp3-dialog-body>.twoCol>label { #lightModal .bp3-dialog-body>.twoCol>label {
display : inline-block; display : inline-block;
vertical-align: super; vertical-align: super;
@ -8,26 +9,32 @@
margin-right : 10px; margin-right : 10px;
width : 30%; width : 30%;
} }
#lightModal .bp3-dialog-body ul>.twoCol>label { #lightModal .bp3-dialog-body ul>.twoCol>label {
display : inline-block; display : inline-block;
vertical-align: super; vertical-align: super;
text-align : left; text-align : left;
margin-right : 10px; margin-right : 10px;
} }
#lightModal .bp3-dialog-body>.twoCol>input { #lightModal .bp3-dialog-body>.twoCol>input {
vertical-align: super; vertical-align: super;
width : 70%; width : 70%;
} }
#lightModal .bp3-dialog-body>.twoCol ul input { #lightModal .bp3-dialog-body>.twoCol ul input {
width: 80%; width: 80%;
} }
#lightModal .bp3-dialog-body>.twoCol { #lightModal .bp3-dialog-body>.twoCol {
width : 14rem; width : 14rem;
display: flex; display: flex;
} }
#lightModal .bp3-dialog-body .twoCol { #lightModal .bp3-dialog-body .twoCol {
display: flex; display: flex;
} }
#lightModal ul { #lightModal ul {
display : inline-block; display : inline-block;
list-style : none; list-style : none;
@ -36,6 +43,7 @@
width : 70%; width : 70%;
margin : 0; margin : 0;
} }
#lightModal li { #lightModal li {
display: inline-block; display: inline-block;
} }

3
src/UI/Components/Modal/ModalStyle/ReferenceCuttingModal.less
Unescape View File

@ -1,12 +1,13 @@
/*---参照切割---*/ /*---参照切割---*/
#referenceCuttingModal .bp3-dialog>.bp3-dialog-footer { #referenceCuttingModal .bp3-dialog>.bp3-dialog-footer {
justify-content: flex-end; justify-content: flex-end;
padding : 0px 10px 10px 10px; padding : 0px 10px 10px 10px;
button { button {
min-height: 20px; min-height: 20px;
} }
} }
#referenceCuttingModal .bp3-dialog>.bp3-dialog-body { #referenceCuttingModal .bp3-dialog>.bp3-dialog-body {
margin: 10px; margin: 10px;
} }

32
src/UI/Components/Modal/ModalStyle/SnapModal.less
Unescape View File

@ -1,46 +1,46 @@
#snapModal #snapModal {
{
width: 315px; width: 315px;
} }
#snapModal .snap-set
{ #snapModal .snap-set {
margin-bottom: 3px; margin-bottom: 3px;
padding-left : 9px; padding-left : 9px;
} }
#snapModal .bp3-dialog-body>div>div
{ #snapModal .bp3-dialog-body>div>div {
display : flex; display : flex;
padding-top : 10px; padding-top : 10px;
justify-content: space-evenly; justify-content: space-evenly;
} }
#snapModal .bp3-card
{ #snapModal .bp3-card {
flex-direction: column; flex-direction: column;
height : 20rem; height : 20rem;
padding-bottom: 0px; padding-bottom: 0px;
>h5 { >h5 {
padding-top: 10px; padding-top: 10px;
} }
} }
#snapModal .flexCheckbox
{ #snapModal .flexCheckbox {
display : flex; display : flex;
flex-direction: column; flex-direction: column;
flex-wrap : wrap; flex-wrap : wrap;
height : 100%; height : 100%;
} }
#snapModal .flexCheckbox button
{ #snapModal .flexCheckbox button {
width : 70px; width : 70px;
min-height : 20px; min-height : 20px;
font-size : 12px; font-size : 12px;
margin-left: 9px; margin-left: 9px;
} }
#snapModal .flexCheckbox button ~ button
{ #snapModal .flexCheckbox button~button {
margin-top: 5px; margin-top: 5px;
} }
#snapModal .bp3-dialog-footer
{ #snapModal .bp3-dialog-footer {
justify-content: flex-end; justify-content: flex-end;
} }

4
src/UI/Components/Modal/ModalStyle/WineRack.less
Unescape View File

@ -2,18 +2,22 @@
.br-set>span:first-child { .br-set>span:first-child {
width: 4.5rem; width: 4.5rem;
} }
.bespread-type { .bespread-type {
display : flex; display : flex;
flex-wrap: wrap; flex-wrap: wrap;
&>label { &>label {
width: 50%; width: 50%;
} }
} }
.full-type { .full-type {
&>div:first-child { &>div:first-child {
padding-right: 10px; padding-right: 10px;
box-shadow : 1px 0 0 0 #27343e; box-shadow : 1px 0 0 0 #27343e;
} }
&>div:last-child { &>div:last-child {
margin-left: 10px; margin-left: 10px;
} }

36
src/UI/Components/RightPanel/BoardProps.less
Unescape View File

@ -1,43 +1,55 @@
#boardPropsCom .br-name { #boardPropsCom .br-name {
width: 12rem; width: 12rem;
} }
#boardPropsCom .bp3-input { #boardPropsCom .bp3-input {
height: 1.5rem; height: 1.5rem;
} }
#boardPropsCom .bp3-html-select>select { #boardPropsCom .bp3-html-select>select {
height: 1.5rem; height: 1.5rem;
} }
#boardPropsCom .bp3-label { #boardPropsCom .bp3-label {
line-height : 1.5rem; line-height : 1.5rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
#boardPropsCom .flexWrap>div,#boardPropsCom .flexWrap>label{
#boardPropsCom .flexWrap>div,
#boardPropsCom .flexWrap>label {
width : 50%; width : 50%;
line-height: 15px; line-height: 15px;
display : flex; display : flex;
} }
#boardPropsCom .br-set { #boardPropsCom .br-set {
margin-bottom: 10px; margin-bottom: 10px;
white-space : nowrap; white-space : nowrap;
} }
#boardPropsCom .flexWrap>div .bp3-input { #boardPropsCom .flexWrap>div .bp3-input {
padding: 0 0 0 5px; padding: 0 0 0 5px;
width : 5rem; width : 5rem;
} }
#boardPropsCom select { #boardPropsCom select {
font-size: 8px; font-size: 8px;
} }
#boardPropsCom input { #boardPropsCom input {
font-size: 8px; font-size: 8px;
padding : 0 5px; padding : 0 5px;
} }
#boardPropsCom .board-info { #boardPropsCom .board-info {
.br-mat { .br-mat {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
// justify-content: space-between; // justify-content: space-between;
button { button {
width: 2rem; width: 2rem;
} }
input { input {
width: 6.5rem; width: 6.5rem;
} }
@ -47,48 +59,62 @@
margin-bottom: 0; margin-bottom: 0;
} }
} }
#boardPropsCom .board-info .br-set input { #boardPropsCom .board-info .br-set input {
margin-left: 5px; margin-left: 5px;
} }
#boardPropsCom .board-config .flexWrap { #boardPropsCom .board-config .flexWrap {
width: 250px; width: 250px;
} }
#boardPropsCom .br-set>span:first-child { #boardPropsCom .br-set>span:first-child {
display : inline-block; display : inline-block;
width : 3.5rem; width : 3.5rem;
white-space: nowrap; white-space: nowrap;
} }
#boardPropsCom .board-info select,#boardPropsCom .board-info .br-set input{
#boardPropsCom .board-info select,
#boardPropsCom .board-info .br-set input {
width: 9rem; width: 9rem;
} }
#boardPropsCom { #boardPropsCom {
.boardSize { .boardSize {
min-width: 151px; min-width: 151px;
} }
.select-drillType { .select-drillType {
flex: 1; flex: 1;
} }
} }
#boardPropsCom .board-info .boardSize .bp3-input { #boardPropsCom .board-info .boardSize .bp3-input {
width: 30px; width: 30px;
} }
#boardPropsCom .boardSize .bp3-inline { #boardPropsCom .boardSize .bp3-inline {
line-height: 15px; line-height: 15px;
} }
#boardPropsCom .boardSize .bp3-label>.bp3-input { #boardPropsCom .boardSize .bp3-label>.bp3-input {
display : block; display : block;
padding : 0; padding : 0;
padding-left: 5px; padding-left: 5px;
line-height : 15px; line-height : 15px;
} }
#boardPropsCom .boardSize .bp3-label,#commonModal .behind-board .board-info .boardSize .bp3-input{
#boardPropsCom .boardSize .bp3-label,
#commonModal .behind-board .board-info .boardSize .bp3-input {
display: inline-block; display: inline-block;
margin : 0 5px; margin : 0 5px;
} }
#boardPropsCom .bp3-label>span { #boardPropsCom .bp3-label>span {
display: inline-block; display: inline-block;
width : 3.5rem; width : 3.5rem;
} }
#boardPropsCom .boardModel { #boardPropsCom .boardModel {
display : inline-block; display : inline-block;
width : 35px; width : 35px;
@ -97,16 +123,20 @@
vertical-align: middle; vertical-align: middle;
margin : 10px; margin : 10px;
} }
#boardPropsCom .bp3-html-select .bp3-icon { #boardPropsCom .bp3-html-select .bp3-icon {
right: 1px; right: 1px;
top : 2.5px; top : 2.5px;
} }
#boardPropsCom>div { #boardPropsCom>div {
margin-bottom: 30px; margin-bottom: 30px;
} }
#boardPropsCom .cf-select .bp3-input { #boardPropsCom .cf-select .bp3-input {
height: unset; height: unset;
} }
#boardPropsCom>div:last-child { #boardPropsCom>div:last-child {
float: right; float: right;
} }

14
src/UI/Components/RightPanel/TemplateParam.less
Unescape View File

@ -1,14 +1,19 @@
#templateParam { #templateParam {
height: 100%; height: 100%;
.template-tree { .template-tree {
height: 30%; height: 30%;
.bp3-tree { .bp3-tree {
height : 100%; height : 100%;
overflow: auto; overflow: auto;
.bp3-tree-node-list { .bp3-tree-node-list {
width: fit-content; width: fit-content;
.bp3-tree-node-content { .bp3-tree-node-content {
height: 20px; height: 20px;
.bp3-tree-node-label { .bp3-tree-node-label {
overflow: unset; overflow: unset;
} }
@ -16,31 +21,39 @@
} }
} }
} }
.template-detail { .template-detail {
width: 100%; width: 100%;
.bp3-input { .bp3-input {
width: 5rem; width: 5rem;
} }
.basePtExpress { .basePtExpress {
display : flex; display : flex;
justify-content: space-around; justify-content: space-around;
} }
.rotateExpress { .rotateExpress {
display : flex; display : flex;
justify-content: space-around; justify-content: space-around;
} }
.bp3-numeric-input { .bp3-numeric-input {
padding : 0; padding : 0;
height : unset; height : unset;
line-height: unset; line-height: unset;
.bp3-button-group.bp3-vertical>.bp3-button { .bp3-button-group.bp3-vertical>.bp3-button {
width: 20px; width: 20px;
} }
.bp3-input { .bp3-input {
padding-left: 10px; padding-left: 10px;
width : 4rem; width : 4rem;
} }
} }
&>div { &>div {
input { input {
height: 30px; height: 30px;
@ -88,6 +101,7 @@
} }
} }
} }
.attach-info { .attach-info {
margin-top: 10px; margin-top: 10px;
font-size : 14px; font-size : 14px;

41
src/UI/Components/ToolBar/PropertiesPanel.less
Unescape View File

@ -1,49 +1,62 @@
.properties { .properties {
width: 170px; width: 170px;
.bp3-card { .bp3-card {
padding: 5px; padding: 5px;
height : 100%; height : 100%;
.header { .header {
span { span {
font-size : 12px; font-size : 12px;
font-weight: 600; font-weight: 600;
} }
margin : 10px 0; margin : 10px 0;
display : flex; display : flex;
justify-content: space-between; justify-content: space-between;
padding : 0 5px; padding : 0 5px;
align-items : center; align-items : center;
} }
.select { .select {
.bp3-html-select { .bp3-html-select {
width: 100%; width: 100%;
select { select {
height : 2.0rem; height : 2.0rem;
line-height: 2.0rem; line-height: 2.0rem;
min-height : 2.0rem; min-height : 2.0rem;
} }
>span { >span {
top: 2px; top: 2px;
} }
} }
} }
>ul>li { >ul>li {
margin: 5px 0 0 0 !important; margin: 5px 0 0 0 !important;
} }
ul{//.props
ul {
//.props
width: 100% !important; width: 100% !important;
.li-title { .li-title {
padding: 5px; padding: 5px;
margin : 5px 0 0 0; margin : 5px 0 0 0;
width : 100%; width : 100%;
} }
>li { >li {
width: 100% !important; width: 100% !important;
} }
.color { .color {
margin : 5px 0 0 0 !important; margin : 5px 0 0 0 !important;
width : 100% !important; width : 100% !important;
display: flex; display: flex;
>label { >label {
width : 20%; width : 20%;
display : flex; display : flex;
@ -52,30 +65,39 @@
flex-direction : column; flex-direction : column;
justify-content: end; justify-content: end;
} }
>ul { >ul {
width: 100% !important; width: 100% !important;
.props-color { .props-color {
display : flex; display : flex;
justify-content: space-between; justify-content: space-between;
border : 1px ridge transparent; border : 1px ridge transparent;
&:hover { &:hover {
border : 1px ridge #8A9BA8; border : 1px ridge #8A9BA8;
background: #BFCCD6; background: #BFCCD6;
cursor : pointer; cursor : pointer;
} }
>li { >li {
pointer-events: none; pointer-events: none;
} }
} }
>li { >li {
>label { >label {
width: 100%; width: 100%;
} }
>ul{//.props-color-list
>ul {
//.props-color-list
outline : none; outline : none;
background: none !important; background: none !important;
>li { >li {
padding: 5px 0 0 0 !important; padding: 5px 0 0 0 !important;
&:hover { &:hover {
background: #BFCCD6 !important; background: #BFCCD6 !important;
} }
@ -84,10 +106,12 @@
} }
} }
} }
.dal-editor { .dal-editor {
>ul>li { >ul>li {
padding: 5px 0 0 0; padding: 5px 0 0 0;
} }
.outline { .outline {
div { div {
width : 100%; width : 100%;
@ -96,23 +120,29 @@
align-items : center; align-items : center;
} }
} }
.text-editor { .text-editor {
>div { >div {
>span { >span {
margin: auto 0; margin: auto 0;
} }
>.numeric_input { >.numeric_input {
width: 60%; width: 60%;
.bp3-input-group { .bp3-input-group {
width: 60%; width: 60%;
} }
} }
display : flex; display : flex;
justify-content: space-between; justify-content: space-between;
} }
} }
.leadout-editor { .leadout-editor {
display: flex; display: flex;
>span { >span {
width : 70%; width : 70%;
margin : auto 0; margin : auto 0;
@ -123,14 +153,15 @@
} }
} }
} }
#PropertiesBtn { #PropertiesBtn {
>div { >div {
background : #fff; background : #fff;
transform : perspective(3em) rotateY(40deg); transform : perspective(3em) rotateY(40deg);
border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;
} }
.bp3-button.bp3-small
{ .bp3-button.bp3-small {
&.iconTransBtn { &.iconTransBtn {
>span { >span {
transform : rotate(-90deg); transform : rotate(-90deg);
@ -140,9 +171,11 @@
transition : transform .25s linear; transition : transform .25s linear;
} }
} }
border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;
min-height : 30px; min-height : 30px;
padding : 5px 5px 5px 0; padding : 5px 5px 5px 0;
>span { >span {
transform : rotate(90deg); transform : rotate(90deg);
-webkit-transition: transform .25s linear; -webkit-transition: transform .25s linear;

15
src/UI/Css/batchCurtailModal.less
Unescape View File

@ -1,52 +1,63 @@
#modal .batchCurtailModal { #modal .batchCurtailModal {
padding: 0; padding: 0;
header { header {
font-size: 16px; font-size: 16px;
height : 60px; height : 60px;
padding : 20px; padding : 20px;
} }
.batchCurtailModal-body { .batchCurtailModal-body {
padding: 0 20px 20px 20px; padding: 0 20px 20px 20px;
.radio { .radio {
margin: 10px; margin: 10px;
} }
&>div
{ &>div {
input { input {
width : 5rem; width : 5rem;
height : 20px; height : 20px;
line-height: 20px; line-height: 20px;
} }
>div:not(class) { >div:not(class) {
display : flex; display : flex;
justify-content: center; justify-content: center;
&>.bp3-label { &>.bp3-label {
width : 50%; width : 50%;
text-align : right; text-align : right;
padding-right: 10px; padding-right: 10px;
line-height : normal; line-height : normal;
} }
&>.bp3-label>input { &>.bp3-label>input {
vertical-align: middle; vertical-align: middle;
} }
} }
} }
footer { footer {
text-align: right; text-align: right;
button { button {
margin-left: 10px; margin-left: 10px;
} }
.cf-select { .cf-select {
label { label {
display : block; display : block;
text-align : left; text-align : left;
margin-left: 5px; margin-left: 5px;
} }
.bp3-popover-content { .bp3-popover-content {
// height: 90px; // height: 90px;
overflow: auto; overflow: auto;
} }
} }
.bp3-divider { .bp3-divider {
margin-top: 10px; margin-top: 10px;
} }

7
src/UI/Css/dataList.less
Unescape View File

@ -63,12 +63,15 @@
:nth-child(1) { :nth-child(1) {
flex: 1; flex: 1;
} }
:nth-child(2) { :nth-child(2) {
width: 160px; width: 160px;
} }
:nth-child(3) { :nth-child(3) {
width: 100px; width: 100px;
} }
:nth-child(4) { :nth-child(4) {
width: 100px; width: 100px;
} }
@ -87,15 +90,19 @@
:nth-child(1) { :nth-child(1) {
flex: 1; flex: 1;
} }
:nth-child(2) { :nth-child(2) {
width: 160px; width: 160px;
} }
:nth-child(3) { :nth-child(3) {
width: 100px; width: 100px;
} }
:nth-child(4) { :nth-child(4) {
width: 100px; width: 100px;
} }
// &>div { // &>div {
// flex: 1; // flex: 1;
// text-align: left; // text-align: left;

41
src/UI/Css/golden.less
Unescape View File

@ -1,9 +1,7 @@
//因为某些样式被蓝图破坏,所以修正它. //因为某些样式被蓝图破坏,所以修正它.
//用于切换主题色 本文件在switchTheme.less中被引用 //用于切换主题色 本文件在switchTheme.less中被引用
//配色方案见https://blueprintjs.com/docs/#core/colors //配色方案见https://blueprintjs.com/docs/#core/colors
.changeGoldenTheme( .changeGoldenTheme(@lm_content_bg: #2C343A,
@lm_content_bg:#2C343A,
@standrad_shadow: #000, @standrad_shadow: #000,
@text_color_unactive: #76838E, @text_color_unactive: #76838E,
@text_color_active: #fff, @text_color_active: #fff,
@ -45,6 +43,7 @@
#toolbar { #toolbar {
background: @toolbar_bg !important; background: @toolbar_bg !important;
} }
#toolbar ul li:hover { #toolbar ul li:hover {
background: @topToolBar_li_hover; background: @topToolBar_li_hover;
cursor : pointer; cursor : pointer;
@ -55,10 +54,12 @@
color : @command_result_text; color : @command_result_text;
background: @lm_content_bg; background: @lm_content_bg;
} }
.terminal-pusher { .terminal-pusher {
background: @lm_content_bg; background: @lm_content_bg;
box-shadow: inset 0px 14px 16px -15px @standrad_shadow; box-shadow: inset 0px 14px 16px -15px @standrad_shadow;
} }
#TerminalOutputArea .terminal-output { #TerminalOutputArea .terminal-output {
background: @lm_content_bg; background: @lm_content_bg;
} }
@ -72,6 +73,7 @@
color : @text_color_active; color : @text_color_active;
background-color: @recommand_cmd_bg; background-color: @recommand_cmd_bg;
} }
#input-hint .recommend-command>li.hover { #input-hint .recommend-command>li.hover {
background-color: @recommand_cmd_bg_hover; background-color: @recommand_cmd_bg_hover;
} }
@ -85,71 +87,94 @@
#TopToolBar { #TopToolBar {
background: @topToolBar_bg; background: @topToolBar_bg;
} }
#TopToolBar .tool-block>div>.bp3-button { #TopToolBar .tool-block>div>.bp3-button {
background: @topToolsBlock_btn_bg; background: @topToolsBlock_btn_bg;
&:hover { &:hover {
background: @topToolsBlock_btn_bg_hover; background: @topToolsBlock_btn_bg_hover;
} }
} }
#TopToolBar .ul-unstyle { #TopToolBar .ul-unstyle {
background: @topToolBar_ul_bg; background: @topToolBar_ul_bg;
} }
#TopToolBar .small-iconlist>.bp3-button { #TopToolBar .small-iconlist>.bp3-button {
background: @topToolBar_smallIconList_btn_bg; background: @topToolBar_smallIconList_btn_bg;
&:hover { &:hover {
background: @topToolBar_smallIconList_btn_bg_hover; background: @topToolBar_smallIconList_btn_bg_hover;
} }
} }
#TopToolBar .ul-unstyle>li:hover { #TopToolBar .ul-unstyle>li:hover {
background: @topToolBar_li_hover; background: @topToolBar_li_hover;
} }
.tabs-unstyle .bp3-tab-list { .tabs-unstyle .bp3-tab-list {
background: @topToolBar_tablist_bg; background: @topToolBar_tablist_bg;
} }
.tabs-unstyle .bp3-tab[aria-selected="true"], .tabs-unstyle .bp3-tab:not([aria-disabled="true"]):hover {
.tabs-unstyle .bp3-tab[aria-selected="true"],
.tabs-unstyle .bp3-tab:not([aria-disabled="true"]):hover {
color : @topToolBar_tablist_color; color : @topToolBar_tablist_color;
background: @topToolBar_tablist_bg_hover; background: @topToolBar_tablist_bg_hover;
} }
.bp3-tabs.bp3-vertical>.bp3-tab-list .bp3-tab.tab-unstyle[aria-selected="true"] { .bp3-tabs.bp3-vertical>.bp3-tab-list .bp3-tab.tab-unstyle[aria-selected="true"] {
background: @verticalTab_selected_bg; background: @verticalTab_selected_bg;
} }
#TopToolBar .tabs-unstyle .bp3-tab.tab-unstyle { #TopToolBar .tabs-unstyle .bp3-tab.tab-unstyle {
border-color: @tabUnstyle_border; border-color: @tabUnstyle_border;
} }
#RightPanel .bp3-tab-panel.tab-unstyle .bp3-tab.tab-unstyle { #RightPanel .bp3-tab-panel.tab-unstyle .bp3-tab.tab-unstyle {
border-color: @rightPanel_tabs_border; border-color: @rightPanel_tabs_border;
} }
/*----------浮动命令栏-----------*/ /*----------浮动命令栏-----------*/
#CommandInput .react-draggable { #CommandInput .react-draggable {
.terminal-output-area, .command-input-area{
.terminal-output-area,
.command-input-area {
background: @commandInput_bg; background: @commandInput_bg;
} }
.drag-area { .drag-area {
background: @commandInput_dragArea_bg; background: @commandInput_dragArea_bg;
} }
} }
#TransTerminal .terminal-commandResult span { #TransTerminal .terminal-commandResult span {
background: @terminalCommandResult_bg; background: @terminalCommandResult_bg;
} }
/*----------F1面板-----------*/ /*----------F1面板-----------*/
#commandPanel .bp3-card>ul>li:hover,#commandPanel .bp3-card>ul>ul>li:hover #commandPanel .bp3-card>ul>li:hover,
{ #commandPanel .bp3-card>ul>ul>li:hover {
background-color: @commandPanel_li_bg_hover; background-color: @commandPanel_li_bg_hover;
cursor : pointer; cursor : pointer;
} }
/*-----------BBS-------------*/ /*-----------BBS-------------*/
#modal .br-lookover .react-draggable { #modal .br-lookover .react-draggable {
>div { >div {
background-color: @fileName_bg background-color: @fileName_bg
} }
} }
/*---------特性面板----------*/ /*---------特性面板----------*/
.properties { .properties {
.bp3-card { .bp3-card {
.header { .header {
background: @properties_header_bg; background: @properties_header_bg;
} }
ul{//.props
ul {
//.props
.li-title { .li-title {
background: @properties_li_title_bg; background: @properties_li_title_bg;
} }

11
src/UI/Css/rotateLyModal.less
Unescape View File

@ -1,42 +1,53 @@
#modal .rotateLyModal { #modal .rotateLyModal {
padding: 0; padding: 0;
header { header {
padding : 20px; padding : 20px;
font-size: 16px; font-size: 16px;
} }
.select-type { .select-type {
.bp3-radio { .bp3-radio {
margin-right: 10px; margin-right: 10px;
} }
.br-set>span { .br-set>span {
width: 3.1rem; width: 3.1rem;
} }
input { input {
margin-right: 10px; margin-right: 10px;
} }
} }
&>div { &>div {
padding: 0 20px 20px 20px; padding: 0 20px 20px 20px;
>div:not(class) { >div:not(class) {
display: flex; display: flex;
&>.bp3-label { &>.bp3-label {
width : 50%; width : 50%;
text-align : right; text-align : right;
padding-right: 10px; padding-right: 10px;
line-height : normal; line-height : normal;
} }
&>.bp3-label>input { &>.bp3-label>input {
vertical-align: middle; vertical-align: middle;
} }
} }
} }
input { input {
width : 5rem; width : 5rem;
height : 20px; height : 20px;
line-height: 20px; line-height: 20px;
} }
footer { footer {
text-align: right; text-align: right;
button { button {
margin-right: 10px; margin-right: 10px;
} }

84
src/UI/Css/style.less
Unescape View File

@ -192,7 +192,8 @@ body {
font-size: 11px font-size: 11px
} }
.terminal-output-area, .terminal-output-area-transparent{ .terminal-output-area,
.terminal-output-area-transparent {
flex: 1; flex: 1;
} }
@ -278,6 +279,7 @@ input[type=radio] {
#TopPanel .info { #TopPanel .info {
margin: 0; margin: 0;
} }
// 工具栏样式 // 工具栏样式
#toolbar { #toolbar {
ul { ul {
@ -286,10 +288,12 @@ input[type=radio] {
flex-wrap : wrap; flex-wrap : wrap;
margin : 0; margin : 0;
width : 80px; width : 80px;
>li { >li {
width : 40px; width : 40px;
margin : 0; margin : 0;
padding: 0; padding: 0;
img { img {
width : 30px; width : 30px;
height: 30px; height: 30px;
@ -297,12 +301,14 @@ input[type=radio] {
} }
} }
} }
// 媒体查询 ToolBar // 媒体查询 ToolBar
@media screen and (max-height:1148px) { @media screen and (max-height:1148px) {
#toolbar ul { #toolbar ul {
width: 80px; width: 80px;
} }
} }
@media screen and (max-height:699px) { @media screen and (max-height:699px) {
#toolbar ul { #toolbar ul {
width : 90px; width : 90px;
@ -312,23 +318,28 @@ input[type=radio] {
overflow : auto; overflow : auto;
} }
} }
/*----------TopToolBar开始-----------*/ /*----------TopToolBar开始-----------*/
//顶部工具栏样式 //顶部工具栏样式
#TopToolBar img { #TopToolBar img {
width: auto; width: auto;
} }
#TopToolBar .bp3-tab-list { #TopToolBar .bp3-tab-list {
>div { >div {
font-size: 14px; font-size: 14px;
} }
} }
//分类工具块 //分类工具块
#TopToolBar .tool-block { #TopToolBar .tool-block {
display : flex; display : flex;
flex-direction: row; flex-direction: row;
&>div { &>div {
display : flex; display : flex;
flex-direction: column; flex-direction: column;
>ul { >ul {
overflow : hidden; overflow : hidden;
height : 55px; height : 55px;
@ -338,6 +349,7 @@ input[type=radio] {
flex-wrap : wrap; flex-wrap : wrap;
justify-content: space-around; justify-content: space-around;
align-items : baseline; align-items : baseline;
li { li {
float : left; float : left;
text-align : center; text-align : center;
@ -345,6 +357,7 @@ input[type=radio] {
cursor : pointer; cursor : pointer;
} }
} }
&>.bp3-button { &>.bp3-button {
min-height : 20px; min-height : 20px;
font-size : 10px; font-size : 10px;
@ -358,31 +371,37 @@ input[type=radio] {
} }
} }
} }
//图标工具 //图标工具
#TopToolBar { #TopToolBar {
.tabs-unstyle .bp3-tab-panel.tab-unstyle { .tabs-unstyle .bp3-tab-panel.tab-unstyle {
padding: 5px 0 0 0; padding: 5px 0 0 0;
} }
// overflow: hidden; // overflow: hidden;
p { p {
margin: 0px; margin: 0px;
} }
.rc-autoresponsive-container
{ .rc-autoresponsive-container {
overflow: hidden; overflow: hidden;
>li { >li {
border-radius: 3px; border-radius: 3px;
width : 55px; width : 55px;
height : 55px; height : 55px;
text-align : center; text-align : center;
>img { >img {
height: 30px; height: 30px;
width : 30px; width : 30px;
} }
&:hover { &:hover {
cursor : pointer; cursor : pointer;
background: #d8d8d8; background: #d8d8d8;
} }
>p { >p {
text-align: center; text-align: center;
margin-top: 5px; margin-top: 5px;
@ -390,31 +409,35 @@ input[type=radio] {
} }
} }
} }
//隐藏缩略图标按钮 //隐藏缩略图标按钮
#TopToolBar .small-iconlist #TopToolBar .small-iconlist {
{
width : 100%; width : 100%;
position : absolute; position : absolute;
margin-top : 55px; margin-top : 55px;
display : flex; display : flex;
flex-direction: column; flex-direction: column;
outline : none; outline : none;
// flex-flow: column wrap; // flex-flow: column wrap;
ul { ul {
margin : 0; margin : 0;
display : flex; display : flex;
flex-flow: row wrap; flex-flow: row wrap;
>li { >li {
height : 25px; height : 25px;
width : 50px; width : 50px;
text-align: center; text-align: center;
cursor : pointer; cursor : pointer;
>img { >img {
height: 20px; height: 20px;
width : 20px; width : 20px;
} }
} }
} }
&>.bp3-button { &>.bp3-button {
width : 100%; width : 100%;
min-height : 20px; min-height : 20px;
@ -425,6 +448,7 @@ input[type=radio] {
padding : 0; padding : 0;
border-radius: 0px; border-radius: 0px;
background : #2d3a46; background : #2d3a46;
&:hover { &:hover {
background: #202b33; background: #202b33;
} }
@ -434,31 +458,31 @@ input[type=radio] {
/*----------TopToolBar结束-----------*/ /*----------TopToolBar结束-----------*/
/*----------浮动命令栏开始-----------*/ /*----------浮动命令栏开始-----------*/
#CommandInput .drag-area #CommandInput .drag-area {
{
width: 10px; width: 10px;
} }
#TerminalOutputArea .terminal-commandResult #TerminalOutputArea .terminal-commandResult {
{
word-break: break-all; word-break: break-all;
} }
//透明历史命令 //透明历史命令
#TransTerminal #TransTerminal {
{
height: 100px; height: 100px;
.terminal-pusher { .terminal-pusher {
background: transparent; background: transparent;
} }
} }
#TransTerminal .terminal-commandResult
{ #TransTerminal .terminal-commandResult {
margin: 5px; margin: 5px;
span { span {
padding : 0 3px 0 3px; padding : 0 3px 0 3px;
border-radius: 3px; border-radius: 3px;
} }
animation-name : fade-out; animation-name : fade-out;
animation : fade-out 5s ease-in; animation : fade-out 5s ease-in;
animation-fill-mode : forwards; animation-fill-mode : forwards;
@ -466,18 +490,24 @@ input[type=radio] {
opacity : 1; opacity : 1;
animation-delay : 1.5s; animation-delay : 1.5s;
} }
//fade out 动画 //fade out 动画
@keyframes fade-out { @keyframes fade-out {
100% {opacity: 0;} 100% {
opacity: 0;
}
} }
/*----------浮动命令栏结束-----------*/ /*----------浮动命令栏结束-----------*/
// 媒体查询 // 媒体查询
@media screen and (max-width: 599px) {//当宽度为599或者更小时 @media screen and (max-width: 599px) {
//当宽度为599或者更小时
#TopPanel .menu { #TopPanel .menu {
display: flex; display: flex;
} }
#TopPanel .info { #TopPanel .info {
overflow : hidden; overflow : hidden;
flex-direction: column; flex-direction: column;
@ -486,6 +516,7 @@ input[type=radio] {
top : 50px; top : 50px;
background : #394b59; background : #394b59;
} }
#TopPanel .hidden { #TopPanel .hidden {
display: none; display: none;
} }
@ -509,16 +540,18 @@ input[type=radio] {
border : 1px solid transparent; border : 1px solid transparent;
padding : 0 0px; padding : 0 0px;
} }
.text-input:focus { .text-input:focus {
border-color: #fff; border-color: #fff;
background : #444; background : #444;
} }
/**********自定义通用样式*****************/ /**********自定义通用样式*****************/
.flex .flex {
{
display: flex; display: flex;
} }
.flexCol { .flexCol {
display : flex; display : flex;
flex-direction: column; flex-direction: column;
@ -534,41 +567,51 @@ div {
float: right; float: right;
; ;
} }
.inline { .inline {
display: inline-block display: inline-block
} }
.flexWrap { .flexWrap {
display : flex; display : flex;
flex-wrap: wrap flex-wrap: wrap
} }
.ul-unstyle { .ul-unstyle {
list-style: none; list-style: none;
padding : 0; padding : 0;
} }
.flex-arround { .flex-arround {
.flex(); .flex();
justify-content: space-around; justify-content: space-around;
} }
.flex-between { .flex-between {
.flex(); .flex();
justify-content: space-between; justify-content: space-between;
} }
.flex-col { .flex-col {
.flex(); .flex();
flex-direction: column; flex-direction: column;
} }
.flex-center { .flex-center {
.flex(); .flex();
justify-content: center; justify-content: center;
} }
.flex-end { .flex-end {
.flex(); .flex();
justify-content: flex-end; justify-content: flex-end;
} }
.flex-wrap { .flex-wrap {
display : flex; display : flex;
flex-wrap: wrap flex-wrap: wrap
} }
.half { .half {
width: 50%; width: 50%;
} }
@ -585,9 +628,11 @@ img {
.center { .center {
text-align: center; text-align: center;
} }
.widthHalf { .widthHalf {
width: 50%; width: 50%;
} }
.arrow { .arrow {
display: block; display: block;
border : 10px solid transparent; border : 10px solid transparent;
@ -595,13 +640,16 @@ img {
height : 0px; height : 0px;
margin : 0 auto; margin : 0 auto;
} }
.arrowtop { .arrowtop {
border-bottom: 10px solid #000; border-bottom: 10px solid #000;
margin-top : -3px; margin-top : -3px;
} }
.arrowbottom { .arrowbottom {
border-top: 10px solid #000; border-top: 10px solid #000;
} }
.line { .line {
display: block; display: block;
border : 2px solid #000; border : 2px solid #000;
@ -624,9 +672,11 @@ img {
#matContent canvas { #matContent canvas {
border-left: 1px solid #30404d; border-left: 1px solid #30404d;
} }
.right { .right {
text-align: right; text-align: right;
} }
.flex-wrap { .flex-wrap {
.flex(); .flex();
flex-wrap: wrap; flex-wrap: wrap;

5
src/UI/Css/switchTheme.less
Unescape View File

@ -1,11 +1,12 @@
@charset "utf-8"; @charset "utf-8";
@import (less) "golden.less"; @import (less) "golden.less";
.dark-golden { .dark-golden {
.changeGoldenTheme(); //黑夜 .changeGoldenTheme(); //黑夜
} }
.light-golden { .light-golden {
.changeGoldenTheme( .changeGoldenTheme(#cbd7e7, //@lm_content_bg
#cbd7e7,//@lm_content_bg
#394B59, //@standrad_shadow #394B59, //@standrad_shadow
#999999, //@text_color_unactive #999999, //@text_color_unactive
#10161A, //@text_color_active #10161A, //@text_color_active

8
src/UI/Css/test.less
Unescape View File

@ -14,7 +14,8 @@
background: #ee7813; background: #ee7813;
} }
html, body{ html,
body {
margin : 0; margin : 0;
height : 100%; height : 100%;
background: #000; background: #000;
@ -26,6 +27,7 @@ html, body{
width : 100%; width : 100%;
position: absolute; position: absolute;
} }
.btnContainer { .btnContainer {
width : 300px; width : 300px;
margin : 0 auto; margin : 0 auto;
@ -33,6 +35,7 @@ html, body{
top : 50%; top : 50%;
margin-top: -30px; margin-top: -30px;
} }
button { button {
-moz-box-shadow : inset 0px 1px 0px 0px #777; -moz-box-shadow : inset 0px 1px 0px 0px #777;
-webkit-box-shadow : inset 0px 1px 0px 0px #777; -webkit-box-shadow : inset 0px 1px 0px 0px #777;
@ -63,6 +66,7 @@ button {
width : 100px; width : 100px;
} }
button:hover { button:hover {
background : -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1f1f1f), color-stop(1, #403f40)); background : -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1f1f1f), color-stop(1, #403f40));
background : -moz-linear-gradient(top, #1f1f1f 5%, #403f40 100%); background : -moz-linear-gradient(top, #1f1f1f 5%, #403f40 100%);
@ -73,8 +77,8 @@ button:hover {
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1f1f', endColorstr='#403f40', GradientType=0); filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1f1f', endColorstr='#403f40', GradientType=0);
background-color: #1f1f1f; background-color: #1f1f1f;
} }
button:active { button:active {
position: relative; position: relative;
top : 1px; top : 1px;
} }

Write Preview
Loading…
Cancel
Save