update

2026-02-02 18:08:51 +03:00 · 2024-09-03 09:34:33 +08:00
parent 27f34aa3e8
commit 585146181b
5147 changed files with 1734881 additions and 0 deletions
--- a/resources/web/homepage3/css/common.css
+++ b/resources/web/homepage3/css/common.css
@@ -0,0 +1,165 @@
+/*---Whole---*/
+*
+{
+	padding:0px;
+	border: 0px;
+	margin: 0px;
+    font-family: "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-sans;
+	border-color: #D7D7D7;
+	user-select: none;
+}
+
+html, body {
+	line-height: 20px;
+    font-size: 14px;
+	padding:0px;
+	border: 0px;
+	margin: 0px;
+}
+
+/*---字体----*/
+.TextS1
+{
+	color:#333333;
+}
+
+.TextS2
+{
+	color:#6B6B6B;
+}
+
+.TextS3
+{
+	color: #ACACAC;
+}
+
+/*-------按钮------*/
+.Btn_White
+{
+	background-color:#E5E5E5;
+	border: 1px solid #BABABA;
+	border-radius: 8px;
+	padding: 4px 20px;
+	color: black;
+	cursor: pointer;
+}
+
+.Btn_White:hover
+{
+	background-color:#EBEBEB;
+	border: 1px solid #C2C2C2;
+}
+
+.Btn_Green
+{
+	/* y96 */
+	background-color:#4479FB;
+	border: 1px solid #445ff1;
+	border-radius: 8px;
+	color: white;
+	padding: 4px 20px;
+	cursor: pointer;
+}
+
+.Btn_Green:hover
+{
+	background-color:#446ef6;	/* y96 */
+	border: 1px solid #445ff1;
+}
+
+/*---滚动条---*/
+.ZScrol::-webkit-scrollbar {/*滚动条整体样式*/
+    width: 12px;     /*高宽分别对应横竖滚动条的尺寸*/
+    height: 1px;
+	padding: 2px;
+}
+
+.ZScrol::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
+    border-radius: 6px;
+    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+	box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    background-color: #AAAAAA;
+}
+
+.ZScrol::-webkit-scrollbar-track {/*滚动条里面轨道*/
+        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+	    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+        border-radius: 10px;
+        background: #EDEDED;
+}
+
+/*------Top Menu-----*/
+#MenuArea
+{
+	display:flex;
+	justify-content: flex-end;
+	margin-bottom: 24px;
+}
+
+.Menu_Btn
+{
+	display: flex;
+	align-items: center;
+	height: 40px;
+	margin-right: 10px;
+}
+
+.Menu_Btn img
+{
+	margin-right: 6px;
+	width: 18px;
+}
+
+/*---弹性内容块---*/
+.GuideBlock
+{
+	margin: 0px 10px 24px 10px;
+	cursor: pointer;
+}
+
+@media screen and (max-width: 815px) {
+	.GuideBlock
+	{
+		width: calc(50% - 20px);
+	}
+	.SingleGuideBar :nth-child(n+3)
+	{
+		display: none;
+	}
+}
+
+@media screen and ( min-width:816px) and ( max-width:1087px )
+{
+	.GuideBlock
+	{
+		width: calc(33% - 20px);
+	}
+	.SingleGuideBar :nth-child(n+4)
+	{
+		display: none;
+	}	
+}
+
+@media screen and ( min-width:1088px) and (max-width:1359px ) {
+	.GuideBlock
+	{
+		width: calc(25% - 20px);
+	}
+	.SingleGuideBar :nth-child(n+5)
+	{
+		display: none;
+	}	
+}
+
+@media screen and ( min-width:1360px) {
+	.GuideBlock
+	{
+		width: calc(20% - 20px);
+	}
+	.SingleGuideBar :nth-child(n+6)
+	{
+		display: none;
+	}
+}
+
+/*---打开/新建项目---*/
--- a/resources/web/homepage3/css/dark.css
+++ b/resources/web/homepage3/css/dark.css
@@ -0,0 +1,110 @@
+html,body
+{
+	background-color:#242428;
+}
+
+*
+{
+	border-color: #3E3E45;
+}
+
+
+.TextS1
+{
+	color:#efeff0;
+}
+
+.TextS2
+{
+	color:#F8F8F8;
+}
+
+
+/*---字体----*/
+.ZScrol::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
+    background-color: #939594;
+}
+
+.ZScrol::-webkit-scrollbar-track {/*滚动条里面轨道*/
+        background: #161817;
+}
+
+
+
+
+/*----Left Menu Button----*/
+#LogoutBtn:hover
+{	
+	/* y6 */
+	background:#456ef6;
+	color: #efeff0;
+}
+
+.BtnItem
+{
+	color:#B3B3B5;
+}
+
+.BtnItem:hover
+{
+	color: #efeff0;
+	background-color: #456ef6;
+}
+
+.BtnItem:hover .LeftIcon
+{
+	filter: brightness(300%);
+}
+
+.BtnItemSelected
+{
+	color: #efeff0;
+	background-color: #456ef6;
+}
+
+.BtnItemSelected .LeftIcon
+{
+	filter: brightness(300%);
+}
+
+/*-----Right Top MenuBtn-----*/
+.MenuItem:hover
+{
+	border-color: #4479FB;
+	background-color: #456ef6;
+}
+
+#RecentClearAllBtn:hover
+{
+	color: #000;
+}
+
+#recnet_context_menu
+{
+	color: #efeff0;
+	background-color:#242428;
+	border: 0px;
+	box-shadow: 0px 0px 3px #DCDCDC;
+}
+
+/*----User Manual------*/
+.UG_DESC
+{
+	color:#818183;
+}
+
+/*---Staff PIck----*/
+.HotModelPiece
+{
+	background-color: #4C4C55;
+}
+
+#HotModel_RIGHT_Title
+{
+	color: #818183;
+}
+
+.HotModel_click_info img
+{
+	filter: invert(1);
+}
--- a/resources/web/homepage3/css/disconnect.css
+++ b/resources/web/homepage3/css/disconnect.css
@@ -0,0 +1,46 @@
+html
+{
+	background-color: white;
+	height:100%;
+	padding: 0px;
+	margin: 0px;
+	border: 0px;
+}
+
+body
+{
+	display: flex;
+	justify-content: center;
+	flex-direction: column;
+	align-items: center;
+	padding: 0px;
+	margin: 0px;
+	border: 0px;	
+}
+
+
+#WarnMainArea
+{
+	width:500px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+#WarnIcon
+{
+	
+}
+
+#WarnTip
+{
+	font-weight:700;
+	line-height: 30px;
+	font-size: 16px;
+}
+
+#WarnBtn
+{
+	margin-top: 10px;
+	padding: 8px 24px;
+}
--- a/resources/web/homepage3/css/home.css
+++ b/resources/web/homepage3/css/home.css
@@ -0,0 +1,74 @@
+/*------------------*/
+#DebugText
+{
+	height:30px;
+}
+
+/*------------------*/
+body
+{
+	display:flex;
+	flex-direction: column;
+	justify-content: flex-start;
+}
+
+/*------MakerLab-------*/
+#MakerlabArea
+{
+	display:none;
+}
+
+#LabList
+{
+	display:flex;
+	
+}
+
+.MakerlabItem
+{
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    word-break: break-all;
+	position: relative;
+	cursor: pointer;
+	border-radius: 8px;	
+}
+
+.MakerlabImg img
+{
+	width: 100%;
+	aspect-radio: 16/9;
+	border-radius: 8px 8px 0px 0px;
+}
+
+.MakerlabTextBlock
+{
+	background-color: white;
+	padding: 0px 8px;
+}
+
+.MakerlabTextBlock div
+{
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;	
+}
+
+.MakerlabName
+{
+	color:#333333;
+	font-weight:700;
+}
+
+.MakerlabDesc
+{
+	color:#6B6B6B;
+	font-size: 10px;
+}
+
+.MakerlabAuthor
+{
+	font-size: 10px;
+	color: #ACACAC;
+}
--- a/resources/web/homepage3/css/left.css
+++ b/resources/web/homepage3/css/left.css
@@ -0,0 +1,276 @@
+*
+{
+	padding:0px;
+	border: 0px;
+	margin: 0px;
+    font-family: "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-sans;
+	border-color: #D7D7D7;
+	user-select: none;
+}
+
+html, body {
+	height: 100%;
+	width: 100%;
+    margin: 0px;
+    padding: 0px;
+	line-height: 20px;
+    font-size: 16px;	
+}
+
+.ZScrol::-webkit-scrollbar {/*滚动条整体样式*/
+    width: 12px;     /*高宽分别对应横竖滚动条的尺寸*/
+    height: 1px;
+	padding: 2px;
+}
+
+.ZScrol::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
+    border-radius: 6px;
+    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+	box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    background-color: #AAAAAA;
+}
+
+.ZScrol::-webkit-scrollbar-track {/*滚动条里面轨道*/
+        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+	    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+        border-radius: 10px;
+        background: #EDEDED;
+}
+
+
+.RedFont
+{
+	font-size:12px;
+	color: #F07E4A;		
+}
+
+.LinkBtn
+{
+	font-size:12px;
+	color: #1200FF;	
+	cursor: pointer;
+}
+
+.LinkBtn:hover
+{
+	text-decoration:underline;
+}
+
+/*------------------*/
+#DebugText
+{
+	height:30px;
+}
+
+/*------------------*/
+body
+{
+	display:flex;
+	justify-content: flex-start;
+}
+
+#LeftBoard
+{
+	border-right-width: 1px;
+	border-right-style: solid;
+	width: 100%;
+	height: 100%;
+}
+
+#LoginArea
+{
+	height: 180px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	flex-wrap: nowrap;
+	position: relative;
+	width:100%;
+}
+
+
+#Login1
+{
+	height:36px;
+	line-height: 36px;
+	display: flex;
+	justify-content: center;
+	user-select: none;
+}
+
+#LoginBtn
+{
+	cursor:pointer;
+}
+
+#LoginBtn:hover
+{
+	font-size:17px;
+}
+
+
+#NoPluginTip
+{
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	bottom: 0px;
+	right: 0px;
+	z-index: 1;
+	display: none;
+	flex-direction: column;
+	justify-content: flex-end;
+	padding: 5px;
+}
+
+
+#DownloadBtn
+{
+	color:#0A00FF;
+}
+
+
+#Icon1
+{
+	margin-right: 10px;	
+}
+
+#QDTIcon
+{
+	height:36px;
+}
+
+#Login2
+{
+	display: none;
+	flex-direction: column;
+	align-items: center;
+	text-align: center;
+	width: 100%;
+}
+
+#UserAvatarIcon
+{
+	height: 85px;
+}
+
+#UserName
+{
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	text-align: center;
+	overflow: hidden; 
+	width: 80%;
+}
+
+#LogoutBtn
+{
+	font-size: 14px;
+	height: 24px;
+	line-height: 24px;
+	color: #4479FB;
+	border: 1px solid  #4479FB;	/* y96 */
+	border-radius: 4px;
+	cursor: pointer;
+	margin-top: 5px;
+	padding: 0px 8px;
+}
+
+#LogoutBtn:hover
+{
+	background: #4479FB;
+	color: #fff;
+}
+
+
+/*------------------*/
+#BtnArea
+{
+	
+}
+
+
+.BtnItem
+{
+    padding-left:30px;	
+	padding-right: 14px;
+	height:50px;
+	line-height: 50px;
+	display: flex;
+	justify-content:flex-start;
+	align-items: center;
+	cursor: pointer;
+	position: relative;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+.BtnItem[menu="online"]
+{
+	display: none;
+}
+
+.BtnItem[menu="makerlab"]
+{
+	display: none;
+}
+
+.JumpIcon
+{
+	display: none;
+	margin-left:6px;
+	width: 12px;
+}
+
+.BtnItem[menu="makerlab"]:hover .JumpIcon
+{
+	display: inline;
+}
+
+.BtnItem:hover
+{
+	background-color: #4479FB ;
+}
+
+.BtnItemSelected
+{
+	background-color: #4479FB ;
+}
+
+.BtnIcon
+{
+	margin-right:6px;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+}
+
+.BtnText
+{
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+.LeftIcon
+{
+	width:24px;
+	height: 24px;
+}
+
+.BtnNewIcon
+{
+	height: 12px;
+	line-height: 12px;
+	font-size: 10px;
+	background-color: #4479FB;	/* y96 */
+	color: white;
+	padding: 2px 4px;
+	position: absolute;
+	top: calc(50% - 8px);
+	right: 12px;
+	display: none;
+}
+
--- a/resources/web/homepage3/css/manual.css
+++ b/resources/web/homepage3/css/manual.css
@@ -0,0 +1,47 @@
+/*---------Wiki----------*/
+
+#WikiGuideBoard
+{
+	display: none;
+	flex-wrap: wrap;
+	align-content: flex-start;
+	overflow-y: auto;
+	position: relative;
+	top: 0px;
+	bottom: 0px;
+	right: 0px;
+	left: 0px;
+}
+
+.UG_IMG
+{
+	width: 100%;
+	line-height: 0px;
+	border-radius: 8px;
+	line-height: 0px;
+}
+
+.UG_IMG img
+{
+	width: 100%;
+    border-radius: 8px;
+	aspect-ratio: 4/3;
+}
+
+.UG_TITLE
+{
+	font-size: 18px;
+	font-weight: 700;
+	line-height: 20px;
+	width: 100%;
+	margin-top: 20px;
+	margin-bottom: 4px;
+}
+
+.UG_DESC
+{
+	width: 100%;
+	line-height: 18px;
+	color: #4E5454;
+	font-size: 14px;
+}
--- a/resources/web/homepage3/css/online.css
+++ b/resources/web/homepage3/css/online.css
@@ -0,0 +1,162 @@
+.RedFont
+{
+	font-size:12px;
+	color: #F07E4A;		
+}
+
+.LinkBtn
+{
+	font-size:12px;
+	color: #1200FF;	
+	cursor: pointer;
+}
+
+.LinkBtn:hover
+{
+	text-decoration:underline;
+}
+
+
+/*------------------*/
+
+/*--------------------*/
+#ContentBoard
+{
+	overflow-y:auto;
+	padding: 0px 40px;
+	display: flex;
+	flex-direction: column;
+	position: relative;
+	height: 100%;
+}
+
+#Online_Models_Bar
+{
+	
+}
+
+#ForU_Models_Bar
+{
+	display:none;
+}
+
+
+/*--Staff Pick--*/
+#HotModelArea
+{
+	display: none;
+	width: 100%;
+}
+
+#HotModelList
+{
+	display: flex;
+	flex-wrap: wrap;
+	align-content: flex-start;
+}
+
+.HotModelPiece
+{
+	display:flex;
+	flex-direction: column;
+	cursor: pointer;
+    border-radius: 8px;		
+}
+
+.HotModel_PrevBlock
+{
+	text-align: center;
+	background-color: #E4E4E4;
+	width: 100%;
+	border-radius: 8px;
+	line-height: 0px;
+	padding: 0px;
+}
+
+.HotModel_PrevImg
+{
+	border-radius: 8px;
+	width: 100%;
+	aspect-ratio: 4/3;
+    object-fit: cover;
+}
+
+.HotModel_Designer_Info
+{
+	display:flex;
+	align-items: center;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	padding: 4px 2px;
+}
+
+.HotModel_Author_HeadIcon
+{
+	margin-right: 6px;
+	width: 32px;
+	height: 32px;
+}
+
+.HotModel_Author_HeadIcon img
+{
+	width:  32px;
+	height: 32px;
+	border-radius: 16px;
+}
+
+.HotModel_Right_1 
+{
+	flex: 1 1 auto;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	padding: 0px 4px;
+}
+
+.HotModel_Name
+{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+	font-weight: 700;
+}
+
+
+.HotModel_Right_1_2
+{
+	display:flex;
+}
+
+.HotModel_Author_Name
+{
+	flex: 1 1 auto;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+	margin-right: 4px;
+}
+
+
+.HotModel_click_info
+{
+	flex: 0 0 auto;
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;
+	font-size: 12px;
+	overflow: hidden;
+}
+
+.HotModel_click_info img
+{
+	width: 20px;
+	height: 20px;
+}
+
+.Model_Click_Number
+{
+	display: flex;
+	align-items: center;
+}
+
--- a/resources/web/homepage3/css/recent.css
+++ b/resources/web/homepage3/css/recent.css
@@ -0,0 +1,267 @@
+
+
+#RecentFileArea,#MiniRecentFileArea
+{
+	flex: 1;
+	flex-direction: column;
+	position: relative;
+	top: 0px;
+	bottom: 0px;
+	right: 0px;
+	left: 0px;
+	min-height: 100px;
+}
+
+#MiniRecentFileArea
+{
+	display:flex;
+}
+
+#RecentFileArea
+{
+	display: none;	
+}
+
+#RecentTitleBlock
+{
+	display:flex;
+	align-items: center;
+	justify-content:space-between; 
+	padding: 6px 10px;
+}
+
+#RecentClearAllBtn
+{
+	border-width: 1px;
+	border-style: solid;
+	padding: 0px 10px;
+	border-radius: 6px;
+	line-height: 26px;
+	height: 26px;
+	margin-left: 20px;
+	cursor: pointer;
+	display: none;
+}
+
+#RecentClearAllBtn:hover
+{
+	background-color:#CDCECE;
+}
+
+#Recent_LEFT_Title
+{
+	display:flex;
+	align-items: center;
+	padding: 0px 0px;
+}
+
+#Right_Title_Block
+{
+	display:flex;
+	align-items: center;
+}
+
+.Right_Title_Btn
+{
+	display:flex;
+	align-items: center;
+	margin-right: 16px;
+}
+
+.Right_Title_Btn_Icon
+{
+	width:16px;
+	height: 16px;
+	margin-right: 6px;
+}
+
+#Menu_Delete
+{
+	display:none;
+}
+
+#Menu_Cancel
+{
+	display:none;
+}
+
+#FileList,#MiniFileList
+{
+	flex: 1;
+	display: flex;
+	flex-wrap: wrap;
+	align-content: flex-start;
+	overflow-y: auto;
+}
+
+.FileItem
+{
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    word-break: break-all;
+	position: relative;
+	cursor: pointer;
+	border-radius: 8px;
+}
+
+.FileMask
+{
+	position:absolute;
+	top: 0px;
+	left: 0px;
+	right: 0px;
+	bottom: 0px;
+	background-color: darkgrey;
+	opacity: 0.3;
+	display: none;
+}
+
+.FileCheckBox
+{
+	position:absolute;
+	top: 14px;
+	left: 14px;
+	width: 26px;
+	height: 26px;
+	border:1px solid grey;
+	border-radius: 4px;
+	background-color: white;
+	display: none;
+}
+
+.FileCheckBox_checked
+{
+	background-image: url("../img/checkbox.svg");
+	background-size: contain;
+}
+
+.FileCheckBox_checked:hover
+{
+	background-image: url("../img/checkbox_hover.svg");
+}
+
+.FileTip
+{
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	width: 100%;
+	height: 100%;
+}
+
+.FileImg
+{
+	text-align: center;
+	background-color: #E4E4E4;
+	width: 100%;
+	border-radius: 8px;
+	line-height: 0px;
+}
+
+.FileImg img
+{
+	border-radius: 8px;
+	width: 100%;
+	aspect-ratio: 4/3;
+	object-fit: cover;
+}
+
+.FileName
+{
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    word-break: break-all;
+	line-height: 32px;
+	font-weight: 700;
+	padding: 0px 4px;
+}
+
+.FileDate
+{
+	color: #A8A8A8;
+	font-size: 10px;
+	padding: 0px 4px;	
+}
+
+#recnet_context_menu
+{
+	position: absolute;
+	margin: 0px;
+	padding: 10px;
+	border: 0px;
+	min-width: 100px;
+	border: 1px solid #D7D7D7;
+    top: 100px;
+	border-radius: 5px;
+	color: #323A3D;
+	background-color: #fff;
+    display: none;
+	z-index: 1;
+}
+
+.CT_Item
+{
+	padding: 4px 12px;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+}
+
+.CT_Item:hover
+{
+	cursor: pointer;
+	background-color: #0078D4;
+	border-radius: 4px;
+	color: #fff;
+}
+
+
+.CT_Icon
+{
+	margin-right: 6px;
+	width: 16px;
+	height: 16px;	
+}
+
+#CT_Delete_Bar:hover  .CT_Delete
+{
+	background: url("../img/remove2.svg");
+	background-repeat: no-repeat;
+	background-size: contain;	
+}
+
+.CT_Delete
+{
+	background: url("../img/remove.svg");
+	background-repeat: no-repeat;
+	background-size: contain;	
+}
+
+#CT_Folder_Bar:hover .CT_Explore
+{
+	background: url("../img/open_folder2.svg");
+	background-repeat: no-repeat;
+	background-size: contain;	
+}
+
+.CT_Explore
+{
+	background: url("../img/open_folder.svg");
+	background-repeat: no-repeat;
+	background-size: contain;		
+}
+
+
+.CT_Seperate
+{
+	border-bottom:1px solid  #C5C5C5;
+}
+
+.CT_Text
+{
+	line-height: 20px;
+	height: 20px;	
+	display: block;
+}
--- a/resources/web/homepage3/css/rightcommon.css
+++ b/resources/web/homepage3/css/rightcommon.css
@@ -0,0 +1,59 @@
+
+html
+{
+	background-color: #F8F8F8;
+	padding: 28px 36px;
+	display: flex;
+	justify-content: center;
+}
+
+body
+{
+	width: 100%;
+	min-width: 544px;
+	max-width:1776px;
+	overflow-y: scroll;
+}
+
+/*----TITLE-------*/
+.Title_Bar
+{
+	display:flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 0px 10px;
+}
+
+.Title_Left_Area
+{
+	display:flex;
+	align-items: center;
+	padding: 6px 0px;	
+}
+
+.TitleSmallIcon
+{
+	width:30px;
+	height: 30px;
+	margin-right: 10px;
+}
+
+.Content-Title
+{
+	line-height: 30px;
+	font-weight: 700;
+	font-size: 18px;
+}
+
+
+.Right_Title_More
+{
+	font-size:16px;
+	cursor: pointer;
+}
+
+.Right_Title_More:hover
+{
+	/* y96 */
+	color:#4479FB;	
+}