mirror of
https://github.com/QIDITECH/QIDIStudio.git
synced 2026-01-31 00:48:41 +03:00
update version to v02.04.01.10
This commit is contained in:
wjyLearn
BIN
resources/web/homepage3/img/arrow-right.png
Normal file
BIN
resources/web/homepage3/img/arrow-right.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 340 B |
4
resources/web/homepage3/img/arrow-right.svg
Normal file
4
resources/web/homepage3/img/arrow-right.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M11 26.5C11 24.8333 11.5833 24 12.75 24H37.25C38.4167 24 39 24.8333 39 26.5C39 28.1667 38.4167 29 37.25 29H12.75C11.5833 29 11 28.1667 11 26.5Z" fill="white"/>
|
||||
<path d="M39.0955 26.3775L28.7756 16.0576C28.577 15.8657 28.4185 15.6362 28.3095 15.3824C28.2005 15.1286 28.1431 14.8557 28.1407 14.5795C28.1383 14.3033 28.1909 14.0294 28.2955 13.7738C28.4001 13.5182 28.5545 13.286 28.7498 13.0907C28.9451 12.8954 29.1774 12.7409 29.433 12.6363C29.6886 12.5318 29.9625 12.4791 30.2387 12.4815C30.5149 12.4839 30.7878 12.5413 31.0416 12.6503C31.2954 12.7593 31.5249 12.9178 31.7167 13.1164L43.4833 24.883C43.682 25.0751 43.8404 25.3048 43.9492 25.5588C44.0581 25.8128 44.1153 26.086 44.1174 26.3623C44.1195 26.6386 44.0666 26.9126 43.9616 27.1682C43.8567 27.4239 43.7019 27.656 43.5062 27.8512L31.7386 39.6156C31.3486 40.0058 30.8195 40.225 30.2679 40.2251C29.7162 40.2252 29.1871 40.0062 28.7969 39.6162C28.4068 39.2262 28.1875 38.6971 28.1875 38.1455C28.1874 37.5938 28.4064 37.0647 28.7964 36.6745L39.0945 26.3764L39.0955 26.3775Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
BIN
resources/web/homepage3/img/loginBackground.png
Normal file
BIN
resources/web/homepage3/img/loginBackground.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
254
resources/web/homepage3/login.html
Normal file
254
resources/web/homepage3/login.html
Normal file
@@ -0,0 +1,254 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>登录指南</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Segoe UI', sans-serif;
|
||||
line-height: 1.8;
|
||||
color: #FFFFFF;
|
||||
margin: 40px;
|
||||
padding: 0;
|
||||
background: white;
|
||||
min-height: 100vh;
|
||||
background-image: url('img/loginBackground.png');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-attachment: fixed;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.content {
|
||||
max-width: 1000px;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-weight: normal;
|
||||
font-size: 55px;
|
||||
margin-bottom: 50px;
|
||||
color: #FFFFFF;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.intro {
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
.intro p {
|
||||
font-size: 20px;
|
||||
color: #FFFFFF;
|
||||
line-height: 1.8;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.button-container {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
gap: 20px;
|
||||
margin: 80px 0;
|
||||
}
|
||||
|
||||
.action-button {
|
||||
background-color: #4459FB;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 10px 14px 0px;
|
||||
border-radius: 6px;
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
min-width: 180px;
|
||||
height: 60px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.action-button-secondary {
|
||||
background-color: #4459FB;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 14px 14px;
|
||||
border-radius: 6px;
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
min-width: 180px;
|
||||
height: 60px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.arrow-icon {
|
||||
margin-left: 10px;
|
||||
margin-right: 0px;
|
||||
padding: 0px;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.secondary-arrow-icon {
|
||||
margin-left: 40px;
|
||||
margin-right: 0px;
|
||||
padding: 0px;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.more-button {
|
||||
background-color: transparent;
|
||||
border: 1px solid white;
|
||||
color: white;
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
.faq-section {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.faq-title {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.faq-item {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.faq-question {
|
||||
font-weight: bold;
|
||||
margin-bottom: 0px;
|
||||
font-size: 16px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.faq-answer {
|
||||
font-size: 14px;
|
||||
color: #FFFFFF;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.support-section {
|
||||
margin-top: 0px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.support-title {
|
||||
font-weight: bold;
|
||||
margin-bottom: 0px;
|
||||
font-size: 16px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.support-link {
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
display: inline-block;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.footer {
|
||||
margin-top: 0px;
|
||||
text-align: left;
|
||||
color: #FFFFFF;
|
||||
font-size: 12px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="content">
|
||||
<h1>登录指南</h1>
|
||||
|
||||
<div class="intro">
|
||||
<p>通过 QIDI MAKER 或 QIDI LINK 注册并登录账号后，即可将你的 QIDI </p>
|
||||
<p>STUDIO 软件绑定至账户。</p>
|
||||
<p>完成绑定后，QIDI STUDIO 切片软件可通过 QIDI 云服务器、远程控制并管理
|
||||
<p>当前全部已登录该用户账号的打印机，实现远程发送打印任务、状态同步与
|
||||
<p>设备管理。</p>
|
||||
</div>
|
||||
|
||||
<div class="button-container">
|
||||
<button class="action-button" onclick="buttonClicked(1)" >
|
||||
<span>QIDI MAKER</span>
|
||||
<img src="img/arrow-right.png" class = "arrow-icon"/>
|
||||
</button>
|
||||
<button class="action-button-secondary" onclick="buttonClicked(2)">
|
||||
QIDI LINK
|
||||
<img src="img/arrow-right.png" class = "secondary-arrow-icon"/>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="detail-button">
|
||||
<button class="more-button" id="more" >
|
||||
了解更多
|
||||
</button>
|
||||
</div>
|
||||
<div class = "detail-text" id = "text-detail">
|
||||
<div class="faq-section" id="faq">
|
||||
<div class="faq-item">
|
||||
<div class="faq-question">QIDI MAKER与QIDI LINK的区别？</div>
|
||||
<div class="faq-answer">QIDI MAKER APP是一个面向用户的一站式3D打印平台，致力于为用户提供便<br>
|
||||
捷、流畅且愉悦的3D打印体验。目前，QIDI MAKER暂时仅兼容QIDI Max4，<br>
|
||||
后续将逐步支持更多QIDI 3D打印机型号。</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<div class="faq-question">账号无法登录？</div>
|
||||
<div class="faq-answer">如遇到任何问题，请随时联系QIDI官方售后支持：</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="support-section">
|
||||
<div class="support-title">官方售后支持</div>
|
||||
<div>
|
||||
<a href="https://wiki.qidi3d.com/en/AfterSalesContact" target="_blank" class="support-link">
|
||||
https://wiki.qidi3d.com/en/AfterSalesContact
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function buttonClicked(index) {
|
||||
if (window.wx && wx.postMessage) {
|
||||
wx.postMessage(JSON.stringify({
|
||||
index: index
|
||||
}));
|
||||
}
|
||||
}
|
||||
window.addEventListener('DOMContentLoaded', function() {
|
||||
document.getElementById('text-detail').hidden = true;
|
||||
});
|
||||
document.getElementById('more').addEventListener('click', function() {
|
||||
if (this.dataset.clicked) {
|
||||
this.style.color = 'white';
|
||||
this.style.borderColor = 'white';
|
||||
document.getElementById('text-detail').hidden = true;
|
||||
delete this.dataset.clicked;
|
||||
} else {
|
||||
this.style.color = 'blue';
|
||||
this.style.borderColor = 'blue';
|
||||
this.dataset.clicked = 'true';
|
||||
document.getElementById('text-detail').hidden = false;
|
||||
}
|
||||
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user