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();
}) });
}) });

4
src/Add-on/twoD2threeD/Modals/Curve2Rec.less
Unescape View File

@ -1,6 +1,6 @@
.curve2rec { .curve2rec {
.bp3-input { .bp3-input {
width: 100px; width : 100px;
height: 25px; height: 25px;
} }
@ -28,7 +28,7 @@
width: 100px !important; width: 100px !important;
>input { >input {
width: inherit !important; width : inherit !important;
height: inherit !important; height: inherit !important;
} }
} }

12
src/Add-on/twoD2threeD/Modals/Rec2Br.less
Unescape View File

@ -40,7 +40,7 @@
} }
>label { >label {
height: @noteInputHeight; height : @noteInputHeight;
line-height: @noteInputHeight; line-height: @noteInputHeight;
} }
} }
@ -48,12 +48,12 @@
} }
.boardModel { .boardModel {
display: inline-block; display : inline-block;
width: 35px; width : 35px;
height: 50px; height : 50px;
border: 1px solid #000; border : 1px solid #000;
vertical-align: middle; vertical-align: middle;
margin: 10px; margin : 10px;
} }
} }

320
src/UI/Components/MainContent/MainContent.less
Unescape View File

@ -12,66 +12,66 @@
} }
&>div { &>div {
position: fixed; position : fixed;
top: 0; top : 0;
left: 0; left : 0;
width: 100%; width : 100%;
height: 100%; height : 100%;
padding: 0; padding : 0;
background-size: cover; background-size: cover;
} }
.login { .login {
position: absolute; position : absolute;
left: 0; left : 0;
right: 0; right : 0;
top: 0; top : 0;
bottom: 0; bottom : 0;
width: 997px; width : 997px;
height: 482px; height : 482px;
margin: auto; margin : auto;
padding: 0; padding : 0;
box-shadow: none; box-shadow: none;
display: flex; display : flex;
&>div:first-child { &>div:first-child {
width: 552px; width : 552px;
opacity: 0.9; opacity : 0.9;
position: relative; position : relative;
border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px;
button { button {
position: absolute; position : absolute;
right: 10%; right : 10%;
bottom: 8%; bottom : 8%;
background: linear-gradient(to right, rgb(102, 142, 180), rgb(65, 112, 180)); background : linear-gradient(to right, rgb(102, 142, 180), rgb(65, 112, 180));
box-shadow: none; box-shadow : none;
width: 100px; width : 100px;
border-radius: 16px; border-radius: 16px;
} }
} }
&>div:last-child { &>div:last-child {
padding: 20px; padding : 20px;
background: #fff; background : #fff;
width: 445px; width : 445px;
border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0;
position: relative; position : relative;
h2 { h2 {
margin-top: 70px; margin-top : 70px;
text-align: center; text-align : center;
font-size: 22px; font-size : 22px;
font-weight: 520; font-weight: 520;
color: #000; color : #000;
height: 60px; height : 60px;
line-height: 60px; line-height: 60px;
img { img {
width: 60px; width : 60px;
height: auto; height : auto;
vertical-align: middle; vertical-align: middle;
margin-right: 10px; margin-right : 10px;
} }
span:last-child { span:last-child {
@ -99,10 +99,10 @@
} }
input { input {
background: #fff; background : #fff;
color: #000; color : #000;
line-height: 40px; line-height: 40px;
height: 40px; height : 40px;
} }
} }
@ -110,22 +110,22 @@
padding: 0 40px; padding: 0 40px;
button { button {
height: 40px; height : 40px;
background: linear-gradient(to right, rgb(110, 177, 255), rgb(11, 97, 255)); background: linear-gradient(to right, rgb(110, 177, 255), rgb(11, 97, 255));
} }
} }
&>div:nth-child(4) { &>div:nth-child(4) {
//暂时隐藏其他登录方式 待改 //暂时隐藏其他登录方式 待改
display: none; display : none;
padding: 0 40px; padding : 0 40px;
margin-top: 20px; margin-top : 20px;
// display: flex; // display: flex;
color: @color1; color : @color1;
align-items: center; align-items: center;
.line { .line {
width: 30%; width : 30%;
height: 0; height: 0;
border: 1px solid @color1; border: 1px solid @color1;
} }
@ -133,42 +133,42 @@
&>div:nth-child(5) { &>div:nth-child(5) {
//暂时隐藏其他登录方式 待改 //暂时隐藏其他登录方式 待改
display: none; display : none;
margin-top: 20px; margin-top: 20px;
text-align: center; text-align: center;
a { a {
display: inline-block; display : inline-block;
width: 50px; width : 50px;
height: 50px; height : 50px;
margin-right: 20px; margin-right: 20px;
img { img {
width: 100%; width : 100%;
height: 100%; height: 100%;
} }
} }
} }
&>div:nth-child(6) { &>div:nth-child(6) {
padding: 0 40px; padding : 0 40px;
margin-top: 20px; margin-top: 20px;
a { a {
font-size: 14px; font-size: 14px;
color: @color2; color : @color2;
} }
display: flex; display : flex;
justify-content: space-between; justify-content: space-between;
} }
&>div:nth-child(7) { &>div:nth-child(7) {
position: absolute; position : absolute;
width: 100%; width : 100%;
text-align: center; text-align: center;
bottom: 0; bottom : 0;
left: 0; left : 0;
a { a {
color: #106ba3; color: #106ba3;
@ -178,43 +178,43 @@
} }
.regist { .regist {
overflow: auto; overflow : auto;
min-width: 600px; min-width : 600px;
width: 620px; width : 620px;
height: 100%; height : 100%;
margin: 0 auto; margin : 0 auto;
letter-spacing: 2.5px; letter-spacing: 2.5px;
.regist-content { .regist-content {
position: relative; position : relative;
background: #fff; background: #fff;
padding: 10px; padding : 10px;
top: 38%; top : 38%;
transform: translateY(-30%); transform : translateY(-30%);
.regist-header { .regist-header {
background: #48aff0; background: #48aff0;
display: flex; display : flex;
height: 72px; height : 72px;
position: relative; position : relative;
img { img {
position: absolute; position : absolute;
top: 12%; top : 12%;
width: 55px; width : 55px;
height: auto; height : auto;
vertical-align: middle; vertical-align: middle;
margin-right: 10px; margin-right : 10px;
margin-left: 65px; margin-left : 65px;
} }
.regist-slogan { .regist-slogan {
text-align: center; text-align: center;
width: 100%; width : 100%;
span { span {
color: #fff; color : #fff;
font-size: 26px; font-size : 26px;
line-height: 72px; line-height: 72px;
} }
} }
@ -222,25 +222,25 @@
.regist-title { .regist-title {
text-align: center; text-align: center;
height: 48px; height : 48px;
span { span {
color: #48aff0; color : #48aff0;
font-size: x-large; font-size : x-large;
line-height: 48px; line-height: 48px;
} }
} }
.info-block { .info-block {
width: 70%; width : 70%;
margin: 10px auto; margin : 10px auto;
padding: 5px 20px; padding : 5px 20px;
min-width: 480px; min-width: 480px;
>div { >div {
width: 60%; width : 60%;
min-width: 330px; min-width: 330px;
margin: 0 auto; margin : 0 auto;
} }
.item { .item {
@ -269,66 +269,66 @@
.center { .center {
justify-content: center; justify-content: center;
margin-top: 10px; margin-top : 10px;
} }
a { a {
text-decoration: none; text-decoration: none;
color: #48aff0; color : #48aff0;
} }
.bp3-button { .bp3-button {
background: #48aff0; background: #48aff0;
color: #fff; color : #fff;
} }
.bp3-disabled { .bp3-disabled {
background: #D1D1D1; background: #D1D1D1;
color: #9BA4AC; color : #9BA4AC;
} }
} }
.content { .content {
position: absolute; position : absolute;
left: 0; left : 0;
right: 0; right : 0;
top: 0; top : 0;
bottom: 0; bottom : 0;
width: 1218px; width : 1218px;
// height: 589px; // height: 589px;
height: 660px; height : 660px;
margin: auto; margin : auto;
padding: 0; padding : 0;
box-shadow: none; box-shadow : none;
display: flex; display : flex;
border-radius: 20px; border-radius: 20px;
&>div:first-child { &>div:first-child {
width: 30%; width : 30%;
background: linear-gradient(to top, rgb(155, 185, 236), rgb(221, 235, 252)); background : linear-gradient(to top, rgb(155, 185, 236), rgb(221, 235, 252));
border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px;
padding: 30px; padding : 30px;
position: relative; position : relative;
font-family: Source Han Sans CN, Arial, Helvetica, sans-serif; font-family : Source Han Sans CN, Arial, Helvetica, sans-serif;
h2 { h2 {
text-align: center; text-align : center;
font-size: 31px; font-size : 31px;
font-weight: 600; font-weight: 600;
img { img {
width: 60px; width : 60px;
height: auto; height : auto;
vertical-align: middle; vertical-align: middle;
margin-right: 4px; margin-right : 4px;
} }
} }
p { p {
font-size: 16px; font-size : 16px;
font-weight: 550; font-weight : 550;
text-align: center; text-align : center;
color: #000; color : #000;
letter-spacing: 3px; letter-spacing: 3px;
} }
@ -356,70 +356,70 @@
padding-left: 30px; padding-left: 30px;
li { li {
display: flex; display : flex;
font-size: 15px; font-size : 15px;
padding-bottom: 5px; padding-bottom: 5px;
} }
} }
&>div:last-child { &>div:last-child {
width: 80%; width : 80%;
text-align: center; text-align: center;
position: absolute; position : absolute;
bottom: 5%; bottom : 5%;
button { button {
width: 115px; width : 115px;
border-radius: 15px; border-radius: 15px;
background: linear-gradient(to right, rgb(100, 169, 255), rgb(24, 107, 255)); background : linear-gradient(to right, rgb(100, 169, 255), rgb(24, 107, 255));
} }
} }
} }
&>div:last-child { &>div:last-child {
border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;
width: 70%; width : 70%;
background: #fff; background : #fff;
padding: 30px; padding : 30px;
position: relative; position : relative;
&>button:first-child { &>button:first-child {
position: absolute; position: absolute;
right: 0; right : 0;
top: 0; top : 0;
} }
.carousel { .carousel {
// width: 620px; // width: 620px;
// height: 200px; // height: 200px;
width: 100%; width : 100%;
margin: 30px auto; margin : 30px auto;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
&>div>div { &>div>div {
position: absolute; position : absolute;
top: 0; top : 0;
width: 100%; width : 100%;
height: 100%; height : 100%;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor : pointer;
} }
&>ul { &>ul {
display: flex; display : flex;
height: 10px; height : 10px;
position: absolute; position : absolute;
bottom: 10px; bottom : 10px;
width: 100%; width : 100%;
justify-content: center; justify-content: center;
li { li {
width: 40px; width : 40px;
background: #fff; background : #fff;
margin-right: 10px; margin-right: 10px;
cursor: pointer; cursor : pointer;
} }
li.active { li.active {
@ -428,20 +428,20 @@
} }
.show_phone { .show_phone {
position: absolute; position : absolute;
bottom: 5px; bottom : 5px;
right: 5px; right : 5px;
font-size: 17px; font-size : 17px;
background: #fff; background: #fff;
} }
.show_text { .show_text {
position: absolute; position : absolute;
left: 5px; left : 5px;
top: 5px; top : 5px;
font-size: 20px; font-size : 20px;
font-weight: bold; font-weight: bold;
background: #fff; background : #fff;
} }
} }
@ -453,22 +453,22 @@
display: flex; display: flex;
&>div { &>div {
cursor: pointer; cursor : pointer;
width: 20%; width : 20%;
margin-right: 5%; margin-right: 5%;
} }
} }
&>div:last-child { &>div:last-child {
width: 90%; width : 90%;
text-align: center; text-align: center;
position: absolute; position : absolute;
bottom: 30px; bottom : 30px;
button { button {
width: 115px; width : 115px;
border-radius: 15px; border-radius: 15px;
background: linear-gradient(to right, rgb(100, 169, 255), rgb(24, 107, 255)); background : linear-gradient(to right, rgb(100, 169, 255), rgb(24, 107, 255));
} }
} }
} }

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

@ -1,52 +1,64 @@
#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{
display: flex; #arrayModal .flexWrap {
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{
padding:0px 8px; #arrayModal .flexWrap>div .bp3-input,
#modal .small-input input {
padding: 0px 8px;
} }
#modal .ar-set>span:first-child{
display: inline-block; #modal .ar-set>span:first-child {
width: 2rem; display : inline-block;
width : 2rem;
white-space: nowrap; white-space: nowrap;
} }
#arrayModal .bp3-dialog>.bp3-dialog-body{
margin:2px 10px; #arrayModal .bp3-dialog>.bp3-dialog-body {
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{
margin:5px 0; #arrayModal .bp3-dialog>.bp3-dialog-body>div {
margin: 5px 0;
} }
#arrayModal .array-tab .arrayMethod-value{
margin-top: 5px; #arrayModal .array-tab .arrayMethod-value {
padding: 0 5px; margin-top: 5px;
&>div>span{ padding : 0 5px;
&>div>span {
width: 8rem; width: 8rem;
} }
} }

72
src/UI/Components/Modal/ModalStyle/BoardFind.less
Unescape View File

@ -1,12 +1,12 @@
#modal .br-find { #modal .br-find {
@selectWidth: 50px; @selectWidth: 50px;
@width: 70px; @width : 70px;
@inputWidth: 75px; @inputWidth : 75px;
@buttonWidth: 90px; @buttonWidth: 90px;
.bp3-dialog-body { .bp3-dialog-body {
&>div:first-child { &>div:first-child {
width: 390px; width : 390px;
padding-right: 10px; padding-right: 10px;
} }
@ -15,31 +15,31 @@
} }
.br-find-item { .br-find-item {
display: flex; display : flex;
align-items: center; align-items : center;
margin-bottom: 5px; margin-bottom: 5px;
&>label { &>label {
width: 100px; width : 100px;
margin: 0; margin: 0;
} }
&>input, &>input,
&>div { &>div {
margin: 0 5px; margin: 0 5px;
width: 20%; width : 20%;
} }
&>.bp3-html-select:nth-child(2) { &>.bp3-html-select:nth-child(2) {
width: @selectWidth; width : @selectWidth;
margin: 0 5px; margin: 0 5px;
} }
&>button { &>button {
height: 20px; height : 20px;
line-height: 20px; line-height: 20px;
min-height: 20px; min-height : 20px;
padding: 0 10px; padding : 0 10px;
} }
} }
@ -57,31 +57,31 @@
} }
&>.select-name { &>.select-name {
flex: 1; flex : 1;
display: flex; display : flex;
justify-content: space-between; justify-content: space-between;
margin: 0; margin : 0;
&>span { &>span {
height: 20px; height: 20px;
width: 40px; width : 40px;
} }
&>button, &>button,
& .bp3-popover-target>button { & .bp3-popover-target>button {
width: 40px; width : 40px;
white-space: nowrap; white-space: nowrap;
height: 20px; height : 20px;
line-height: 20px; line-height: 20px;
min-height: 20px; min-height : 20px;
padding: 0 10px; padding : 0 10px;
} }
& .bp3-popover-content input { & .bp3-popover-content input {
display: block; display: block;
width: 100%; width : 100%;
height: 30px; height : 30px;
margin: 10px 0; margin : 10px 0;
} }
} }
} }
@ -91,8 +91,8 @@
.search-shop { .search-shop {
position: absolute; position: absolute;
right: 0; right : 0;
top: 10px; top : 10px;
input { input {
width: 100%; width: 100%;
@ -105,22 +105,22 @@
&>label { &>label {
margin: 0; margin: 0;
width: @width; width : @width;
} }
&>span { &>span {
padding-left: 26px; padding-left: 26px;
width: @width; width : @width;
} }
&>input { &>input {
width: @inputWidth; width : @inputWidth;
margin: 0 5px; margin: 0 5px;
} }
&>.bp3-html-select { &>.bp3-html-select {
width: @selectWidth; width : @selectWidth;
margin-left: 5px; margin-left : 5px;
margin-right: 5px; margin-right: 5px;
} }
} }
@ -133,11 +133,11 @@
} }
.select-ent { .select-ent {
display: flex; display : flex;
flex-wrap: wrap; flex-wrap: wrap;
&>label { &>label {
width: 20%; width : 20%;
margin: 0; margin: 0;
} }
} }
@ -154,7 +154,7 @@
} }
&>div:last-child { &>div:last-child {
flex: 1; flex : 1;
margin-left: 10px; margin-left: 10px;
} }
} }
@ -166,8 +166,8 @@
&>div label { &>div label {
margin-right: 0; margin-right: 0;
margin-left: 10px; margin-left : 10px;
position: relative; position : relative;
} }
&>div:first-child, &>div:first-child,
@ -180,8 +180,8 @@
&>div>input, &>div>input,
&>div>div>input { &>div>div>input {
width: 30px; width : 30px;
padding: 0 2px; padding : 0 2px;
margin-right: 5px; margin-right: 5px;
} }

42
src/UI/Components/Modal/ModalStyle/BoardModal.less
Unescape View File

@ -41,18 +41,18 @@
/* 板件模型设置 */ /* 板件模型设置 */
#commonModal .boardModel { #commonModal .boardModel {
display: inline-block; display : inline-block;
width: 35px; width : 35px;
height: 50px; height : 50px;
border: 1px solid #000; border : 1px solid #000;
vertical-align: middle; vertical-align: middle;
margin: 10px; margin : 10px;
} }
#commonModal .boardSize .bp3-label, #commonModal .boardSize .bp3-label,
#commonModal .behind-board .board-info .boardSize .bp3-input { #commonModal .behind-board .board-info .boardSize .bp3-input {
display: inline-block; display: inline-block;
margin: 0 5px; margin : 0 5px;
} }
#commonModal { #commonModal {
@ -74,10 +74,10 @@
} }
#commonModal .boardSize .bp3-label>.bp3-input { #commonModal .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;
} }
#commonModal .input-select>input, #commonModal .input-select>input,
@ -113,7 +113,7 @@
} }
#commonModal .hole>label { #commonModal .hole>label {
display: inline-block; display : inline-block;
margin-right: 1rem; margin-right: 1rem;
} }
@ -127,7 +127,7 @@
} }
#commonModal .notes>div>label { #commonModal .notes>div>label {
height: @noteInputHeight; height : @noteInputHeight;
line-height: @noteInputHeight; line-height: @noteInputHeight;
} }
@ -148,7 +148,7 @@
//选择材质 //选择材质
#commonModal .bp3-dialog-body .board-info { #commonModal .bp3-dialog-body .board-info {
.br-mat { .br-mat {
position: relative; position : relative;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
// justify-content: space-between; // justify-content: space-between;
@ -162,8 +162,8 @@
.search-shop { .search-shop {
position: absolute; position: absolute;
right: 0; right : 0;
top: 20px; top : 20px;
input { input {
width: 100%; width: 100%;
@ -191,17 +191,17 @@
} }
#commonModal .edge-sealing span>button { #commonModal .edge-sealing span>button {
height: 14px; height : 14px;
font-size: 7px; font-size : 7px;
width: 6rem; width : 6rem;
padding-top: 0px; padding-top : 0px;
padding-bottom: 0px; padding-bottom: 0px;
min-height: 14px; min-height : 14px;
} }
#commonModal .edge-sealing { #commonModal .edge-sealing {
display: flex; display : flex;
margin-top: 10px; margin-top : 10px;
align-items: center; align-items: center;
ul { ul {

2
src/UI/Components/Modal/ModalStyle/BoardProcessModal.less
Unescape View File

@ -7,6 +7,6 @@ span.bp3-tag.br-process-modal-alert-tags {
} }
.bp3-alert-footer { .bp3-alert-footer {
flex-direction: row !important; flex-direction : row !important;
justify-content: flex-end !important; justify-content: flex-end !important;
} }

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

@ -1,82 +1,97 @@
#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{
display: flex; .bp3-dialog-body {
width: 50vw; display : flex;
width : 50vw;
min-width: 651px; min-width: 651px;
.bp3-tabs{
min-width: 86px; .bp3-tabs {
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{
width: 100%; .bp3-card {
height: 55vh; width : 100%;
height : 55vh;
min-height: 300px; min-height: 300px;
overflow: auto; overflow : auto;
padding: 0 10px 10px 10px; padding : 0 10px 10px 10px;
margin: 10px; margin : 10px;
>ul{
>ul>div>h1 >ul {
{ >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{
border-bottom: 1px solid #5C7080; >li,
padding: 5px; >ul>li {
display: flex; border-bottom : 1px solid #5C7080;
flex-direction:row; padding : 5px;
outline: none; display : flex;
align-items: center; flex-direction : row;
outline : none;
align-items : center;
justify-content: space-around; justify-content: space-around;
>li{
height: 36px; >li {
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{
width:4%; &:first-child {
width: 4%;
} }
&:nth-child(2){
width:17%; &:nth-child(2) {
width: 17%;
} }
&:nth-child(4){
width:20%; &:nth-child(4) {
width: 20%;
} }
&:nth-child(5){
width:10%; &:nth-child(5) {
width: 10%;
} }
>a{
>a {
text-align: center; text-align: center;
} }
>span>span>input{
height: 2.0rem !important; >span>span>input {
width: 100%; height : 2.0rem !important;
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;
} }
} }

6
src/UI/Components/Modal/ModalStyle/Config.less
Unescape View File

@ -18,16 +18,16 @@
} }
.sealingList { .sealingList {
height: 220px; height : 220px;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
padding: 2px; padding : 2px;
&>li { &>li {
display: flex; display: flex;
&>span { &>span {
outline: 1px #ccc solid; outline : 1px #ccc solid;
text-align: center; text-align: center;
} }

152
src/UI/Components/Modal/ModalStyle/DoorModal.less
Unescape View File

@ -36,26 +36,26 @@
} }
.pre-canvas { .pre-canvas {
position: relative; position : relative;
margin: 4rem auto 0 auto; margin : 4rem auto 0 auto;
width: 350px; width : 350px;
height: 350px; height : 350px;
max-height: 500px; max-height : 500px;
display: flex; display : flex;
justify-content: flex-start; justify-content: flex-start;
align-content: flex-end; align-content : flex-end;
flex-wrap: wrap; flex-wrap : wrap;
background: #fff; background : #fff;
text-align: center; text-align : center;
color: #000; color : #000;
font-weight: 500; font-weight : 500;
background: #5c5c5c; background : #5c5c5c;
&>ul { &>ul {
position: absolute; position : absolute;
top: -20px; top : -20px;
left: 0; left : 0;
display: flex; display : flex;
text-align: center; text-align: center;
&>li:nth-child(n+2) { &>li:nth-child(n+2) {
@ -87,27 +87,27 @@
} }
.pre-item { .pre-item {
outline: none; outline : none;
position: relative; position: relative;
&>span.opendir { &>span.opendir {
position: absolute; position : absolute;
font-size: 16px; font-size: 16px;
left: 0; left : 0;
right: 0; right : 0;
top: 0; top : 0;
bottom: 0; bottom : 0;
margin: auto; margin : auto;
width: 20px; width : 20px;
height: 16px; height : 16px;
} }
} }
.pre-set { .pre-set {
padding: 20px 10px; padding : 20px 10px;
outline: none; outline : none;
display: flex; display : flex;
justify-content: space-between; justify-content: space-between;
&>div:first-child { &>div:first-child {
@ -116,24 +116,24 @@
} }
.bp3-input-action { .bp3-input-action {
top: -4px; top : -4px;
right: 0; right: 0;
svg { svg {
width: 14px; width : 14px;
height: 14px; height: 14px;
} }
} }
.row-input { .row-input {
width: 80%; width: 80%;
left: 10%; left : 10%;
top: -25px; top : -25px;
.bp3-input-action .bp3-checkbox { .bp3-input-action .bp3-checkbox {
position: absolute; position: absolute;
top: 6px; top : 6px;
left: 32px; left : 32px;
} }
input { input {
@ -142,24 +142,24 @@
} }
.col-input { .col-input {
position: absolute; position : absolute;
top: -8px; top : -8px;
text-align: left; text-align : left;
transform-origin: 0% 100%; transform-origin: 0% 100%;
transform: rotateZ(90deg) translateY(18px); transform : rotateZ(90deg) translateY(18px);
.bp3-input-action .bp3-checkbox { .bp3-input-action .bp3-checkbox {
position: absolute; position: absolute;
top: 6px; top : 6px;
} }
} }
.col-span { .col-span {
position: absolute; position : absolute;
top: calc(~'50% - 28px'); top : calc(~'50% - 28px');
left: 0; left : 0;
transform-origin: 0% 100%; transform-origin: 0% 100%;
transform: rotateZ(90deg); transform : rotateZ(90deg);
} }
@ -170,21 +170,21 @@
.row-check { .row-check {
position: absolute; position: absolute;
right: -20px; right : -20px;
top: -20px; top : -20px;
padding: 0; padding : 0;
} }
.col-check { .col-check {
position: absolute; position: absolute;
left: 8px; left : 8px;
bottom: -20px; bottom : -20px;
padding: 0; padding : 0;
} }
.row-check-new { .row-check-new {
padding: 0; padding: 0;
width: 18px; width : 18px;
.bp3-control-indicator { .bp3-control-indicator {
margin-left: 0; margin-left: 0;
@ -193,21 +193,21 @@
.col-list { .col-list {
transform-origin: 0 100%; transform-origin: 0 100%;
top: -18px; top : -18px;
transform: rotateZ(90deg) translateY(18px); transform : rotateZ(90deg) translateY(18px);
justify-content: flex-end; justify-content : flex-end;
left: 0; left : 0;
} }
.bp3-html-select { .bp3-html-select {
position: absolute; position: absolute;
top: 0; top : 0;
bottom: 0; bottom : 0;
left: 15px; left : 15px;
right: 0; right : 0;
margin: auto; margin : auto;
width: 80%; width : 80%;
height: 18px; height : 18px;
.bp3-icon { .bp3-icon {
top: 3px; top: 3px;
@ -215,12 +215,12 @@
} }
.temp-name { .temp-name {
list-style: none; list-style : none;
position: absolute; position : absolute;
left: 30%; left : 30%;
top: 30px; top : 30px;
padding: 0; padding : 0;
margin: 0; margin : 0;
white-space: nowrap; white-space: nowrap;
} }
@ -242,7 +242,7 @@
} }
.tb-offset { .tb-offset {
position: relative; position : relative;
align-items: center; align-items: center;
&>span { &>span {
@ -258,17 +258,17 @@
@height: 20px; @height: 20px;
.lkbtn { .lkbtn {
min-height: @height; min-height : @height;
height: @height; height : @height;
line-height: @height; line-height: @height;
padding: 0; padding : 0;
} }
.slk, .slk,
.xlk { .xlk {
position: absolute; position: absolute;
left: 47px; left : 47px;
top: 20px; top : 20px;
} }
} }
} }
@ -277,8 +277,8 @@
width: 550px; width: 550px;
.bp3-input { .bp3-input {
width: 50px; width : 50px;
height: 20px; height : 20px;
line-height: 20px; line-height: 20px;
} }
} }

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

@ -1,66 +1,82 @@
@darkhovercolor:#5C7080; @darkhovercolor: #5C7080;
#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{
width: 100%; .props {
width : 100%;
margin-top: 5px; margin-top: 5px;
&>li>ul>li{
&>li>ul>li {
position: relative; position: relative;
ul{
position: absolute; ul {
top: @inputHeight; position : absolute;
top : @inputHeight;
transition: all 0.3s; transition: all 0.3s;
} }
} }
} }
.props-color{
display: flex; .props-color {
display : flex;
justify-content: space-between; justify-content: space-between;
border: 1px ridge transparent; border : 1px ridge transparent;
} }
.props-color:hover{
border: 1px ridge @darkHeaderColor; .props-color:hover {
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{
display: flex; .props>li {
align-items: center; display : flex;
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%;
} }
} }
.i-color{ .i-color {
display: inline-block; display : inline-block;
height: 8px; height : 8px;
width: 8px; width : 8px;
margin-right:5px; margin-right: 5px;
} }

6
src/UI/Components/Modal/ModalStyle/FrameManage.less
Unescape View File

@ -1,6 +1,6 @@
#commonModal .frame-manage { #commonModal .frame-manage {
max-width: 900px; max-width : 900px;
width: 60vw; width : 60vw;
height: 80vh; height : 80vh;
min-height: 760px; min-height: 760px;
} }

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

@ -1,41 +1,49 @@
#lightModal .bp3-dialog{ #lightModal .bp3-dialog {
font-size: 16px; font-size: 16px;
} }
#lightModal .bp3-dialog-body>.twoCol>label{
display: inline-block; #lightModal .bp3-dialog-body>.twoCol>label {
display : inline-block;
vertical-align: super; vertical-align: super;
text-align: left; text-align : left;
margin-right: 10px; margin-right : 10px;
width: 30%; width : 30%;
} }
#lightModal .bp3-dialog-body ul>.twoCol>label{
display: inline-block; #lightModal .bp3-dialog-body ul>.twoCol>label {
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{
width: 14rem; #lightModal .bp3-dialog-body>.twoCol {
width : 14rem;
display: flex; display: flex;
} }
#lightModal .bp3-dialog-body .twoCol{
#lightModal .bp3-dialog-body .twoCol {
display: flex; display: flex;
} }
#lightModal ul{
display: inline-block; #lightModal ul {
list-style: none; display : inline-block;
padding-left: 0; list-style : none;
padding-left : 0;
vertical-align: top; vertical-align: top;
width: 70%; width : 70%;
margin: 0; margin : 0;
} }
#lightModal li{
#lightModal li {
display: inline-block; display: inline-block;
} }

62
src/UI/Components/Modal/ModalStyle/LookOverBoardInfos.less
Unescape View File

@ -1,6 +1,6 @@
#modal .br-lookover { #modal .br-lookover {
height: 100%; height: 100%;
width: 100%; width : 100%;
.bp3-dialog-body { .bp3-dialog-body {
flex-direction: column; flex-direction: column;
@ -17,14 +17,14 @@
} }
.bp3-dialog-footer { .bp3-dialog-footer {
display: flex; display : flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
.bp3-dialog-footer-actions { .bp3-dialog-footer-actions {
display: flex; display : flex;
flex-wrap: nowrap; flex-wrap: nowrap;
width: 100%; width : 100%;
.bp3-label { .bp3-label {
margin-right: 20px; margin-right: 20px;
@ -47,12 +47,12 @@
overflow: auto; overflow: auto;
.bp3-card { .bp3-card {
width: 100%; width : 100%;
overflow: hidden; overflow : hidden;
padding-top: 5px; padding-top : 5px;
height: 100%; height : 100%;
padding-right: 0px; padding-right : 0px;
padding-left: 0px; padding-left : 0px;
padding-bottom: 0px; padding-bottom: 0px;
.react-draggable { .react-draggable {
@ -66,14 +66,14 @@
.bbs-list, .bbs-list,
.bbs-list * { .bbs-list * {
margin: 0 auto; margin : 0 auto;
padding: 0; padding : 0;
font-size: 14px; font-size: 14px;
} }
.bbs-list { .bbs-list {
// display: table; // display: table;
width: 100%; width : 100%;
border-collapse: collapse; border-collapse: collapse;
} }
@ -82,31 +82,31 @@
padding-left: 5px; padding-left: 5px;
>span { >span {
width: 25px; width : 25px;
text-align: center; text-align: center;
} }
display: flex; display : flex;
flex-wrap: nowrap; flex-wrap: nowrap;
} }
.bbs-list-th { .bbs-list-th {
display: table-cell; display : table-cell;
font-weight: bold; font-weight : bold;
text-align: center; text-align : center;
vertical-align: middle; vertical-align: middle;
} }
.bbs-list-td { .bbs-list-td {
display: table-cell; display : table-cell;
text-align: center; text-align : center;
vertical-align: middle; vertical-align: middle;
} }
.bbs-td { .bbs-td {
line-height: 22px; line-height: 22px;
height: 22px; height : 22px;
min-width: 62px; min-width : 62px;
&:nth-child(1) { &:nth-child(1) {
min-width: 40px; min-width: 40px;
@ -117,18 +117,18 @@
} }
.sort-btn { .sort-btn {
height: 18px !important; height : 18px !important;
padding: 0 !important; padding : 0 !important;
font-weight: bold; font-weight: bold;
width: 100%; width : 100%;
display: -webkit-inline-box; display : -webkit-inline-box;
.bp3-button-text { .bp3-button-text {
margin: 0; margin: 0;
} }
.bp3-icon svg { .bp3-icon svg {
width: 12px; width : 12px;
height: 12px; height: 12px;
} }
} }
@ -149,10 +149,10 @@
flex: 1; flex: 1;
&>ul { &>ul {
outline: 1px solid #ccc; outline : 1px solid #ccc;
padding-left: 5px; padding-left: 5px;
overflow: auto; overflow : auto;
height: calc(100% - 20px); height : calc(100% - 20px);
li { li {
padding: 5px 0; padding: 5px 0;
@ -160,7 +160,7 @@
li:hover { li:hover {
background: rgb(65, 200, 209); background: rgb(65, 200, 209);
color: #fff; color : #fff;
} }
li.enter { li.enter {

92
src/UI/Components/Modal/ModalStyle/Modal.less
Unescape View File

@ -1,12 +1,12 @@
@darkBgColor: #444444; @darkBgColor : #444444;
@darkHeaderColor: #394b59; @darkHeaderColor: #394b59;
@darkFontColor: #CCCCCC; @darkFontColor : #CCCCCC;
// 输入框高度 // 输入框高度
@inputHeight: 1.5rem; @inputHeight : 1.5rem;
@noteInputHeight: 2.5rem; @noteInputHeight: 2.5rem;
@selectWidth: 10rem; @selectWidth : 10rem;
@inputWidth: 5rem; @inputWidth : 5rem;
@nameInput: 12rem; @nameInput : 12rem;
@infoSelectWidth: 9rem; @infoSelectWidth: 9rem;
.bp3-portal { .bp3-portal {
@ -14,11 +14,11 @@
} }
#modal { #modal {
position: fixed; position : fixed;
outline: none; outline : none;
font-size: 8px; font-size: 8px;
left: 0; left : 0;
top: 0; top : 0;
// overflow: hidden; //影响到DisplayConfigPanel 的ColorPick // overflow: hidden; //影响到DisplayConfigPanel 的ColorPick
select { select {
@ -27,7 +27,7 @@
.modal-container { .modal-container {
position: fixed; position: fixed;
outline: none; outline : none;
.bp3-dialog-container { .bp3-dialog-container {
outline: none; outline: none;
@ -41,12 +41,12 @@
#modal .bp3-dialog { #modal .bp3-dialog {
margin: 0; margin: 0;
width: 100%; width : 100%;
} }
#modal .dark-body { #modal .dark-body {
background: @darkBgColor; background: @darkBgColor;
color: @darkFontColor; color : @darkFontColor;
h4, h4,
h5, h5,
@ -57,16 +57,16 @@
#modal input { #modal input {
font-size: 8px; font-size: 8px;
padding: 0 5px; padding : 0 5px;
} }
#modal h5 { #modal h5 {
font-size: 10px; font-size : 10px;
font-weight: bold; font-weight: bold;
} }
#modal .bp3-dialog>.behind-board>div { #modal .bp3-dialog>.behind-board>div {
margin: 10px 0; margin : 10px 0;
text-align: right; text-align: right;
} }
@ -76,13 +76,13 @@
/* 板件input样式调整 */ /* 板件input样式调整 */
#modal .bp3-dialog-body .bp3-label { #modal .bp3-dialog-body .bp3-label {
line-height: @inputHeight; line-height : @inputHeight;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
#modal .bp3-dialog-body .bp3-label>span { #modal .bp3-dialog-body .bp3-label>span {
display: inline-block; display: inline-block;
width: 3.5rem; width : 3.5rem;
} }
#modal .bp3-dialog-body .bp3-input:not([type=search]), #modal .bp3-dialog-body .bp3-input:not([type=search]),
@ -91,7 +91,7 @@
} }
#modal .boardRadio { #modal .boardRadio {
display: flex; display : flex;
justify-content: flex-start; justify-content: flex-start;
} }
@ -109,25 +109,25 @@
#modal .flexWrap>div, #modal .flexWrap>div,
#modal .flexWrap>label { #modal .flexWrap>label {
width: 50%; width : 50%;
line-height: 15px; line-height: 15px;
display: flex; display : flex;
} }
#modal .flexWrap>div .bp3-input, #modal .flexWrap>div .bp3-input,
#modal .small-input input { #modal .small-input input {
padding: 0 0 0 5px; padding: 0 0 0 5px;
width: @inputWidth; width : @inputWidth;
} }
#modal .br-set { #modal .br-set {
margin-bottom: 10px; margin-bottom: 10px;
white-space: nowrap; white-space : nowrap;
} }
#modal .br-set>span:first-child { #modal .br-set>span:first-child {
display: inline-block; display : inline-block;
width: 3.5rem; width : 3.5rem;
white-space: nowrap; white-space: nowrap;
} }
@ -138,12 +138,12 @@
// 配置信息 // 配置信息
#modal .bp3-dialog-footer { #modal .bp3-dialog-footer {
margin: 0; margin : 0;
padding: 10px 20px; padding : 10px 20px;
border-radius: 0 0 6px 6px; border-radius : 0 0 6px 6px;
display: flex; display : flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items : center;
} }
#modal .bp3-dialog-footer .bp3-label { #modal .bp3-dialog-footer .bp3-label {
@ -156,19 +156,19 @@
#modal .bp3-dialog-footer .cf-select { #modal .bp3-dialog-footer .cf-select {
vertical-align: bottom; vertical-align: bottom;
display: inline-block; display : inline-block;
} }
#modal .input-select { #modal .input-select {
display: inline-block; display : inline-block;
width: @selectWidth; width : @selectWidth;
vertical-align: bottom; vertical-align: bottom;
} }
//select高度改变,调整切换符号位置 //select高度改变,调整切换符号位置
#modal .bp3-html-select .bp3-icon { #modal .bp3-html-select .bp3-icon {
right: 1px; right: 1px;
top: 2.5px; top : 2.5px;
} }
.input-select { .input-select {
@ -176,39 +176,39 @@
} }
#modal .newDir>label { #modal .newDir>label {
display: flex; display : flex;
align-items: center; align-items: center;
input { input {
width: 100px; width : 100px;
height: 30px !important; height: 30px !important;
} }
} }
#modal .max { #modal .max {
height: 100vh !important; height: 100vh !important;
width: 100vw !important; width : 100vw !important;
left: 0 !important; left : 0 !important;
top: 0 !important; top : 0 !important;
&>div { &>div {
max-width: unset !important; max-width : unset !important;
max-height: unset !important; max-height: unset !important;
min-width: unset !important; min-width : unset !important;
min-height: unset !important; min-height: unset !important;
width: 100% !important; width : 100% !important;
height: 100% !important; height : 100% !important;
&>div { &>div {
min-height: unset; min-height: unset;
height: 100%; height : 100%;
} }
} }
} }
#modal #optionModal .kjl-config { #modal #optionModal .kjl-config {
&>label { &>label {
width: 50%; width : 50%;
display: flex; display: flex;
&>span:first-child { &>span:first-child {
@ -220,7 +220,7 @@
width: 70%; width: 70%;
input { input {
width: 100%; width : 100%;
margin: 0; margin: 0;
} }
} }

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

@ -1,34 +1,34 @@
#optionModal { #optionModal {
min-width: 350px; min-width : 350px;
min-height: 360px; min-height: 360px;
} }
#optionModal .bp3-dialog { #optionModal .bp3-dialog {
position: absolute; position: absolute;
height: 100%; height : 100%;
} }
#optionModal .bp3-dialog-body { #optionModal .bp3-dialog-body {
display: flex; display : flex;
flex-direction: column; flex-direction: column;
padding: 10px; padding : 10px;
overflow: hidden; overflow : hidden;
&>.bp3-card { &>.bp3-card {
padding: 10px; padding: 10px;
} }
&>.bp3-tabs { &>.bp3-tabs {
flex: 1 1 auto; flex : 1 1 auto;
overflow: hidden; overflow: hidden;
.bp3-tab-panel { .bp3-tab-panel {
margin: 0; margin : 0;
padding: 1px; padding: 1px;
height: 85%; height : 85%;
&>.bp3-card { &>.bp3-card {
height: 100%; height : 100%;
overflow: auto; overflow: auto;
} }
} }

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

@ -1,17 +1,17 @@
#commonModal .recycle { #commonModal .recycle {
width: 800px; width : 800px;
height: 680px; height : 680px;
overflow: hidden; overflow: hidden;
ul.file-list { ul.file-list {
display: flex; display : flex;
flex-wrap: wrap; flex-wrap : wrap;
list-style: none; list-style: none;
padding: 0 10px; padding : 0 10px;
li { li {
padding: 5px; padding : 5px;
width: 20%; width : 20%;
text-align: center; text-align: center;
img { img {
@ -24,8 +24,8 @@
li.selected { li.selected {
background-color: #7ecef1; background-color: #7ecef1;
color: #000; color : #000;
outline: 1px solid #15abeb; outline : 1px solid #15abeb;
} }
} }

13
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{
margin:10px; #referenceCuttingModal .bp3-dialog>.bp3-dialog-body {
margin: 10px;
} }

10
src/UI/Components/Modal/ModalStyle/SaveAs.less
Unescape View File

@ -1,16 +1,16 @@
#modal .saveAs { #modal .saveAs {
width: 300px; width : 300px;
padding: 5px; padding: 5px;
.saveAs-body { .saveAs-body {
max-height: 600px; max-height: 600px;
overflow: auto; overflow : auto;
} }
.saveAs-footer { .saveAs-footer {
text-align: right; text-align : right;
padding: 10px 0; padding : 10px 0;
display: flex; display : flex;
justify-content: space-between; justify-content: space-between;
} }
} }

2
src/UI/Components/Modal/ModalStyle/SmoothEdge.less
Unescape View File

@ -9,7 +9,7 @@
} }
&>ul { &>ul {
height: 100px; height : 100px;
overflow: auto; overflow: auto;
li { li {

56
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;
} }

40
src/UI/Components/Modal/ModalStyle/UpdateBoardInfo.less
Unescape View File

@ -7,12 +7,12 @@
} }
.u-header { .u-header {
width: 100%; width : 100%;
padding: 5px 10px; padding: 5px 10px;
.inputSelect { .inputSelect {
width: 40%; width : 40%;
display: inline-flex; display : inline-flex;
vertical-align: middle; vertical-align: middle;
.selectList { .selectList {
@ -20,7 +20,7 @@
} }
.bp3-input { .bp3-input {
width: 100%; width : 100%;
height: 30px; height: 30px;
} }
@ -37,13 +37,13 @@
} }
.info-item { .info-item {
display: flex; display : flex;
align-items: center; align-items: center;
margin: 5px 0; margin : 5px 0;
.bp3-control { .bp3-control {
margin: 0; margin: 0;
width: 70px; width : 70px;
} }
@ -53,10 +53,10 @@
} }
.bp3-button { .bp3-button {
height: 20px; height : 20px;
min-height: 20px; min-height : 20px;
line-height: 20px; line-height: 20px;
padding: 0 10px; padding : 0 10px;
} }
} }
@ -64,8 +64,8 @@
margin-top: 50px; margin-top: 50px;
.bp3-control { .bp3-control {
margin: 0; margin : 0;
padding-left: 20px; padding-left : 20px;
vertical-align: bottom; vertical-align: bottom;
} }
@ -84,7 +84,7 @@
.mat-color { .mat-color {
margin-bottom: 10px; margin-bottom: 10px;
position: relative; position : relative;
&>div:first-child { &>div:first-child {
flex: 1; flex: 1;
@ -95,7 +95,7 @@
&>span { &>span {
padding-left: 27px; padding-left: 27px;
width: 70px; width : 70px;
} }
input { input {
@ -108,17 +108,17 @@
} }
button { button {
width: 40px; width : 40px;
height: 54px; height : 54px;
padding: 0; padding : 0;
text-align: center; text-align: center;
} }
.search-shop { .search-shop {
position: absolute; position: absolute;
left: 0; left : 0;
top: 0; top : 0;
right: auto; right : auto;
input { input {
width: 100%; width: 100%;

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

@ -1,20 +1,24 @@
#modal .winerack{ #modal .winerack {
.br-set > span:first-child{ .br-set>span:first-child {
width: 4.5rem; width: 4.5rem;
} }
.bespread-type{
display: flex; .bespread-type {
display : flex;
flex-wrap: wrap; flex-wrap: wrap;
&>label{
&>label {
width: 50%; width: 50%;
} }
} }
.full-type{
&>div:first-child{ .full-type {
&>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;
} }
} }

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

@ -1,112 +1,142 @@
#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{
line-height: 1.5rem; #boardPropsCom .bp3-label {
line-height : 1.5rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
#boardPropsCom .flexWrap>div,#boardPropsCom .flexWrap>label{
width: 50%; #boardPropsCom .flexWrap>div,
#boardPropsCom .flexWrap>label {
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;
} }
} }
.br-mat>div>div:last-child{ .br-mat>div>div:last-child {
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{
display: inline-block; #boardPropsCom .br-set>span:first-child {
width: 3.5rem; display : inline-block;
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{
.boardSize{ #boardPropsCom {
.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{
display: block; #boardPropsCom .boardSize .bp3-label>.bp3-input {
padding: 0; display : block;
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{
display: inline-block;
margin: 0 5px;
} }
#boardPropsCom .bp3-label>span{
#boardPropsCom .boardSize .bp3-label,
#commonModal .behind-board .board-info .boardSize .bp3-input {
display: inline-block; display: inline-block;
width: 3.5rem; margin : 0 5px;
} }
#boardPropsCom .boardModel{
#boardPropsCom .bp3-label>span {
display: inline-block; display: inline-block;
width: 35px; width : 3.5rem;
height: 50px; }
border: 1px solid #000;
#boardPropsCom .boardModel {
display : inline-block;
width : 35px;
height : 50px;
border : 1px solid #000;
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{
float: right; #boardPropsCom>div:last-child {
float: right;
} }

92
src/UI/Components/RightPanel/Modeling.less
Unescape View File

@ -2,21 +2,21 @@
// height: 90%; // height: 90%;
// } // }
#RightPanel .bp3-card { #RightPanel .bp3-card {
padding: 0; padding : 0;
border-radius: 0px; border-radius: 0px;
} }
#RightPanel .bp3-tab-panel { #RightPanel .bp3-tab-panel {
width: 100%; width : 100%;
overflow: auto; overflow: auto;
padding: 5px; padding : 5px;
} }
#RightPanel .bp3-tab-panel.tab-unstyle { #RightPanel .bp3-tab-panel.tab-unstyle {
.bp3-tab.tab-unstyle { .bp3-tab.tab-unstyle {
width: calc(100% * 0.33333); width : calc(100% * 0.33333);
// border-width: 0; // border-width: 0;
outline: none; outline : none;
// background: #293742;//背景色待更改 且可随主题变化 // background: #293742;//背景色待更改 且可随主题变化
} }
@ -31,7 +31,7 @@
&>li>label { &>li>label {
text-align: center; text-align: center;
width: 50%; width : 50%;
box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), box-shadow: 0 0 0 0 rgba(19, 124, 189, 0),
0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0),
0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0),
@ -40,7 +40,7 @@
} }
&>li { &>li {
display: flex; display : flex;
justify-content: space-between; justify-content: space-between;
&:first-child>label { &:first-child>label {
@ -50,7 +50,7 @@
label, label,
input, input,
&>div { &>div {
width: 50%; width : 50%;
margin: 0; margin: 0;
} }
} }
@ -74,10 +74,10 @@
&>span:first-child, &>span:first-child,
&>label:first-child { &>label:first-child {
line-height: 2; line-height: 2;
width: 10%; width : 10%;
padding: 0; padding : 0;
text-align: center; text-align : center;
display: inline-block; display : inline-block;
} }
} }
} }
@ -93,7 +93,7 @@
.modeling2 { .modeling2 {
max-height: 94%; max-height: 94%;
overflow: auto; overflow : auto;
&>li:first-child { &>li:first-child {
justify-content: start; justify-content: start;
@ -111,28 +111,28 @@
} }
label:last-child { label:last-child {
width: 8.5%; //n width : 8.5%; //n
outline: none; outline : none;
box-shadow: none; box-shadow: none;
} }
} }
&>li { &>li {
width: 100%; width : 100%;
display: flex; display : flex;
justify-content: start; justify-content: start;
.temp-span { .temp-span {
display: inline-block; display : inline-block;
width: 0; width : 0;
height: 100%; height : 100%;
vertical-align: middle; vertical-align: middle;
} }
&>span { &>span {
width: 15%; width : 15%;
height: auto; height : auto;
text-align: center; text-align : center;
vertical-align: middle; vertical-align: middle;
} }
@ -140,7 +140,7 @@
width: 17%; width: 17%;
select { select {
width: 100%; width : 100%;
height: 30px; height: 30px;
} }
} }
@ -150,7 +150,7 @@
&>div { &>div {
display: flex; display: flex;
width: 100%; width : 100%;
&>span, &>span,
&>input, &>input,
@ -166,7 +166,7 @@
} }
&>button:last-child { &>button:last-child {
width: 12.5%; width : 12.5%;
min-width: 12.5%; min-width: 12.5%;
} }
} }
@ -182,7 +182,7 @@
.modeling3 { .modeling3 {
max-height: 94%; max-height: 94%;
overflow: auto; overflow : auto;
&>li:first-child { &>li:first-child {
justify-content: start; justify-content: start;
@ -197,20 +197,20 @@
} }
&>li { &>li {
width: 100%; width : 100%;
display: flex; display : flex;
justify-content: start; justify-content: start;
&>span { &>span {
width: 15%; width : 15%;
height: auto; height : auto;
text-align: center; text-align : center;
vertical-align: middle; vertical-align: middle;
span { span {
display: inline-block; display : inline-block;
width: 0; width : 0;
height: 100%; height : 100%;
vertical-align: middle; vertical-align: middle;
} }
} }
@ -219,7 +219,7 @@
width: 42.5%; width: 42.5%;
select { select {
width: 100%; width : 100%;
height: 100%; height: 100%;
} }
} }
@ -229,7 +229,7 @@
&>div { &>div {
display: flex; display: flex;
width: 100%; width : 100%;
&>span, &>span,
&>input, &>input,
@ -253,12 +253,12 @@
::-webkit-scrollbar-track-piece { ::-webkit-scrollbar-track-piece {
background-color: #fff; background-color: #fff;
/*滚动条的背景颜色*/ /*滚动条的背景颜色*/
border-radius: 0; border-radius : 0;
/*滚动条的圆角宽度*/ /*滚动条的圆角宽度*/
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 10px; width : 10px;
/*滚动条的宽度*/ /*滚动条的宽度*/
height: 8px; height: 8px;
/*滚动条的高度*/ /*滚动条的高度*/
@ -266,17 +266,17 @@
::-webkit-scrollbar-thumb:vertical { ::-webkit-scrollbar-thumb:vertical {
/*垂直滚动条的样式*/ /*垂直滚动条的样式*/
height: 50px; height : 50px;
background-color: #999; background-color: #999;
border-radius: 4px; border-radius : 4px;
outline: 2px solid #fff; outline : 2px solid #fff;
outline-offset: -2px; outline-offset : -2px;
border: 2px solid #fff; border : 2px solid #fff;
} }
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
/*滚动条的hover样式*/ /*滚动条的hover样式*/
height: 50px; height : 50px;
background-color: #9f9f9f; background-color: #9f9f9f;
border-radius: 4px; border-radius : 4px;
} }

130
src/UI/Components/RightPanel/RightPanel.less
Unescape View File

@ -1,10 +1,10 @@
@height: 27px; @height: 27px;
#RightPanel .lg-target .bp3-input-group { #RightPanel .lg-target .bp3-input-group {
cursor: pointer; cursor : pointer;
width: 10rem; width : 10rem;
height: @height; height : @height;
line-height: @height; line-height : @height;
vertical-align: baseline; vertical-align: baseline;
.bp3-input-action { .bp3-input-action {
@ -22,46 +22,46 @@
#RightPanelBtn { #RightPanelBtn {
>div { >div {
background: #fff; background : #fff;
transform: perspective(3em) rotateY(-40deg); transform : perspective(3em) rotateY(-40deg);
border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px;
} }
.bp3-button.bp3-small { .bp3-button.bp3-small {
&.iconTransBtn { &.iconTransBtn {
>span { >span {
transform: rotate(90deg); transform : rotate(90deg);
-webkit-transition: transform .25s linear; -webkit-transition: transform .25s linear;
-moz-transition: transform .25s linear; -moz-transition : transform .25s linear;
-o-transition: transform .25s linear; -o-transition : transform .25s linear;
transition: transform .25s linear; transition : transform .25s linear;
} }
} }
border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;
min-height: 30px; min-height : 30px;
padding: 5px 0 5px 5px; padding : 5px 0 5px 5px;
>span { >span {
transform: rotate(-90deg); transform : rotate(-90deg);
-webkit-transition: transform .25s linear; -webkit-transition: transform .25s linear;
-moz-transition: transform .25s linear; -moz-transition : transform .25s linear;
-o-transition: transform .25s linear; -o-transition : transform .25s linear;
transition: transform .25s linear; transition : transform .25s linear;
} }
} }
} }
#RightPanel .lg { #RightPanel .lg {
display: flex; display : flex;
flex-wrap: wrap; flex-wrap : wrap;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items : center;
&>div { &>div {
margin-top: 0; margin-top : 0;
margin-bottom: 15px; margin-bottom: 15px;
padding-top: 7px; padding-top : 7px;
} }
&>div, &>div,
@ -71,30 +71,30 @@
&>div>span, &>div>span,
&>.bp3-label>span { &>.bp3-label>span {
display: inline-block; display : inline-block;
width: 2.5rem; width : 2.5rem;
vertical-align: middle; vertical-align: middle;
} }
input { input {
height: @height; height : @height;
line-height: @height; line-height: @height;
width: @inputWidth; width : @inputWidth;
} }
label.bp3-label.bp3-inline { label.bp3-label.bp3-inline {
line-height: @height; line-height : @height;
margin-bottom: 10px; margin-bottom: 10px;
} }
.lg-pos { .lg-pos {
width: 100%; width : 100%;
margin-bottom: 0; margin-bottom: 0;
ul { ul {
display: flex; display : flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap : wrap;
li { li {
width: 50%; width: 50%;
@ -107,7 +107,7 @@
} }
.bp3-input-group { .bp3-input-group {
height: @height; height : @height;
line-height: @height; line-height: @height;
margin-left: 0; margin-left: 0;
} }
@ -132,7 +132,7 @@
} }
.bp3-control.bp3-large { .bp3-control.bp3-large {
font-size: 14px; font-size : 14px;
font-weight: 600; font-weight: 600;
.bp3-control-indicator { .bp3-control-indicator {
@ -145,9 +145,9 @@
#modal { #modal {
.metal-root { .metal-root {
.cf-select { .cf-select {
width: calc(100% + 20px); width : calc(100% + 20px);
margin-left: -10px; margin-left: -10px;
margin-top: 20px; margin-top : 20px;
.input-select { .input-select {
vertical-align: bottom; vertical-align: bottom;
@ -157,7 +157,7 @@
.metals { .metals {
input { input {
height: 20px; height : 20px;
line-height: 20px; line-height: 20px;
} }
@ -168,7 +168,7 @@
.common-matal { .common-matal {
&>label { &>label {
display: flex; display : flex;
align-items: center; align-items: center;
&>span { &>span {
@ -181,12 +181,12 @@
} }
.k-v { .k-v {
display: flex; display : flex;
text-align: center; text-align : center;
padding-right: 10px; padding-right: 10px;
&>span { &>span {
width: 50%; width : 50%;
outline: 1px solid #444; outline: 1px solid #444;
} }
} }
@ -195,7 +195,7 @@
margin-bottom: 6px; margin-bottom: 6px;
input { input {
width: 20%; width : 20%;
margin-right: 5px; margin-right: 5px;
} }
@ -209,11 +209,11 @@
} }
.metal-other { .metal-other {
list-style: none; list-style : none;
padding: 0; padding : 0;
margin: 0; margin : 0;
height: 200px; height : 200px;
overflow: auto; overflow : auto;
margin-bottom: 30px; margin-bottom: 30px;
&>li { &>li {
@ -227,27 +227,27 @@
} }
& .metal-type { & .metal-type {
display: flex; display : flex;
flex-wrap: wrap; flex-wrap : wrap;
justify-content: space-between; justify-content: space-between;
&>label { &>label {
width: 45%; width : 45%;
display: flex; display : flex;
align-items: center; align-items: center;
&>span:first-child { &>span:first-child {
flex: 1; flex : 1;
white-space: nowrap; white-space: nowrap;
} }
&>span:last-child:not(.bp3-control-indicator) { &>span:last-child:not(.bp3-control-indicator) {
width: 70%; width : 70%;
margin: 0; margin: 0;
input, input,
span { span {
width: 100%; width : 100%;
margin: 0; margin: 0;
} }
} }
@ -266,23 +266,23 @@
#RightPanel { #RightPanel {
.tabs-unstyle .bp3-tabs.bp3-vertical>.bp3-tab-list { .tabs-unstyle .bp3-tabs.bp3-vertical>.bp3-tab-list {
flex-direction: column; flex-direction: column;
writing-mode: inherit; writing-mode : inherit;
width: 20px; width : 20px;
align-items: center; align-items : center;
justify-items: center; justify-items : center;
.bp3-tab { .bp3-tab {
overflow: auto; overflow : auto;
white-space: unset; white-space : unset;
line-height: 1.25; line-height : 1.25;
text-align: center; text-align : center;
justify-self: center; justify-self : center;
align-self: stretch; align-self : stretch;
align-items: stretch; align-items : stretch;
justify-items: center; justify-items : center;
display: flex; display : flex;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction : column;
} }
} }
} }

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

@ -1,96 +1,110 @@
#templateParam{ #templateParam {
height: 100%; height: 100%;
.template-tree{
.template-tree {
height: 30%; height: 30%;
.bp3-tree{
height: 100%; .bp3-tree {
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;
} }
} }
} }
} }
} }
.template-detail { .template-detail {
width: 100%; width: 100%;
.bp3-input{
width: 5rem; .bp3-input {
} width: 5rem;
.basePtExpress{ }
display: flex;
justify-content: space-around; .basePtExpress {
} display : flex;
.rotateExpress{ justify-content: space-around;
display: flex; }
justify-content: space-around;
} .rotateExpress {
.bp3-numeric-input{ display : flex;
padding: 0; justify-content: space-around;
height: unset; }
line-height: unset;
.bp3-button-group.bp3-vertical>.bp3-button{ .bp3-numeric-input {
width: 20px; padding : 0;
} height : unset;
.bp3-input{ line-height: unset;
padding-left: 10px;
width: 4rem; .bp3-button-group.bp3-vertical>.bp3-button {
} width: 20px;
} }
&>div {
input {
height: 30px;
}
align-items: flex-start; .bp3-input {
padding-left: 10px;
width : 4rem;
} }
}
&>div:last-child { &>div {
text-align: right; input {
height: 30px;
} }
&>ul { align-items: flex-start;
list-style: none; }
padding: 0;
text-align: center;
box-shadow: 1px 0 0 0 rgba(16, 22, 26, 0.15);
&>li { &>div:last-child {
display: flex; text-align: right;
justify-content: space-between; }
height: 25px;
align-items: center;
&>span { &>ul {
width: 50%; list-style: none;
} padding : 0;
text-align: center;
box-shadow: 1px 0 0 0 rgba(16, 22, 26, 0.15);
&>li {
display : flex;
justify-content: space-between;
height : 25px;
align-items : center;
&>span {
width: 50%;
} }
}
&>li:first-child { &>li:first-child {
span { span {
background: #ccc; background: #ccc;
}
} }
}
&>li:not(:first-child) { &>li:not(:first-child) {
box-shadow: 0 1px 0 0 rgba(16, 22, 26, 0.15); box-shadow: 0 1px 0 0 rgba(16, 22, 26, 0.15);
span { span {
box-shadow: 1px 0 0 0 rgba(16, 22, 26, 0.15); box-shadow: 1px 0 0 0 rgba(16, 22, 26, 0.15);
} }
input { input {
height: 25px; height: 25px;
}
} }
} }
.attach-info{
margin-top: 10px;
font-size: 14px;
}
} }
.attach-info {
margin-top: 10px;
font-size : 14px;
}
}
} }

260
src/UI/Components/SourceManage/TexturePanel.less
Unescape View File

@ -1,9 +1,9 @@
.texturePanel { .texturePanel {
height: 100%; height : 100%;
padding: 0; padding: 0;
&>div:first-child { &>div:first-child {
display: flex; display : flex;
justify-content: space-between; justify-content: space-between;
.bp3-align-right { .bp3-align-right {
@ -12,23 +12,23 @@
} }
&>div:last-child { &>div:last-child {
height: calc(~"100% - 50px"); height : calc(~"100% - 50px");
display: flex; display : flex;
justify-content: space-between; justify-content: space-between;
padding: 0; padding : 0;
.img-tree { .img-tree {
width: 25%; width : 25%;
padding: 0; padding : 0;
overflow: auto; overflow: auto;
.bp3-tree { .bp3-tree {
height: 100%; height : 100%;
box-shadow: none; box-shadow: none;
&>ul { &>ul {
max-height: 95%; max-height: 95%;
overflow: auto; overflow : auto;
} }
.bp3-tree-node-content-1 { .bp3-tree-node-content-1 {
@ -38,11 +38,11 @@
} }
.img-lib { .img-lib {
width: 75%; width : 75%;
padding: 0 10px; padding : 0 10px;
overflow: visible; overflow : visible;
position: relative; position : relative;
display: flex; display : flex;
flex-direction: column; flex-direction: column;
&>.bp3-control { &>.bp3-control {
@ -50,19 +50,19 @@
} }
&>ul:first-child { &>ul:first-child {
list-style: none; list-style : none;
display: flex; display : flex;
flex-wrap: wrap; flex-wrap : wrap;
padding: 0; padding : 0;
flex: 1; flex : 1;
align-content: start; align-content: start;
margin: 0; margin : 0;
overflow: visible; overflow : visible;
&>li { &>li {
width: 20%; width : 20%;
padding: 5px; padding : 5px;
position: relative; position : relative;
// height: 32%; // height: 32%;
.bp3-transition-container { .bp3-transition-container {
@ -71,59 +71,59 @@
&>.look-img .bp3-popover-target, &>.look-img .bp3-popover-target,
.look-mat { .look-mat {
width: 100%; width : 100%;
height: 0px; height : 0px;
padding-bottom: 100%; padding-bottom: 100%;
overflow: hidden; overflow : hidden;
margin: 0; margin : 0;
position: relative; position : relative;
div { div {
position: absolute; position: absolute;
left: 0; left : 0;
width: 100%; width : 100%;
height: 100%; height : 100%;
} }
img { img {
position: absolute; position: absolute;
left: 0; left : 0;
} }
.apply-img-hint:hover:before { .apply-img-hint:hover:before {
content: "双击应用图片"; content : "双击应用图片";
position: absolute; position: absolute;
left: 0; left : 0;
right: 0; right : 0;
bottom: 0; bottom : 0;
top: 0; top : 0;
margin: auto; margin : auto;
width: max-content; width : max-content;
height: 20px; height : 20px;
opacity: 0.5; opacity : 0.5;
} }
} }
&>p { &>p {
width: 70%; width : 70%;
overflow: hidden; overflow : hidden;
padding: 0; padding : 0;
margin: 0; margin : 0;
white-space: nowrap; white-space : nowrap;
text-overflow: ellipsis text-overflow: ellipsis
} }
&>.bp3-control { &>.bp3-control {
display: none; display : none;
position: absolute; position : absolute;
top: 5px; top : 5px;
margin: 0; margin : 0;
padding: 0; padding : 0;
height: 16px; height : 16px;
line-height: 16px; line-height: 16px;
.bp3-control-indicator { .bp3-control-indicator {
margin: 0; margin : 0;
vertical-align: baseline; vertical-align: baseline;
} }
} }
@ -134,8 +134,8 @@
&>.bp3-popover-wrapper:not(:first-child) { &>.bp3-popover-wrapper:not(:first-child) {
position: absolute; position: absolute;
top: 0; top : 0;
right: 0px; right : 0px;
.bp3-button { .bp3-button {
display: none; display: none;
@ -186,11 +186,11 @@
&>.bp3-control { &>.bp3-control {
left: 10px; left: 10px;
top: 10; top : 10;
} }
&>p { &>p {
width: 100%; width : 100%;
bottom: -10px; bottom: -10px;
} }
} }
@ -198,13 +198,13 @@
.bp3-dialog-container { .bp3-dialog-container {
position: fixed; position: fixed;
left: 0; left : 0;
top: 0; top : 0;
z-index: 30; z-index : 30;
.bp3-dialog { .bp3-dialog {
width: unset; width : unset;
margin: 0; margin : 0;
padding: 0; padding: 0;
} }
} }
@ -216,29 +216,29 @@
.upload { .upload {
.thumbnail { .thumbnail {
min-height: 200px; min-height: 200px;
position: relative; position : relative;
padding: 20px; padding : 20px;
.thumbnail-list { .thumbnail-list {
list-style: none; list-style : none;
display: flex; display : flex;
flex-wrap: wrap; flex-wrap : wrap;
justify-content: flex-start; justify-content: flex-start;
margin-right: 10px; margin-right : 10px;
margin-bottom: 10px; margin-bottom : 10px;
max-height: 400px; max-height : 400px;
overflow: auto; overflow : auto;
li { li {
width: 110px; width : 110px;
height: 110px; height : 110px;
padding: 10px; padding : 10px;
position: relative; position: relative;
button { button {
position: absolute; position: absolute;
right: 0; right : 0;
top: 0; top : 0;
svg { svg {
color: #ff7373; color: #ff7373;
@ -250,24 +250,24 @@
.thumbnail>div.border { .thumbnail>div.border {
display: block; display: block;
width: 100%; width : 100%;
height: 180px; height : 180px;
border: 2px dashed #ccc; border : 2px dashed #ccc;
} }
.uploadBtn { .uploadBtn {
width: 100px; width : 100px;
height: 50px; height : 50px;
line-height: 50px; line-height : 50px;
border-radius: 5px; border-radius: 5px;
text-align: center; text-align : center;
position: absolute; position : absolute;
left: 0; left : 0;
right: 0; right : 0;
top: 0; top : 0;
bottom: 0; bottom : 0;
margin: auto; margin : auto;
background: #137cbd; background : #137cbd;
} }
.bp3-dialog-footer-actions { .bp3-dialog-footer-actions {
@ -280,20 +280,20 @@
.bp3-dialog-body { .bp3-dialog-body {
h5 { h5 {
padding-left: 20px; padding-left : 20px;
padding-top: 20px; padding-top : 20px;
overflow: hidden; overflow : hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space : nowrap;
} }
} }
} }
.newDir { .newDir {
position: fixed; position: fixed;
top: 10%; top : 10%;
left: 33%; left : 33%;
z-index: 25; z-index : 25;
label.bp3-label { label.bp3-label {
margin-bottom: 0 margin-bottom: 0
@ -301,31 +301,31 @@
} }
.pagination { .pagination {
display: flex; display : flex;
justify-content: center; justify-content: center;
align-items: center; align-items : center;
width: 100%; width : 100%;
padding: 10px 0; padding : 10px 0;
height: 60px; height : 60px;
ul { ul {
margin: 0; margin : 0;
list-style: none; list-style : none;
display: flex; display : flex;
// width: calc(~"100% - 20px"); // width: calc(~"100% - 20px");
justify-content: center; justify-content: center;
padding-left: 0; padding-left : 0;
flex-wrap: wrap; flex-wrap : wrap;
li { li {
border: 1px solid #137cbd; border : 1px solid #137cbd;
border-radius: 5px; border-radius: 5px;
height: 36px; height : 36px;
width: 36px; width : 36px;
cursor: pointer; cursor : pointer;
text-align: center; text-align : center;
line-height: 36px; line-height : 36px;
margin-right: 5px; margin-right : 5px;
} }
li.active { li.active {
@ -333,20 +333,20 @@
} }
li.disabled { li.disabled {
cursor: not-allowed; cursor : not-allowed;
color: #ccc; color : #ccc;
border-color: #ccc; border-color: #ccc;
} }
} }
.bp3-label { .bp3-label {
display: flex; display : flex;
justify-content: center; justify-content: center;
align-items: center; align-items : center;
margin: 0; margin : 0;
input { input {
width: 35px; width : 35px;
margin: 0 5px; margin: 0 5px;
} }
} }
@ -354,7 +354,7 @@
.new-mat { .new-mat {
position: fixed; position: fixed;
outline: none; outline : none;
.link-shop { .link-shop {
&>div { &>div {
@ -365,11 +365,11 @@
} }
ul { ul {
font-size: 16px; font-size : 16px;
position: absolute; position : absolute;
top: 36px; top : 36px;
left: 0; left : 0;
width: 100%; width : 100%;
background: rgb(48, 64, 77); background: rgb(48, 64, 77);
li:hover { li:hover {
@ -380,7 +380,7 @@
} }
&>div:last-child { &>div:last-child {
display: flex; display : flex;
justify-content: flex-end; justify-content: flex-end;
.bp3-button { .bp3-button {
@ -391,7 +391,7 @@
.search-dir { .search-dir {
max-height: 300px; max-height: 300px;
overflow: auto; overflow : auto;
li { li {
padding: 5px 0; padding: 5px 0;
@ -399,6 +399,6 @@
li:hover { li:hover {
background-color: #ccc; background-color: #ccc;
color: #fff color : #fff
} }
} }

228
src/UI/Components/Template/Template.less
Unescape View File

@ -10,9 +10,9 @@
#commonModal .template, #commonModal .template,
#commonModal .template-select { #commonModal .template-select {
max-width: 900px; max-width : 900px;
width: 60vw; width : 60vw;
height: 80vh; height : 80vh;
min-height: 750px; min-height: 750px;
max-height: 1000px; max-height: 1000px;
@ -29,34 +29,34 @@
} }
.template-right { .template-right {
flex: 1; flex : 1;
overflow: auto; overflow: auto;
.template-list { .template-list {
padding: 0; padding : 0;
list-style: none; list-style : none;
display: flex; display : flex;
flex-wrap: wrap; flex-wrap : wrap;
width: 60%; width : 60%;
box-shadow: 1px 0 0 0 rgba(16, 22, 26, 0.15); box-shadow : 1px 0 0 0 rgba(16, 22, 26, 0.15);
align-content: flex-start; align-content: flex-start;
text-align: center; text-align : center;
&>li { &>li {
padding: 5px 10px 0 10px; padding: 5px 10px 0 10px;
&>div { &>div {
width: 80%; width : 80%;
margin: 0 auto; margin: 0 auto;
} }
&>p { &>p {
width: 100px; width : 100px;
// overflow: hidden; // overflow: hidden;
// white-space: nowrap; // white-space: nowrap;
// text-overflow: ellipsis; // text-overflow: ellipsis;
margin: 0; margin : 0;
line-height: 1; line-height : 1;
} }
} }
} }
@ -78,22 +78,22 @@
&>ul { &>ul {
list-style: none; list-style: none;
padding: 0; padding : 0;
text-align: center; text-align: center;
box-shadow: 1px 0 0 0 rgba(16, 22, 26, 0.15); box-shadow: 1px 0 0 0 rgba(16, 22, 26, 0.15);
max-height: 40%; max-height: 40%;
overflow: auto; overflow : auto;
&>li { &>li {
display: flex; display : flex;
justify-content: space-between; justify-content: space-between;
height: 25px; height : 25px;
align-items: center; align-items : center;
white-space: nowrap; white-space : nowrap;
&>span { &>span {
width: 25%; width : 25%;
overflow: hidden; overflow : hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
} }
@ -107,10 +107,10 @@
&>div { &>div {
&>label { &>label {
display: flex; display : flex;
align-items: center; align-items: center;
text-align: left; text-align : left;
flex: 1; flex : 1;
} }
&>label:first-child { &>label:first-child {
@ -131,17 +131,17 @@
position: relative; position: relative;
&>.bp3-control { &>.bp3-control {
display: none; display : none;
position: absolute; position : absolute;
top: 5px; top : 5px;
left: 10px; left : 10px;
margin: 0; margin : 0;
padding: 0; padding : 0;
height: 16px; height : 16px;
line-height: 16px; line-height: 16px;
.bp3-control-indicator { .bp3-control-indicator {
margin: 0; margin : 0;
vertical-align: baseline; vertical-align: baseline;
} }
} }
@ -152,8 +152,8 @@
&>.bp3-popover-wrapper:not(:first-child) { &>.bp3-popover-wrapper:not(:first-child) {
position: absolute; position: absolute;
top: 0px; top : 0px;
right: 0px; right : 0px;
.bp3-button { .bp3-button {
display: none; display: none;
@ -174,10 +174,10 @@
} }
.tag-list { .tag-list {
border-right: 1px solid #ccc; border-right : 1px solid #ccc;
display: flex; display : flex;
width: 50%; width : 50%;
flex-wrap: wrap; flex-wrap : wrap;
align-content: start; align-content: start;
.pagination { .pagination {
@ -185,42 +185,42 @@
} }
&>.tag-img { &>.tag-img {
width: 25%; width : 25%;
outline: 1px solid #ccc; outline : 1px solid #ccc;
height: 0; height : 0;
text-align: center; text-align : center;
padding-bottom: calc(25% + 20px); padding-bottom: calc(25% + 20px);
position: relative; position : relative;
} }
&>.tag-img:hover:after, &>.tag-img:hover:after,
&>.tag-img.active:after { &>.tag-img.active:after {
content: ""; content : "";
position: absolute; position : absolute;
left: 0; left : 0;
top: 0; top : 0;
width: 100%; width : 100%;
height: 100%; height : 100%;
background-color: rgb(30, 152, 209); background-color: rgb(30, 152, 209);
opacity: 0.5; opacity : 0.5;
} }
} }
.tag-name-list { .tag-name-list {
list-style: none; list-style : none;
width: 100px; width : 100px;
text-align: left; text-align : left;
padding: 0; padding : 0;
max-height: 100%; max-height : 100%;
overflow: auto; overflow : auto;
border-right: 1px solid #ccc; border-right : 1px solid #ccc;
padding-right: 5px; padding-right: 5px;
width: 20%; width : 20%;
li { li {
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
padding: 5px; padding : 5px;
cursor: pointer; cursor : pointer;
} }
li:hover { li:hover {
@ -229,7 +229,7 @@
li.active { li.active {
background-color: rgba(19, 124, 189); background-color: rgba(19, 124, 189);
color: #fff; color : #fff;
} }
} }
@ -237,7 +237,7 @@
#commonModal .template-detail { #commonModal .template-detail {
&>.add-tag { &>.add-tag {
display: flex; display : flex;
align-items: center; align-items: center;
padding-top: 10px; padding-top: 10px;
@ -246,10 +246,10 @@
} }
button { button {
height: 20px; height : 20px;
min-height: 20px; min-height : 20px;
line-height: 20px; line-height: 20px;
padding: 0 5px; padding : 0 5px;
} }
} }
@ -267,21 +267,21 @@
&>ul { &>ul {
list-style: none; list-style: none;
padding: 0; padding : 0;
text-align: center; text-align: center;
box-shadow: 1px 0 0 0 rgba(16, 22, 26, 0.15); box-shadow: 1px 0 0 0 rgba(16, 22, 26, 0.15);
max-height: 40%; max-height: 40%;
overflow: auto; overflow : auto;
&>li { &>li {
display: flex; display : flex;
justify-content: space-between; justify-content: space-between;
height: 25px; height : 25px;
align-items: center; align-items : center;
&>span { &>span {
width: 25%; width : 25%;
overflow: hidden; overflow : hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
} }
@ -315,9 +315,9 @@
} }
#commonModal .template-design { #commonModal .template-design {
width: 40vw; width : 40vw;
height: 61vh; height : 61vh;
min-width: 768px; min-width : 768px;
min-height: 590px; min-height: 590px;
.bp3-dialog-body { .bp3-dialog-body {
@ -348,7 +348,7 @@
.buttons { .buttons {
&>button { &>button {
margin-right: 3px; margin-right : 3px;
margin-bottom: 3px; margin-bottom: 3px;
border-radius: 5px; border-radius: 5px;
} }
@ -371,21 +371,21 @@
.params-list { .params-list {
list-style: none; list-style: none;
padding: 0; padding : 0;
text-align: center; text-align: center;
box-shadow: 1px 0 0 0 rgba(16, 22, 26, 0.15); box-shadow: 1px 0 0 0 rgba(16, 22, 26, 0.15);
flex: 1; flex : 1;
overflow: auto; overflow : auto;
&>li { &>li {
display: flex; display : flex;
justify-content: space-between; justify-content: space-between;
height: 25px; height : 25px;
align-items: center; align-items : center;
&>span { &>span {
line-height: 25px; line-height: 25px;
box-shadow: @boxShadow; box-shadow : @boxShadow;
} }
&>label { &>label {
@ -395,9 +395,9 @@
&>span, &>span,
&>input, &>input,
label { label {
width: 20% !important; width : 20% !important;
height: 100% !important; height : 100% !important;
overflow: hidden; overflow : hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
} }
@ -405,7 +405,7 @@
.action-list { .action-list {
overflow: auto; overflow: auto;
flex: 1; flex : 1;
.bp3-tree-node-content { .bp3-tree-node-content {
height: 20px; height: 20px;
@ -413,18 +413,18 @@
} }
#modal .action-dialog { #modal .action-dialog {
position: absolute; position : absolute;
left: 0; left : 0;
right: 0; right : 0;
top: 0; top : 0;
bottom: 0; bottom : 0;
margin: auto; margin : auto;
width: 200px; width : 200px;
height: 200px; height : 200px;
z-index: 35; z-index : 35;
display: flex; display : flex;
flex-direction: column; flex-direction: column;
box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.15), box-shadow : 0 0 0 1px rgba(16, 22, 26, 0.15),
0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0),
0 0 0 rgba(16, 22, 26, 0); 0 0 0 rgba(16, 22, 26, 0);
padding: 10px; padding: 10px;
@ -435,10 +435,10 @@
.bp3-dialog-body { .bp3-dialog-body {
&>.bp3-label { &>.bp3-label {
display: flex; display : flex;
width: 100%; width : 100%;
justify-content: space-between; justify-content: space-between;
margin: 5px 0 !important; margin : 5px 0 !important;
&>input, &>input,
&>.bp3-html-select { &>.bp3-html-select {
@ -448,16 +448,16 @@
} }
.bp3-dialog-footer { .bp3-dialog-footer {
padding: 0; padding : 0;
justify-content: flex-end; justify-content: flex-end;
} }
} }
#commonModal .template-select { #commonModal .template-select {
position: absolute; position: absolute;
left: 5%; left : 5%;
top: -17%; top : -17%;
z-index: 30; z-index : 30;
.show-temp { .show-temp {
&>h5 { &>h5 {
@ -465,12 +465,12 @@
} }
&>div>div { &>div>div {
width: 50%; width : 50%;
outline: 1px solid #ccc; outline : 1px solid #ccc;
text-align: center; text-align: center;
&>img { &>img {
width: 100px; width : 100px;
height: 100px; height: 100px;
} }
@ -485,15 +485,15 @@
padding: 0; padding: 0;
ul { ul {
width: 100px; width : 100px;
text-align: center; text-align: center;
padding: 5px; padding : 5px;
max-height: 200px; max-height: 200px;
overflow: auto; overflow : auto;
li { li {
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
padding: 2px 0; padding : 2px 0;
} }
li:hover { li:hover {

12
src/UI/Components/Template/Topline.less
Unescape View File

@ -1,7 +1,7 @@
#commonModal .topline { #commonModal .topline {
max-width: 900px; max-width : 900px;
width: 60vw; width : 60vw;
height: 80vh; height : 80vh;
min-height: 750px; min-height: 750px;
.bp3-dialog-body { .bp3-dialog-body {
@ -18,8 +18,8 @@
.bp3-navbar { .bp3-navbar {
input { input {
width: 150px; width : 150px;
height: 30px; height : 30px;
margin-right: 20px; margin-right: 20px;
} }
} }
@ -34,7 +34,7 @@
#commonModal { #commonModal {
.knife-props { .knife-props {
padding: 10px; padding: 10px;
width: 15%; width : 15%;
.bp3-popover-wrapper { .bp3-popover-wrapper {
width: 57px !important; width: 57px !important;

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

@ -1,82 +1,104 @@
.properties{ .properties {
width: 170px; width: 170px;
.bp3-card{
.bp3-card {
padding: 5px; padding: 5px;
height: 100%; height : 100%;
.header{
span{ .header {
font-size: 12px; span {
font-size : 12px;
font-weight: 600; font-weight: 600;
} }
margin: 10px 0;
display: flex; margin : 10px 0;
display : flex;
justify-content: space-between; justify-content: space-between;
padding: 0 5px; padding : 0 5px;
align-items: center; align-items : center;
} }
.select{
.bp3-html-select{ .select {
.bp3-html-select {
width: 100%; width: 100%;
select{
height: 2.0rem; select {
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{
margin: 5px 0 0 0 !important; .color {
width: 100% !important; margin : 5px 0 0 0 !important;
width : 100% !important;
display: flex; display: flex;
>label{
width: 20%; >label {
display: flex; width : 20%;
align-items: center; display : flex;
align-items : center;
justify-content: space-around; justify-content: space-around;
flex-direction: column; flex-direction : column;
justify-content: end; justify-content: end;
} }
>ul{
>ul {
width: 100% !important; width: 100% !important;
.props-color{
display: flex; .props-color {
display : flex;
justify-content: space-between; justify-content: space-between;
border: 1px ridge transparent; border : 1px ridge transparent;
&:hover{
border: 1px ridge #8A9BA8; &:hover {
border : 1px ridge #8A9BA8;
background: #BFCCD6; background: #BFCCD6;
cursor: pointer; cursor : pointer;
} }
>li{
pointer-events: none; >li {
pointer-events: none;
} }
} }
>li{
>label{ >li {
>label {
width: 100%; width: 100%;
} }
>ul{//.props-color-list
outline: none; >ul {
//.props-color-list
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,38 +106,46 @@
} }
} }
} }
.dal-editor{
>ul>li{ .dal-editor {
>ul>li {
padding: 5px 0 0 0; padding: 5px 0 0 0;
} }
.outline{
div{ .outline {
width: 100%; div {
display: flex; width : 100%;
display : flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items : center;
} }
} }
.text-editor{
>div{ .text-editor {
>span{ >div {
>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{
width: 70%; >span {
margin: auto 0; width : 70%;
margin : auto 0;
align-items: center; align-items: center;
} }
} }
@ -123,32 +153,35 @@
} }
} }
} }
#PropertiesBtn{
>div{ #PropertiesBtn {
background: #fff; >div {
transform: perspective(3em) rotateY(40deg); background : #fff;
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);
-webkit-transition: transform .25s linear; -webkit-transition: transform .25s linear;
-moz-transition: transform .25s linear; -moz-transition : transform .25s linear;
-o-transition: transform .25s linear; -o-transition : transform .25s linear;
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{
transform: rotate(90deg); >span {
transform : rotate(90deg);
-webkit-transition: transform .25s linear; -webkit-transition: transform .25s linear;
-moz-transition: transform .25s linear; -moz-transition : transform .25s linear;
-o-transition: transform .25s linear; -o-transition : transform .25s linear;
transition: transform .25s linear; transition : transform .25s linear;
} }
} }
} }

64
src/UI/Css/ProcessingGroupModal.less
Unescape View File

@ -7,32 +7,32 @@
.processGroup-overlay { .processGroup-overlay {
left: calc(~"50% - 194px"); left: calc(~"50% - 194px");
top: calc(~"50% - 50px"); top : calc(~"50% - 50px");
} }
.bp3-card.newDir.style2 { .bp3-card.newDir.style2 {
position: absolute; position: absolute;
top: 40%; top : 40%;
left: 10%; left : 10%;
z-index: 25; z-index : 25;
.bp3-label.bp3-inline { .bp3-label.bp3-inline {
display: flex; display : flex;
align-items: center; align-items : center;
justify-content: space-evenly; justify-content: space-evenly;
} }
} }
#processingGroup { #processingGroup {
.bp3-dialog-body { .bp3-dialog-body {
display: flex; display : flex;
flex-direction: column; flex-direction: column;
width: 430px; width : 430px;
padding: 10px; padding : 10px;
>div { >div {
display: flex; display : flex;
flex-direction: row; flex-direction : row;
// justify-content: space-evenly; // justify-content: space-evenly;
} }
@ -40,23 +40,23 @@
width: 120px; width: 120px;
.title { .title {
text-align: center; text-align : center;
line-height: 30px; line-height: 30px;
height: 30px; height : 30px;
} }
.list { .list {
width: 100%; width: 100%;
.bp3-tree { .bp3-tree {
min-height: 222px; min-height : 222px;
max-height: 222px; max-height : 222px;
height: 100%; height : 100%;
overflow: auto; overflow : auto;
// height: 100%; // height: 100%;
border: 1px solid #c3c3c3; border : 1px solid #c3c3c3;
border-radius: 5px; border-radius: 5px;
padding: 5px 0 0 5px; padding : 5px 0 0 5px;
.bp3-tree-node-label { .bp3-tree-node-label {
flex: unset; flex: unset;
@ -70,28 +70,28 @@
} }
.right { .right {
padding-left: 10px; padding-left : 10px;
// width: calc(~"100% - 120px"); // width: calc(~"100% - 120px");
width: 284px; width : 284px;
display: flex; display : flex;
flex-direction: column; flex-direction: column;
.right { .right {
display: flex; display : flex;
flex-direction: row; flex-direction : row;
margin-top: 10px; margin-top : 10px;
// max-width: 60px; // max-width: 60px;
width: 100%; width : 100%;
justify-content: space-between; justify-content: space-between;
padding: 0; padding : 0;
} }
.left { .left {
width: 100%; width : 100%;
height: 100%; height: 100%;
.list { .list {
height: calc(~"100% - 30px"); height : calc(~"100% - 30px");
// height: 100%; // height: 100%;
.bp3-tree { .bp3-tree {
@ -102,10 +102,10 @@
} }
.add-del-btn { .add-del-btn {
display: flex; display : flex;
flex-direction: column; flex-direction : column;
justify-content: space-around; justify-content: space-around;
margin-top: 10px; margin-top : 10px;
} }
.bp3-tree-node-content { .bp3-tree-node-content {

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

@ -1,53 +1,64 @@
#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){
display: flex; >div:not(class) {
display : flex;
justify-content: center; justify-content: center;
&>.bp3-label{
width: 50%; &>.bp3-label {
text-align: right; width : 50%;
padding-right:10px; text-align : right;
line-height: normal; padding-right: 10px;
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{
label{ .cf-select {
display: block; label {
text-align: left; display : block;
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;
} }
} }

92
src/UI/Css/blue.less
Unescape View File

@ -7,13 +7,13 @@
.bp3-tabs, .bp3-tabs,
.bp3-tab-panel { .bp3-tab-panel {
width: 100%; width : 100%;
// overflow: hidden; // overflow: hidden;
} }
} }
.bp3-portal .ul-unstyle>li { .bp3-portal .ul-unstyle>li {
display: inline-block; display : inline-block;
margin-right: 12px; margin-right: 12px;
} }
@ -30,22 +30,22 @@
/****************文件资源管理器*********************/ /****************文件资源管理器*********************/
#bp3-tab-panel_Tabs_fl li[id] input { #bp3-tab-panel_Tabs_fl li[id] input {
width: 14rem; width : 14rem;
padding: 4px; padding : 4px;
border: 1px solid transparent; border : 1px solid transparent;
outline: none; outline : none;
background-color: #30404d; background-color: #30404d;
color: #ffffff; color : #ffffff;
font-size: 1.7rem; font-size : 1.7rem;
font-weight: bold; font-weight : bold;
} }
#bp3-tab-panel_Tabs_fl li[id] input:focus { #bp3-tab-panel_Tabs_fl li[id] input:focus {
padding: 4px; padding : 4px;
border-radius: 4px; border-radius: 4px;
border: 1px solid #03a9f4; border : 1px solid #03a9f4;
box-shadow: 0 0 10px #03a9f4; box-shadow : 0 0 10px #03a9f4;
background: #2D3B46; background : #2D3B46;
} }
#bp3-tab-panel_Tabs_fl .ul-unstyle { #bp3-tab-panel_Tabs_fl .ul-unstyle {
@ -77,17 +77,17 @@
/**********魔改蓝图 工具栏tabs专用样式*****************/ /**********魔改蓝图 工具栏tabs专用样式*****************/
#TopToolBar .tabs-unstyle .bp3-tab.tab-unstyle { #TopToolBar .tabs-unstyle .bp3-tab.tab-unstyle {
border: 1px solid; border : 1px solid;
border-width: 0 1px 0 0; border-width: 0 1px 0 0;
} }
.bp3-tab.tab-unstyle { .bp3-tab.tab-unstyle {
border: 1px solid #25313a; border : 1px solid #25313a;
border-width: 0 0 0 1px; border-width: 0 0 0 1px;
line-height: 20px; line-height : 20px;
width: 95px; width : 95px;
text-align: center; text-align : center;
font-size: 10px; font-size : 10px;
&:hover { &:hover {
background: #394b59; background: #394b59;
@ -102,25 +102,25 @@
//去掉选中项的下box-shadow //去掉选中项的下box-shadow
.bp3-dark .tabs-unstyle .bp3-tab[aria-selected="true"] { .bp3-dark .tabs-unstyle .bp3-tab[aria-selected="true"] {
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow : none;
outline: none; outline : none;
} }
.tabs-unstyle .bp3-tab[aria-selected="true"] { .tabs-unstyle .bp3-tab[aria-selected="true"] {
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow : none;
outline: none; outline : none;
} }
.bp3-dark .tabs-unstyle .bp3-tab[aria-selected="true"], .bp3-dark .tabs-unstyle .bp3-tab[aria-selected="true"],
.tabs-unstyle .bp3-tab:not([aria-disabled="true"]):hover { .tabs-unstyle .bp3-tab:not([aria-disabled="true"]):hover {
color: #f5f8fa; color : #f5f8fa;
background: #394b59; background: #394b59;
} }
.bp3-dark .tabs-unstyle .bp3-tab[aria-selected="true"], .bp3-dark .tabs-unstyle .bp3-tab[aria-selected="true"],
.bp3-dark .tabs-unstyle .bp3-tab:not([aria-disabled="true"]):hover { .bp3-dark .tabs-unstyle .bp3-tab:not([aria-disabled="true"]):hover {
color: #f5f8fa; color : #f5f8fa;
background: #394b59; background: #394b59;
} }
@ -130,20 +130,20 @@
/******************Vertical bp3-tabs*********************/ /******************Vertical bp3-tabs*********************/
.tabs-unstyle .bp3-tabs.bp3-vertical { .tabs-unstyle .bp3-tabs.bp3-vertical {
height: 100%; height : 100%;
// width: 280px; // width: 280px;
} }
.tabs-unstyle .bp3-tabs.bp3-vertical>.bp3-tab-list { .tabs-unstyle .bp3-tabs.bp3-vertical>.bp3-tab-list {
writing-mode: vertical-rl; writing-mode : vertical-rl;
flex-direction: row; flex-direction: row;
.bp3-tab { .bp3-tab {
padding: 0; padding : 0;
flex: 1; flex : 1;
border-radius: 0px; border-radius: 0px;
border-width: 0; border-width : 0;
outline: none; outline : none;
} }
} }
@ -158,11 +158,11 @@
} }
#TopPanel .bp3-navbar-group { #TopPanel .bp3-navbar-group {
display: flex; display : flex;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align : center;
align-items: center; align-items : center;
height: 18px; height : 18px;
// padding-top: 5px; // padding-top: 5px;
&.bp3-align-left { &.bp3-align-left {
@ -190,20 +190,20 @@
margin-left: 20px; margin-left: 20px;
button { button {
padding: 0; padding : 0;
font-size: 11px; font-size : 11px;
height: 18px; height : 18px;
min-height: 18px; min-height : 18px;
line-height: 1; line-height: 1;
} }
} }
} }
.space-process { .space-process {
transition: all 0.2s; transition : all 0.2s;
height: 100%; height : 100%;
background-color: #428bca; background-color: #428bca;
border-radius: 5; border-radius : 5;
} }
.bp3-tree-node-content.moveenter { .bp3-tree-node-content.moveenter {
@ -212,16 +212,16 @@
.bp3-tree-node-content.push-up { .bp3-tree-node-content.push-up {
border-top: 3px solid #3DCC91; border-top: 3px solid #3DCC91;
opacity: 0.4; opacity : 0.4;
} }
.bp3-tree-node-content.push-down { .bp3-tree-node-content.push-down {
border-bottom: 3px solid #3DCC91; border-bottom: 3px solid #3DCC91;
opacity: 0.4; opacity : 0.4;
} }
.button-20 { .button-20 {
height: 20px; height : 20px;
line-height: 20px; line-height: 20px;
min-height: 20px; min-height : 20px;
} }

32
src/UI/Css/common.less
Unescape View File

@ -1,11 +1,11 @@
.inputSelect { .inputSelect {
display: flex; display : flex;
align-items: center; align-items: center;
margin: 10px 0; margin : 10px 0;
position: relative; position : relative;
&>span:first-child { &>span:first-child {
width: max-content; width : max-content;
margin-right: 10px; margin-right: 10px;
} }
@ -13,22 +13,22 @@
flex: 1; flex: 1;
.bp3-button { .bp3-button {
margin: 0; margin : 0;
padding: 0; padding: 0;
} }
} }
.selectList { .selectList {
position: absolute; position: absolute;
right: 0; right : 0;
top: 20px; top : 20px;
width: 85%; width : 85%;
z-index: 1; z-index : 1;
padding: 10px; padding : 10px;
li { li {
padding: 2px 0; padding : 2px 0;
overflow: hidden; overflow : hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
@ -39,9 +39,9 @@
} }
.select-box { .select-box {
position: absolute; position : absolute;
width: 0; width : 0;
height: 0; height : 0;
background: rgb(19, 124, 189, 0.3); background: rgb(19, 124, 189, 0.3);
opacity: 0.5; opacity : 0.5;
} }

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

@ -1,6 +1,6 @@
#data-list ul { #data-list ul {
list-style: none; list-style: none;
padding: 0; padding : 0;
&>li { &>li {
outline: 1px solid #ccc; outline: 1px solid #ccc;
@ -9,16 +9,16 @@
&>li.selected { &>li.selected {
background-color: #52aee7; background-color: #52aee7;
color: #000; color : #000;
} }
.look-mat { .look-mat {
width: 100%; width : 100%;
height: 0px; height : 0px;
padding-bottom: 100%; padding-bottom: 100%;
overflow: hidden; overflow : hidden;
margin: 0; margin : 0;
position: relative; position : relative;
} }
&>li.actived { &>li.actived {
@ -27,30 +27,30 @@
} }
#data-list .fileList { #data-list .fileList {
display: flex; display : flex;
flex-wrap: wrap; flex-wrap : wrap;
padding: 0; padding : 0;
flex: 1; flex : 1;
align-content: start; align-content: start;
margin: 0; margin : 0;
overflow: visible; overflow : visible;
&>li { &>li {
display: flex; display : flex;
flex-direction: column; flex-direction: column;
} }
&>li { &>li {
outline: 1px solid #ccc; outline : 1px solid #ccc;
width: 20%; width : 20%;
padding: 5px; padding : 5px;
position: relative; position: relative;
.look-mat img { .look-mat img {
position: absolute; position: absolute;
left: 0; left : 0;
} }
} }
} }
@ -60,42 +60,49 @@
display: flex; display: flex;
padding: 5px 0; padding: 5px 0;
: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;
} }
} }
overflow: auto; overflow: auto;
height: 100%; height : 100%;
.data-list-info { .data-list-info {
&>li { &>li {
display: flex; display : flex;
align-items: center; align-items: center;
: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;
@ -105,8 +112,8 @@
// } // }
img { img {
height: 40px; height : 40px;
width: 40px; width : 40px;
vertical-align: middle; vertical-align: middle;
} }
@ -122,34 +129,34 @@
} }
.apply-img-hint:hover:before { .apply-img-hint:hover:before {
content: "双击应用图片"; content : "双击应用图片";
position: absolute; position : absolute;
left: 0; left : 0;
right: 0; right : 0;
bottom: 0; bottom : 0;
top: 0; top : 0;
margin: auto; margin : auto;
width: max-content; width : max-content;
height: 20px; height : 20px;
opacity: 1; opacity : 1;
font-weight: bold; font-weight: bold;
} }
.hint:hover::before { .hint:hover::before {
content: "双击编辑材质 拖至绘图区应用"; content : "双击编辑材质 拖至绘图区应用";
position: absolute; position: absolute;
left: 20%; left : 20%;
top: 10px; top : 10px;
margin: auto; margin : auto;
width: 55%; width : 55%;
height: 30px; height : 30px;
opacity: 1; opacity : 1;
z-index: 1; z-index : 1;
} }
} }
.data-title { .data-title {
overflow: hidden; overflow : hidden;
white-space: nowrap; white-space : nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }

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

@ -1,182 +1,207 @@
//因为某些样式被蓝图破坏,所以修正它. //因为某些样式被蓝图破坏,所以修正它.
//用于切换主题色 本文件在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, @toolbar_bg: #5C7080,
@toolbar_bg:#5C7080,
@fileName_bg: #30404d, @fileName_bg: #30404d,
@downpanel_bg: #4B6070, @downpanel_bg: #4B6070,
@command_result_text:#C4E1A4, @command_result_text: #C4E1A4,
@recommand_cmd_bg:#5C7080, @recommand_cmd_bg: #5C7080,
@recommand_cmd_bg_hover:#8A9BA8, @recommand_cmd_bg_hover: #8A9BA8,
@topToolsBlock_btn_bg:#394b59, @topToolsBlock_btn_bg: #394b59,
@topToolsBlock_btn_bg_hover:#4B6070, @topToolsBlock_btn_bg_hover: #4B6070,
@topToolBar_bg:#5C7080, @topToolBar_bg: #5C7080,
@topToolBar_ul_bg:#5C7080, @topToolBar_ul_bg: #5C7080,
@topToolBar_smallIconList_btn_bg:#394b59, @topToolBar_smallIconList_btn_bg: #394b59,
@topToolBar_smallIconList_btn_bg_hover:#4B6070, @topToolBar_smallIconList_btn_bg_hover: #4B6070,
@topToolBar_tablist_bg:#4B6070, @topToolBar_tablist_bg: #4B6070,
@topToolBar_tablist_bg_hover:#5C7080, @topToolBar_tablist_bg_hover: #5C7080,
@topToolBar_tablist_color:#f5f8fa, @topToolBar_tablist_color: #f5f8fa,
@topToolBar_li_hover:#738694, @topToolBar_li_hover: #738694,
@verticalTab_selected_bg:#394b59, @verticalTab_selected_bg: #394b59,
@tabUnstyle_border:#999, @tabUnstyle_border: #999,
@rightPanel_tabs_border:#25313a, @rightPanel_tabs_border: #25313a,
@commandInput_bg:#2c343a, @commandInput_bg: #2c343a,
@commandInput_dragArea_bg:#394b59, @commandInput_dragArea_bg: #394b59,
@terminalCommandResult_bg:#5C7080, @terminalCommandResult_bg: #5C7080,
@commandPanel_li_bg_hover:#8A9BA8, @commandPanel_li_bg_hover: #8A9BA8,
@properties_header_bg:#202B33, @properties_header_bg: #202B33,
@properties_li_title_bg:#293742, @properties_li_title_bg: #293742,
@templateParam_detail_title_bg:#394b59, @templateParam_detail_title_bg: #394b59,
){ ) {
/*-----FileItem文件名-----*/
#bp3-tab-panel_Tabs_fl li[id] input {
background-color: @fileName_bg;
color: @text_color_active;
}
/*-----工具条-----*/ /*-----FileItem文件名-----*/
#toolbar{ #bp3-tab-panel_Tabs_fl li[id] input {
background: @toolbar_bg !important; background-color: @fileName_bg;
} color : @text_color_active;
#toolbar ul li:hover{ }
background: @topToolBar_li_hover;
cursor: pointer;
}
/*-----命令栏-----*/ /*-----工具条-----*/
#commands .content { #toolbar {
color: @command_result_text; background: @toolbar_bg !important;
background: @lm_content_bg; }
}
.terminal-pusher {
background: @lm_content_bg;
box-shadow: inset 0px 14px 16px -15px @standrad_shadow;
}
#TerminalOutputArea .terminal-output {
background: @lm_content_bg;
}
#TerminalTransparent .terminal-pusher { #toolbar ul li:hover {
box-shadow: unset; background: @topToolBar_li_hover;
} cursor : pointer;
}
/*-----命令提示-----*/ /*-----命令栏-----*/
#input-hint .recommend-command { #commands .content {
color: @text_color_active; color : @command_result_text;
background-color: @recommand_cmd_bg; background: @lm_content_bg;
} }
#input-hint .recommend-command>li.hover {
background-color: @recommand_cmd_bg_hover;
}
/*-----DownPanel-----*/ .terminal-pusher {
#DownPanel{ background: @lm_content_bg;
background: @downpanel_bg !important; box-shadow: inset 0px 14px 16px -15px @standrad_shadow;
} }
/*-------TopToolsBlock--------*/ #TerminalOutputArea .terminal-output {
#TopToolBar { background: @lm_content_bg;
background: @topToolBar_bg;
}
#TopToolBar .tool-block>div>.bp3-button{
background: @topToolsBlock_btn_bg;
&:hover{
background: @topToolsBlock_btn_bg_hover;
} }
}
#TopToolBar .ul-unstyle{ #TerminalTransparent .terminal-pusher {
background: @topToolBar_ul_bg; box-shadow: unset;
}
#TopToolBar .small-iconlist >.bp3-button{
background: @topToolBar_smallIconList_btn_bg;
&:hover{
background: @topToolBar_smallIconList_btn_bg_hover;
} }
}
#TopToolBar .ul-unstyle>li:hover{ /*-----命令提示-----*/
background: @topToolBar_li_hover; #input-hint .recommend-command {
} color : @text_color_active;
.tabs-unstyle .bp3-tab-list{ background-color: @recommand_cmd_bg;
background: @topToolBar_tablist_bg;
}
.tabs-unstyle .bp3-tab[aria-selected="true"], .tabs-unstyle .bp3-tab:not([aria-disabled="true"]):hover {
color: @topToolBar_tablist_color;
background: @topToolBar_tablist_bg_hover;
}
.bp3-tabs.bp3-vertical > .bp3-tab-list .bp3-tab.tab-unstyle[aria-selected="true"]{
background: @verticalTab_selected_bg;
}
#TopToolBar .tabs-unstyle .bp3-tab.tab-unstyle{
border-color: @tabUnstyle_border;
}
#RightPanel .bp3-tab-panel.tab-unstyle .bp3-tab.tab-unstyle{
border-color: @rightPanel_tabs_border;
}
/*----------浮动命令栏-----------*/
#CommandInput .react-draggable{
.terminal-output-area, .command-input-area{
background: @commandInput_bg;
} }
.drag-area{
background: @commandInput_dragArea_bg; #input-hint .recommend-command>li.hover {
background-color: @recommand_cmd_bg_hover;
} }
}
#TransTerminal .terminal-commandResult span{ /*-----DownPanel-----*/
background: @terminalCommandResult_bg; #DownPanel {
} background: @downpanel_bg !important;
/*----------F1面板-----------*/ }
#commandPanel .bp3-card>ul>li:hover,#commandPanel .bp3-card>ul>ul>li:hover
{ /*-------TopToolsBlock--------*/
background-color: @commandPanel_li_bg_hover; #TopToolBar {
cursor: pointer; background: @topToolBar_bg;
} }
/*-----------BBS-------------*/
#modal .br-lookover .react-draggable{ #TopToolBar .tool-block>div>.bp3-button {
>div{ background: @topToolsBlock_btn_bg;
background-color:@fileName_bg
} &:hover {
background: @topToolsBlock_btn_bg_hover;
} }
/*---------特性面板----------*/ }
.properties{
.bp3-card{ #TopToolBar .ul-unstyle {
.header{ background: @topToolBar_ul_bg;
background: @properties_header_bg; }
#TopToolBar .small-iconlist>.bp3-button {
background: @topToolBar_smallIconList_btn_bg;
&:hover {
background: @topToolBar_smallIconList_btn_bg_hover;
}
}
#TopToolBar .ul-unstyle>li:hover {
background: @topToolBar_li_hover;
}
.tabs-unstyle .bp3-tab-list {
background: @topToolBar_tablist_bg;
}
.tabs-unstyle .bp3-tab[aria-selected="true"],
.tabs-unstyle .bp3-tab:not([aria-disabled="true"]):hover {
color : @topToolBar_tablist_color;
background: @topToolBar_tablist_bg_hover;
}
.bp3-tabs.bp3-vertical>.bp3-tab-list .bp3-tab.tab-unstyle[aria-selected="true"] {
background: @verticalTab_selected_bg;
}
#TopToolBar .tabs-unstyle .bp3-tab.tab-unstyle {
border-color: @tabUnstyle_border;
}
#RightPanel .bp3-tab-panel.tab-unstyle .bp3-tab.tab-unstyle {
border-color: @rightPanel_tabs_border;
}
/*----------浮动命令栏-----------*/
#CommandInput .react-draggable {
.terminal-output-area,
.command-input-area {
background: @commandInput_bg;
}
.drag-area {
background: @commandInput_dragArea_bg;
}
}
#TransTerminal .terminal-commandResult span {
background: @terminalCommandResult_bg;
}
/*----------F1面板-----------*/
#commandPanel .bp3-card>ul>li:hover,
#commandPanel .bp3-card>ul>ul>li:hover {
background-color: @commandPanel_li_bg_hover;
cursor : pointer;
}
/*-----------BBS-------------*/
#modal .br-lookover .react-draggable {
>div {
background-color: @fileName_bg
} }
ul{//.props }
.li-title{
background: @properties_li_title_bg; /*---------特性面板----------*/
.properties {
.bp3-card {
.header {
background: @properties_header_bg;
}
ul {
//.props
.li-title {
background: @properties_li_title_bg;
}
} }
} }
} }
}
/*-----GoldenLayout-CSS-----*/ /*-----GoldenLayout-CSS-----*/
.lm_header{ .lm_header {
background: @properties_header_bg; background: @properties_header_bg;
} }
.lm_tab { .lm_tab {
color: @text_color_active; color : @text_color_active;
background: @properties_header_bg; background: @properties_header_bg;
} }
/*-------右侧模板参数--------*/ /*-------右侧模板参数--------*/
#templateParam{ #templateParam {
.template-detail{ .template-detail {
&>ul{ &>ul {
&>li:first-child{ &>li:first-child {
span { span {
background: @templateParam_detail_title_bg; background: @templateParam_detail_title_bg;
}
} }
} }
} }
} }
} }
}

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

@ -1,43 +1,54 @@
#modal .rotateLyModal{ #modal .rotateLyModal {
padding: 0; padding: 0;
header{
padding: 20px; header {
padding : 20px;
font-size: 16px; font-size: 16px;
} }
.select-type{
.bp3-radio{ .select-type {
.bp3-radio {
margin-right: 10px; margin-right: 10px;
} }
.br-set>span{
.br-set>span {
width: 3.1rem; width: 3.1rem;
} }
input{
margin-right:10px; input {
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{
width: 50%; &>.bp3-label {
text-align: right; width : 50%;
padding-right:10px; text-align : right;
line-height: normal; padding-right: 10px;
line-height : normal;
} }
&>.bp3-label>input{
&>.bp3-label>input {
vertical-align: middle; vertical-align: middle;
} }
} }
} }
input{
width: 5rem; input {
height: 20px; width : 5rem;
height : 20px;
line-height: 20px; line-height: 20px;
} }
footer{
footer {
text-align: right; text-align: right;
button{
button {
margin-right: 10px; margin-right: 10px;
} }
} }

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

@ -1,15 +1,15 @@
body { body {
.sans-serif; .sans-serif;
font-size: 11px; font-size: 11px;
overflow: hidden; overflow : hidden;
} }
html, html,
body { body {
background: #5C7080; background: #5C7080;
height: 100%; height : 100%;
padding: 0; padding : 0;
margin: 0; margin : 0;
} }
.helvetica { .helvetica {
@ -26,19 +26,19 @@ body {
.panel { .panel {
background: #444; background: #444;
border: 0px solid black; border : 0px solid black;
} }
.btn:hover { .btn:hover {
background-color: #808080; background-color: #808080;
border-color: #ccc; border-color : #ccc;
} }
.btn { .btn {
border: 1px solid #808080; border : 1px solid #808080;
background: #606060 no-repeat center; background : #606060 no-repeat center;
border-radius: 4px; border-radius : 4px;
color: white; color : white;
vertical-align: top; vertical-align: top;
} }
@ -47,12 +47,12 @@ body {
} }
.dock-btn { .dock-btn {
padding: 1px 5px 1px 5px; padding : 1px 5px 1px 5px;
border: 0 solid black; border : 0 solid black;
background: #606060 no-repeat center; background : #606060 no-repeat center;
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor : pointer;
margin: 1px 4px 1px 4px; margin : 1px 4px 1px 4px;
} }
.dock-btn:hover { .dock-btn:hover {
@ -65,46 +65,46 @@ body {
.selected { .selected {
background-color: #333; background-color: #333;
color: #ccc; color : #ccc;
} }
.sbtn { .sbtn {
min-width: 20px; min-width : 20px;
height: 20px; height : 20px;
line-height: 1.1; line-height : 1.1;
border-color: #999; border-color: #999;
padding: 1px 3px; padding : 1px 3px;
font-size: 14px; font-size : 14px;
} }
.rbtn { .rbtn {
width: 37px; width : 37px;
height: 37px; height : 37px;
margin: 2px 6px; margin : 2px 6px;
font-size: 22px; font-size : 22px;
line-height: 1.1; line-height: 1.1;
} }
.tbtn { .tbtn {
width: 31px; width : 31px;
height: 31px; height : 31px;
margin: 2px 2px; margin : 2px 2px;
font-size: 20px; font-size: 20px;
padding: 0; padding : 0;
} }
.tlist { .tlist {
list-style-type: none; list-style-type: none;
padding: 0px; padding : 0px;
margin: 0; margin : 0;
color: #fff; color : #fff;
font-size: 13px; font-size : 13px;
} }
.tlist li { .tlist li {
border-bottom: 1px solid #777; border-bottom: 1px solid #777;
padding: 2px 3px 2px 15px; padding : 2px 3px 2px 15px;
cursor: pointer; cursor : pointer;
} }
.tlist li:hover { .tlist li:hover {
@ -113,9 +113,9 @@ body {
.tool-caption { .tool-caption {
font-weight: bold; font-weight: bold;
color: #fff; color : #fff;
padding: 2px 0 2px 3px; padding : 2px 0 2px 3px;
background: #333; background : #333;
user-select: none; user-select: none;
} }
@ -124,11 +124,11 @@ body {
} }
.tool-caption .btn { .tool-caption .btn {
width: 14px; width : 14px;
height: 14px; height : 14px;
font-size: 10px; font-size : 10px;
line-height: 11px; line-height: 11px;
margin-top: -1px; margin-top : -1px;
} }
.tool-caption .fa { .tool-caption .fa {
@ -141,12 +141,12 @@ body {
.tlist .btn { .tlist .btn {
font-size: 11px; font-size: 11px;
border: 0; border : 0;
} }
.tlist .rm { .tlist .rm {
visibility: hidden; visibility: hidden;
padding: 0 5px 0 5px; padding : 0 5px 0 5px;
} }
.tlist li:hover .rm { .tlist li:hover .rm {
@ -180,7 +180,7 @@ body {
#layersList { #layersList {
background-color: #ddd; background-color: #ddd;
margin: 10px; margin : 10px;
} }
#commands { #commands {
@ -188,11 +188,12 @@ body {
} }
#commands .content { #commands .content {
color: #C4E1A4; color : #C4E1A4;
font-size: 11px font-size: 11px
} }
.terminal-output-area, .terminal-output-area-transparent{ .terminal-output-area,
.terminal-output-area-transparent {
flex: 1; flex: 1;
} }
@ -209,19 +210,19 @@ body {
} }
.terminal-input input { .terminal-input input {
color: #C4E1A4; color : #C4E1A4;
background: inherit; background : inherit;
outline: none; outline : none;
border: 0; border : 0;
margin-top: 4px; margin-top : 4px;
padding: 3px; padding : 3px;
width: 100%; width : 100%;
box-sizing: border-box; box-sizing : border-box;
padding-left: 0; padding-left: 0;
} }
.terminal-input input::-webkit-input-placeholder { .terminal-input input::-webkit-input-placeholder {
color: #777777; color : #777777;
font-style: italic; font-style: italic;
} }
@ -240,28 +241,28 @@ input[type=radio] {
#status { #status {
.helvetica; .helvetica;
color: #fff; color : #fff;
font-size: 11px; font-size : 11px;
padding-top: 4px; padding-top: 4px;
} }
#status .coordinates-info { #status .coordinates-info {
font-style: italic; font-style: italic;
color: #fff; color : #fff;
} }
.status-item { .status-item {
padding-right: 5px; padding-right: 5px;
padding-left: 5px; padding-left : 5px;
float: right; float : right;
color: #bbb; color : #bbb;
} }
#viewer-container .tool-hint { #viewer-container .tool-hint {
.helvetica; .helvetica;
color: #000; color : #000;
font-size: 11px; font-size : 11px;
cursor: default; cursor : default;
pointer-events: none; pointer-events: none;
} }
@ -271,86 +272,98 @@ input[type=radio] {
} }
#TopPanel .menu { #TopPanel .menu {
display: none; display : none;
transition: all .5s; transition: all .5s;
} }
#TopPanel .info { #TopPanel .info {
margin: 0; margin: 0;
} }
// 工具栏样式 // 工具栏样式
#toolbar{ #toolbar {
ul{ ul {
display: flex; display : flex;
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap : wrap;
margin: 0; margin : 0;
width: 80px; width : 80px;
>li{
width: 40px; >li {
margin: 0; width : 40px;
margin : 0;
padding: 0; padding: 0;
img{
width: 30px; img {
width : 30px;
height: 30px; height: 30px;
} }
} }
} }
} }
// 媒体查询 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;
overflow: auto; overflow : auto;
display: flex; display : flex;
flex-flow: wrap; flex-flow: wrap;
overflow: auto; overflow : auto;
} }
} }
/*----------TopToolBar开始-----------*/ /*----------TopToolBar开始-----------*/
//顶部工具栏样式 //顶部工具栏样式
#TopToolBar img{ #TopToolBar img {
width: auto; width: auto;
} }
#TopToolBar .bp3-tab-list{
>div{ #TopToolBar .bp3-tab-list {
>div {
font-size: 14px; font-size: 14px;
} }
} }
//分类工具块 //分类工具块
#TopToolBar .tool-block{ #TopToolBar .tool-block {
display: flex; display : flex;
flex-direction: row; flex-direction: row;
&>div{
display: flex; &>div {
display : flex;
flex-direction: column; flex-direction: column;
>ul { >ul {
overflow: hidden; overflow : hidden;
height: 55px; height : 55px;
margin: 0; margin : 0;
padding: 0; padding : 0;
display: flex; display : flex;
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;
padding-bottom: 10px; padding-bottom: 10px;
cursor: pointer; cursor : pointer;
} }
} }
&>.bp3-button { &>.bp3-button {
min-height: 20px; min-height : 20px;
font-size: 10px; font-size : 10px;
padding: 0; padding : 0;
border-radius: 0px; border-radius: 0px;
outline: none; outline : none;
// position: absolute; // position: absolute;
// width: 470px; // width: 470px;
// margin-top: 180px; // margin-top: 180px;
@ -358,75 +371,86 @@ 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{
cursor: pointer; &:hover {
cursor : pointer;
background: #d8d8d8; background: #d8d8d8;
} }
>p{
>p {
text-align: center; text-align: center;
margin-top: 5px; margin-top: 5px;
} }
} }
} }
} }
//隐藏缩略图标按钮 //隐藏缩略图标按钮
#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{
height: 25px; >li {
width: 50px; height : 25px;
width : 50px;
text-align: center; text-align: center;
cursor: pointer; cursor : pointer;
>img{
>img {
height: 20px; height: 20px;
width: 20px; width : 20px;
} }
} }
} }
&>.bp3-button{
width: 100%; &>.bp3-button {
min-height: 20px; width : 100%;
font-size: 10px; min-height : 20px;
padding: 0; font-size : 10px;
min-height: 20px; padding : 0;
font-size: 10px; min-height : 20px;
padding: 0; font-size : 10px;
padding : 0;
border-radius: 0px; border-radius: 0px;
background: #2d3a46; background : #2d3a46;
&:hover{
background: #202b33; &:hover {
background: #202b33;
} }
} }
} }
@ -434,58 +458,65 @@ 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{
padding: 0 3px 0 3px; span {
padding : 0 3px 0 3px;
border-radius: 3px; border-radius: 3px;
} }
animation-name: fade-out;
animation: fade-out 5s ease-in; animation-name : fade-out;
animation-fill-mode: forwards; animation : fade-out 5s ease-in;
animation-fill-mode : forwards;
animation-iteration-count: 1; animation-iteration-count: 1;
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;
position: absolute; position : absolute;
right: 0; right : 0;
top: 50px; top : 50px;
background: #394b59; background : #394b59;
} }
#TopPanel .hidden { #TopPanel .hidden {
display: none; display: none;
} }
@ -499,28 +530,30 @@ input[type=radio] {
} }
//Text对象输入框 //Text对象输入框
.text-input{ .text-input {
display: block; display : block;
background: transparent; background: transparent;
overflow:hidden; overflow : hidden;
color:#fff; color : #fff;
position:fixed; position : fixed;
outline: none; outline : none;
border: 1px solid transparent; border : 1px solid transparent;
padding: 0 0px; padding : 0 0px;
} }
.text-input:focus{
border-color:#fff; .text-input:focus {
background: #444; border-color: #fff;
background : #444;
} }
/**********自定义通用样式*****************/ /**********自定义通用样式*****************/
.flex .flex {
{
display: flex; display: flex;
} }
.flexCol { .flexCol {
display: flex; display : flex;
flex-direction: column; flex-direction: column;
} }
@ -534,47 +567,57 @@ div {
float: right; float: right;
; ;
} }
.inline{
.inline {
display: inline-block display: inline-block
} }
.flexWrap{
display: flex; .flexWrap {
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{
display: flex; .flex-wrap {
display : flex;
flex-wrap: wrap flex-wrap: wrap
} }
.half { .half {
width: 50%; width: 50%;
} }
img { img {
width: 100%; width : 100%;
height: 100%; height: 100%;
} }
@ -582,58 +625,65 @@ img {
margin-right: 10px; margin-right: 10px;
} }
.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;
width: 0; width : 0;
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;
width: 0; width : 0;
height: 16px; height : 16px;
margin: 0 auto; margin : 0 auto;
} }
//蒙版通用样式 //蒙版通用样式
.masking{ .masking {
position: fixed; position: fixed;
top: 0; top : 0;
left: 0; left : 0;
right:0; right : 0;
bottom:0; bottom : 0;
height: 100%; height : 100%;
width:100%; width : 100%;
} }
#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;
} }
.text-hidden{ .text-hidden {
overflow: hidden; overflow : hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space : nowrap;
} }

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

@ -1,39 +1,40 @@
@charset "utf-8"; @charset "utf-8";
@import (less) "golden.less"; @import (less) "golden.less";
.dark-golden{
.changeGoldenTheme(); //黑夜 .dark-golden {
.changeGoldenTheme(); //黑夜
} }
.light-golden{
.changeGoldenTheme( .light-golden {
#cbd7e7,//@lm_content_bg .changeGoldenTheme(#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
#f5f8fa,//@toolbar_bg #f5f8fa, //@toolbar_bg
#ffffff,//@fileName_bg #ffffff, //@fileName_bg
#E1E8ED,//@downpanel_bg #E1E8ED, //@downpanel_bg
#1D7324,//@command_result_text #1D7324, //@command_result_text
#E1E8ED,//@recommand_cmd_bg #E1E8ED, //@recommand_cmd_bg
#A7B6C2,//@recommand_cmd_bg_hover #A7B6C2, //@recommand_cmd_bg_hover
#ced9e0,//@topToolsBlock_btn_bg #ced9e0, //@topToolsBlock_btn_bg
#E1E8ED,//@topToolsBlock_btn_bg_hover #E1E8ED, //@topToolsBlock_btn_bg_hover
#f5f8fa,//@topToolBar_bg #f5f8fa, //@topToolBar_bg
#f5f8fa,//@topToolBar_ul_bg #f5f8fa, //@topToolBar_ul_bg
#ced9e0,//@topToolBar_smallIconList_btn_bg #ced9e0, //@topToolBar_smallIconList_btn_bg
#E1E8ED,//@topToolBar_smallIconList_btn_bg_hover #E1E8ED, //@topToolBar_smallIconList_btn_bg_hover
#ced9e0,//@topToolBar_tablist_bg #ced9e0, //@topToolBar_tablist_bg
#f5f8fa,//@topToolBar_tablist_bg_hover #f5f8fa, //@topToolBar_tablist_bg_hover
#10161A,//@topToolBar_tablist_color #10161A, //@topToolBar_tablist_color
#E1E8ED,//@topToolBar_li_hover #E1E8ED, //@topToolBar_li_hover
#f5f8fa,//@verticalTab_selected_bg #f5f8fa, //@verticalTab_selected_bg
#A7B6C2,//@tabUnstyle_border #A7B6C2, //@tabUnstyle_border
#CED9E0,//@rightPanel_tabs_border #CED9E0, //@rightPanel_tabs_border
#CED9E0,//@commandInput_bg #CED9E0, //@commandInput_bg
#8A9BA8, //@commandInput_dragArea_bg #8A9BA8, //@commandInput_dragArea_bg
#DCDCDC, //@terminalCommandResult_bg #DCDCDC, //@terminalCommandResult_bg
#E1E8ED,//@commandPanel_li_bg_hover #E1E8ED, //@commandPanel_li_bg_hover
#BFCCD6,//@properties_header_bg #BFCCD6, //@properties_header_bg
#ced9e0,//@properties_li_title_bg #ced9e0, //@properties_li_title_bg
#ccc//@templateParam_detail_title_bg #ccc //@templateParam_detail_title_bg
); //白天 ); //白天
} }

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

@ -1,80 +1,84 @@
.messageCounter{ .messageCounter {
position: absolute; position : absolute;
right: -5px; right : -5px;
top: -5px; top : -5px;
background: #ad5000; background : #ad5000;
color:#fff; color : #fff;
font-weight: bold; font-weight : bold;
z-index: 4; z-index : 4;
padding: 2px 5px; padding : 2px 5px;
border-radius: 50px; border-radius: 50px;
} }
.lm_active .messageCounter{ .lm_active .messageCounter {
background: #ee7813; background: #ee7813;
} }
html, body{ html,
margin: 0; body {
height: 100%; margin : 0;
background: #000; height : 100%;
background: #000;
} }
#layoutContainer{ #layoutContainer {
height:98%; height : 98%;
bottom: 0; bottom : 0;
width: 100%; width : 100%;
position: absolute; position: absolute;
} }
.btnContainer{
width: 300px; .btnContainer {
margin: 0 auto; width : 300px;
position: relative; margin : 0 auto;
top: 50%; position : relative;
margin-top: -30px; top : 50%;
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;
box-shadow:inset 0px 1px 0px 0px #777; box-shadow : inset 0px 1px 0px 0px #777;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #403f40), color-stop(1, #1f1f1f)); background : -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #403f40), color-stop(1, #1f1f1f));
background:-moz-linear-gradient(top, #403f40 5%, #1f1f1f 100%); background : -moz-linear-gradient(top, #403f40 5%, #1f1f1f 100%);
background:-webkit-linear-gradient(top, #403f40 5%, #1f1f1f 100%); background : -webkit-linear-gradient(top, #403f40 5%, #1f1f1f 100%);
background:-o-linear-gradient(top, #403f40 5%, #1f1f1f 100%); background : -o-linear-gradient(top, #403f40 5%, #1f1f1f 100%);
background:-ms-linear-gradient(top, #403f40 5%, #1f1f1f 100%); background : -ms-linear-gradient(top, #403f40 5%, #1f1f1f 100%);
background:linear-gradient(to bottom, #403f40 5%, #1f1f1f 100%); background : linear-gradient(to bottom, #403f40 5%, #1f1f1f 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#403f40', endColorstr='#1f1f1f',GradientType=0); filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#403f40', endColorstr='#1f1f1f', GradientType=0);
background-color:#403f40; background-color : #403f40;
-moz-border-radius:6px; -moz-border-radius : 6px;
-webkit-border-radius:6px; -webkit-border-radius: 6px;
border-radius:6px; border-radius : 6px;
border:1px solid #2e2e2e; border : 1px solid #2e2e2e;
margin: 0 10px; margin : 0 10px;
display:inline-block; display : inline-block;
cursor:pointer; cursor : pointer;
color:#d6d6d6; color : #d6d6d6;
font-family:arial; font-family : arial;
font-size:30px; font-size : 30px;
font-weight:bold; font-weight : bold;
outline: none; outline : none;
padding:12px 0; padding : 12px 0;
text-decoration:none; text-decoration : none;
text-shadow:0px 1px 0px #000000; text-shadow : 0px 1px 0px #000000;
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%);
background:-webkit-linear-gradient(top, #1f1f1f 5%, #403f40 100%); background : -webkit-linear-gradient(top, #1f1f1f 5%, #403f40 100%);
background:-o-linear-gradient(top, #1f1f1f 5%, #403f40 100%); background : -o-linear-gradient(top, #1f1f1f 5%, #403f40 100%);
background:-ms-linear-gradient(top, #1f1f1f 5%, #403f40 100%); background : -ms-linear-gradient(top, #1f1f1f 5%, #403f40 100%);
background:linear-gradient(to bottom, #1f1f1f 5%, #403f40 100%); background : linear-gradient(to bottom, #1f1f1f 5%, #403f40 100%);
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;
} }

94
src/UI/MaterialEditor/Material.less
Unescape View File

@ -1,7 +1,7 @@
//材质球编辑器 样式文件. //材质球编辑器 样式文件.
#modal { #modal {
.texture-list { .texture-list {
height: calc(~"100% - 50px"); height : calc(~"100% - 50px");
display: flex; display: flex;
padding: 0; padding: 0;
@ -10,11 +10,11 @@
} }
&>div:last-child { &>div:last-child {
flex: 1; flex : 1;
display: flex; display : flex;
flex-wrap: wrap; flex-wrap : wrap;
align-content: flex-start; align-content: flex-start;
overflow: auto; overflow : auto;
h5 { h5 {
width: 100%; width: 100%;
@ -23,26 +23,26 @@
} }
&>div>div { &>div>div {
text-align: center; text-align : center;
margin-right: 10px; margin-right : 10px;
margin-bottom: 10px; margin-bottom: 10px;
height: 150px; height : 150px;
position: relative; position : relative;
box-shadow: none; box-shadow : none;
padding: 0; padding : 0;
.editor-content { .editor-content {
&>label { &>label {
display: flex; display: flex;
&>span { &>span {
text-align: left; text-align : left;
margin-right: 20px; margin-right: 20px;
} }
&>div { &>div {
display: flex; display : flex;
margin: 0; margin : 0;
justify-content: space-between; justify-content: space-between;
&>label { &>label {
@ -62,8 +62,8 @@
.delete-btn { .delete-btn {
position: absolute; position: absolute;
top: 0; top : 0;
right: 0; right : 0;
svg { svg {
color: #000; color: #000;
@ -84,9 +84,9 @@
} }
.img-select-hint { .img-select-hint {
position: relative; position : relative;
user-select: none; user-select: none;
overflow: hidden; overflow : hidden;
} }
.img-select-hint:hover { .img-select-hint:hover {
@ -94,22 +94,22 @@
} }
.img-select-hint:hover:before { .img-select-hint:hover:before {
content: "双击选择图片"; content : "双击选择图片";
position: absolute; position: absolute;
left: 0; left : 0;
right: 0; right : 0;
bottom: 0; bottom : 0;
top: 0; top : 0;
margin: auto; margin : auto;
width: max-content; width : max-content;
height: 33px; height : 33px;
opacity: 0.5; opacity : 0.5;
z-index: 33; z-index : 33;
} }
.select-shop { .select-shop {
margin: 3px; margin : 3px;
display: flex; display : flex;
align-items: center; align-items: center;
&>span { &>span {
@ -122,16 +122,16 @@
& .br-set>span:first-child { & .br-set>span:first-child {
display: inline-block; display: inline-block;
width: 60px !important; width : 60px !important;
} }
&>div { &>div {
input { input {
vertical-align: middle; vertical-align: middle;
background: #fff; background : #fff;
border: none; border : none;
outline: none; outline : none;
height: 22px; height : 22px;
} }
} }
@ -139,20 +139,20 @@
} }
.search-shop { .search-shop {
position: fixed; position : fixed;
top: 112px; top : 112px;
right: 30px; right : 30px;
z-index: 35; z-index : 35;
padding: 10px; padding : 10px;
font-size: 16px; font-size: 16px;
width: 740px; width : 740px;
outline: 1px solid #ccc; outline : 1px solid #ccc;
.title { .title {
display: flex; display: flex;
span { span {
width: 25%; width : 25%;
outline: 1px solid #ccc; outline: 1px solid #ccc;
padding: 5px 5px; padding: 5px 5px;
} }
@ -162,11 +162,11 @@
display: flex; display: flex;
span { span {
width: 25%; width : 25%;
overflow: hidden; overflow : hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
outline: 1px solid #ccc; outline : 1px solid #ccc;
white-space: nowrap; white-space : nowrap;
} }
} }

Write Preview
Loading…
Cancel
Save