mirror of
https://github.com/QIDITECH/QIDIStudio.git
synced 2026-01-31 00:48:41 +03:00
update resources
This commit is contained in:
@@ -95,6 +95,7 @@ html, body {
|
||||
display:flex;
|
||||
margin-bottom: 24px;
|
||||
flex-direction:row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#MenuBtnBlock
|
||||
|
||||
@@ -91,6 +91,11 @@ html,body
|
||||
box-shadow: 0px 0px 3px #DCDCDC;
|
||||
}
|
||||
|
||||
#HotModel_Search_Btn img
|
||||
{
|
||||
filter: brightness(78%);
|
||||
}
|
||||
|
||||
/*----User Manual------*/
|
||||
.UG_DESC
|
||||
{
|
||||
@@ -121,18 +126,17 @@ html,body
|
||||
|
||||
#HotModel_Search_Bar
|
||||
{
|
||||
border: 1px solid #323A3D;
|
||||
background-color: #36363A;
|
||||
border: 1px solid #5C5C5C;
|
||||
background-color: #242428;
|
||||
}
|
||||
|
||||
#HotModel_Search_InputArea
|
||||
{
|
||||
background-color: #36363A;
|
||||
}
|
||||
|
||||
#HotModel_Search_Input
|
||||
{
|
||||
background-color: #36363A;
|
||||
background-color: #242428;
|
||||
caret-color: white;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
@@ -158,4 +162,17 @@ html,body
|
||||
#PrintHistory_Refresh_Btn
|
||||
{
|
||||
filter: invert(80%) brightness(20);
|
||||
}
|
||||
|
||||
/*-----Hide Button-----*/
|
||||
#HideBtn
|
||||
{
|
||||
background-image: url('../img/arrow_light_left.svg');
|
||||
border: 1px solid rgba(48, 48, 51, 1);
|
||||
background-color: rgba(48, 48, 51, 1);
|
||||
}
|
||||
|
||||
#HideBtn:hover
|
||||
{
|
||||
background-color: rgba(70, 70, 71, 1);
|
||||
}
|
||||
@@ -97,14 +97,10 @@ body
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#LoginBtn
|
||||
{
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#LoginBtn:hover
|
||||
#Login1:hover #LoginBtn
|
||||
{
|
||||
font-size:17px;
|
||||
}
|
||||
@@ -220,18 +216,6 @@ body
|
||||
display: none;
|
||||
}
|
||||
|
||||
.JumpIcon
|
||||
{
|
||||
display: none;
|
||||
margin-left:6px;
|
||||
width: 12px;
|
||||
}
|
||||
|
||||
.BtnItem[menu="makerlab"]:hover .JumpIcon
|
||||
{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.BtnItem:hover
|
||||
{
|
||||
background-color: #4479FB ;
|
||||
@@ -277,3 +261,25 @@ body
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*-----Hide Button-----*/
|
||||
#HideBtn
|
||||
{
|
||||
position: absolute;
|
||||
height: 60px;
|
||||
width: 12px;
|
||||
right: 1px;
|
||||
top: calc(50% - 30px);
|
||||
cursor: pointer;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-image: url('../img/arrow_dark_left.svg');
|
||||
border-left: 1px solid rgba(238, 238, 238, 1);
|
||||
border-top: 1px solid rgba(238, 238, 238, 1);
|
||||
border-bottom: 1px solid rgba(238, 238, 238, 1);
|
||||
border-radius: 4px 0px 0px 4px;
|
||||
}
|
||||
|
||||
#HideBtn:hover
|
||||
{
|
||||
background-color: rgba(238, 238, 238, 1);
|
||||
}
|
||||
67
resources/web/homepage3/css/left_mini.css
Normal file
67
resources/web/homepage3/css/left_mini.css
Normal file
@@ -0,0 +1,67 @@
|
||||
|
||||
/*----Login----*/
|
||||
#LoginBtn
|
||||
{
|
||||
display:none;
|
||||
}
|
||||
|
||||
#Icon1
|
||||
{
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
#UserAvatarIcon
|
||||
{
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
#UserName
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
#LogoutBtn
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.BtnItem
|
||||
{
|
||||
padding: 0px;
|
||||
justify-content:center;
|
||||
}
|
||||
|
||||
.BtnText
|
||||
{
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.BtnIcon
|
||||
{
|
||||
margin:0px;
|
||||
}
|
||||
|
||||
#NoPluginTip
|
||||
{
|
||||
display:none!important;
|
||||
}
|
||||
/*-----Left Menu-------*/
|
||||
.JumpIcon
|
||||
{
|
||||
display: none!important;
|
||||
}
|
||||
|
||||
.BtnNewIcon
|
||||
{
|
||||
display: none!important;
|
||||
}
|
||||
|
||||
/*-----Hide Button-----*/
|
||||
#HideBtn
|
||||
{
|
||||
transform: scaleX(-1);
|
||||
border-radius: 0px 4px 4px 0px;
|
||||
}
|
||||
@@ -167,14 +167,15 @@
|
||||
display: none;
|
||||
align-items: center;
|
||||
border-radius: 22px;
|
||||
border: 1px solid #EEEEEE;
|
||||
border: 1px solid #C2C2C2;
|
||||
flex-grow: 1;
|
||||
background-color: #FFFFFF;
|
||||
background-color: #F7F7F7;
|
||||
padding-right: 12px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
#HotModel_Search_InputArea
|
||||
{
|
||||
background-color: #FFF;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-grow: 1;
|
||||
@@ -188,6 +189,7 @@
|
||||
flex-grow: 1;
|
||||
outline: none;
|
||||
font-size: 16px;
|
||||
background-color: #F7F7F7;
|
||||
}
|
||||
|
||||
|
||||
|
||||
4
resources/web/homepage3/img/arrow_dark_left.svg
Normal file
4
resources/web/homepage3/img/arrow_dark_left.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7 0.857422L4.23097 5.29941C3.82728 5.94699 3.82728 6.76785 4.23097 7.41544L7 11.8574" stroke="#828282" stroke-linecap="round"/>
|
||||
<path d="M4.42859 0.857422L1.65956 5.29941C1.25587 5.94699 1.25587 6.76785 1.65956 7.41544L4.42859 11.8574" stroke="#828282" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 389 B |
4
resources/web/homepage3/img/arrow_dark_right.svg
Normal file
4
resources/web/homepage3/img/arrow_dark_right.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 1L3.76903 5.44198C4.17272 6.08957 4.17272 6.91043 3.76903 7.55802L1 12" stroke="#828282" stroke-linecap="round"/>
|
||||
<path d="M3.57144 1L6.34047 5.44198C6.74416 6.08957 6.74416 6.91043 6.34047 7.55802L3.57144 12" stroke="#828282" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 365 B |
4
resources/web/homepage3/img/arrow_light_left.svg
Normal file
4
resources/web/homepage3/img/arrow_light_left.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7 0.652344L4.23097 5.09433C3.82728 5.74191 3.82728 6.56278 4.23097 7.21036L7 11.6523" stroke="#ACACAC" stroke-linecap="round"/>
|
||||
<path d="M4.42859 0.652344L1.65956 5.09433C1.25587 5.74191 1.25587 6.56278 1.65956 7.21036L4.42859 11.6523" stroke="#ACACAC" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 389 B |
4
resources/web/homepage3/img/arrow_light_right.svg
Normal file
4
resources/web/homepage3/img/arrow_light_right.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 0.652344L3.76903 5.09433C4.17272 5.74191 4.17272 6.56278 3.76903 7.21036L1 11.6523" stroke="#ACACAC" stroke-linecap="round"/>
|
||||
<path d="M3.57141 0.652344L6.34044 5.09433C6.74413 5.74191 6.74413 6.56278 6.34044 7.21036L3.57141 11.6523" stroke="#ACACAC" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 389 B |
21
resources/web/homepage3/img/left_ms.svg
Normal file
21
resources/web/homepage3/img/left_ms.svg
Normal file
@@ -0,0 +1,21 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_41282_63754)">
|
||||
<path d="M19.0832 7.5585H4.9165C4.28138 7.5585 3.7665 8.07337 3.7665 8.7085V11.9219C3.7665 12.557 4.28138 13.0719 4.9165 13.0719H19.0832C19.7183 13.0719 20.2332 12.557 20.2332 11.9219V8.7085C20.2332 8.07337 19.7183 7.5585 19.0832 7.5585Z" stroke="#6B6B6B" stroke-width="1.3"/>
|
||||
<path d="M5.5 13.0688H4.85V13.7188V18.5417C4.85 19.1768 5.36487 19.6917 6 19.6917H18C18.6351 19.6917 19.15 19.1768 19.15 18.5417V13.7188V13.0688H18.5H5.5Z" stroke="#6B6B6B" stroke-width="1.3"/>
|
||||
<path d="M16 7.50625H16.6V6.90625V5.5C16.6 4.89249 16.1075 4.4 15.5 4.4H8.5C7.89249 4.4 7.4 4.89249 7.4 5.5V6.90625V7.50625H8H16Z" stroke="#6B6B6B" stroke-width="1.2"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5875 11C8.94649 11 9.2375 11.291 9.2375 11.65L9.2376 14.4C9.2376 14.759 8.94658 15.05 8.5876 15.05C8.22861 15.05 7.9376 14.759 7.9376 14.4L7.9375 11.65C7.9375 11.291 8.22851 11 8.5875 11Z" fill="#6B6B6B"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.41 11C15.769 11 16.06 11.291 16.06 11.65V14.3999C16.06 14.7589 15.769 15.0499 15.41 15.0499C15.051 15.0499 14.76 14.7589 14.76 14.3999V11.65C14.76 11.291 15.051 11 15.41 11Z" fill="#6B6B6B"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_41282_63754" x="-3" y="-1" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="-1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_41282_63754"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_41282_63754" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@@ -70,7 +70,7 @@ function GotoMenu( strMenu )
|
||||
{
|
||||
ShowMenuNewTag(strMenu,0);
|
||||
|
||||
if(NowMenu==strMenu && strMenu!='makerlab')
|
||||
if(NowMenu==strMenu && strMenu!='makersupply')
|
||||
return;
|
||||
|
||||
NowMenu=strMenu;
|
||||
@@ -84,7 +84,7 @@ function GotoMenu( strMenu )
|
||||
|
||||
if( $(OneBtn).attr("menu")==strMenu )
|
||||
{
|
||||
if(strMenu!=='makerlab')
|
||||
if(strMenu!=='makersupply')
|
||||
{
|
||||
$(".BtnItem").removeClass("BtnItemSelected");
|
||||
$(OneBtn).addClass("BtnItemSelected");
|
||||
@@ -221,5 +221,53 @@ function BeginDownloadNetworkPlugin()
|
||||
SendWXMessage( JSON.stringify(tSend) );
|
||||
}
|
||||
|
||||
var WidthBoundary=168;
|
||||
function ChangeLeftWidth()
|
||||
{
|
||||
var tSend={};
|
||||
tSend['sequence_id']=Math.round(new Date() / 1000);
|
||||
tSend['command']="homepage_leftmenu_change_width";
|
||||
|
||||
let NowWidth=window.innerWidth;
|
||||
if(NowWidth<=WidthBoundary)
|
||||
{
|
||||
tSend['width']=224;
|
||||
|
||||
ShowLeftMenuTip( false );
|
||||
}
|
||||
else
|
||||
{
|
||||
tSend['width']=64;
|
||||
|
||||
ShowLeftMenuTip( true );
|
||||
}
|
||||
|
||||
SendWXMessage( JSON.stringify(tSend) );
|
||||
}
|
||||
|
||||
function ShowLeftMenuTip( bShow )
|
||||
{
|
||||
if(bShow==true)
|
||||
{
|
||||
$("div[menu='home'] div.BtnIcon").prop('title',GetCurrentTextByKey('t114'));
|
||||
$("div[menu='recent'] div.BtnIcon").prop('title',GetCurrentTextByKey('t35'));
|
||||
$("div[menu='online'] div.BtnIcon").prop('title',GetCurrentTextByKey('t107'));
|
||||
$("div[menu='makerlab'] div.BtnIcon").prop('title','MakerLab');
|
||||
$("div[menu='printhistory'] div.BtnIcon").prop('title',GetCurrentTextByKey('t117'));
|
||||
$("div[menu='manual'] div.BtnIcon").prop('title',GetCurrentTextByKey('t87'));
|
||||
}
|
||||
else
|
||||
{
|
||||
$("div[menu='home'] div.BtnIcon").removeAttr('title');
|
||||
$("div[menu='recent'] div.BtnIcon").removeAttr('title');
|
||||
$("div[menu='online'] div.BtnIcon").removeAttr('title');
|
||||
$("div[menu='makerlab'] div.BtnIcon").removeAttr('title');
|
||||
$("div[menu='printhistory'] div.BtnIcon").removeAttr('title');
|
||||
$("div[menu='manual'] div.BtnIcon").removeAttr('title');
|
||||
}
|
||||
}
|
||||
|
||||
//---------------Global-----------------
|
||||
window.postMessage = HandleStudio;
|
||||
|
||||
|
||||
|
||||
@@ -91,8 +91,8 @@ var Test_PrintTaskList={
|
||||
"weight": 0
|
||||
}
|
||||
],
|
||||
"mode": "cloud_slice",
|
||||
"isPublicProfile": true,
|
||||
"mode": "user_slice",
|
||||
"isPublicProfile": false,
|
||||
"isPrintable": true,
|
||||
"isDelete": false,
|
||||
"deviceModel": "X1E",
|
||||
|
||||
@@ -3,10 +3,11 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="Cache-Control" content="max-age=7200" />
|
||||
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-scalable=no">
|
||||
<title>homepage</title>
|
||||
<link rel="stylesheet" type="text/css" href="./css/common.css" />
|
||||
<link rel="stylesheet" type="text/css" href="./css/left.css" />
|
||||
<link rel="stylesheet" type="text/css" href="./css/left_mini.css" media="screen and (max-width: 168px)" />
|
||||
<link rel="stylesheet" type="text/css" href="./css/dark.css" />
|
||||
|
||||
<script type="text/javascript" src="../include/jquery-2.1.1.min.js"></script>
|
||||
@@ -100,9 +101,12 @@
|
||||
<div menu="makerlab" class="BtnItem" onClick="GotoMenu('makerlab')">
|
||||
<div class="BtnIcon "><img class="LeftIcon" src="img/left_ml.svg" /></div>
|
||||
<div class="BtnText trans" tid="">MakerLab</div>
|
||||
<div ><img class="JumpIcon" src="img/jump.svg" /></div>
|
||||
<div id="MakerlabNewTag" class="BtnNewIcon">New</div>
|
||||
</div>
|
||||
<!-- <div menu="makersupply" class="BtnItem" onClick="GotoMenu('makersupply')">
|
||||
<div class="BtnIcon "><img class="LeftIcon" src="img/left_ms.svg" /></div>
|
||||
<div class="BtnText trans" tid="t125">Maker’s Supply</div>
|
||||
</div> -->
|
||||
<div menu="printhistory" class="BtnItem" onClick="GotoMenu('printhistory')">
|
||||
<div class="BtnIcon "><img class="LeftIcon" src="img/left_ph.svg" /></div>
|
||||
<div class="BtnText trans" tid="t117">Print History</div>
|
||||
@@ -114,6 +118,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div id="HideBtn" onClick="ChangeLeftWidth()"></div> -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user