maochaoying
/
websocket-util
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

two pages

main
maochaoying 2 years ago
parent
72d33a8d45
commit
ec4d843f93
1 changed files with 260 additions and 4 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 264
      index.html

264
index.html
View File

@ -31,8 +31,8 @@
flex-direction: column;
padding: 24px;
overflow: scroll;
width: 400px;
min-width: 400px;
width: 500px;
min-width: 500px;
}
.right_message {
height: 100vh;
@ -194,6 +194,40 @@
.mod-tab .content .active {
display: block;
}
.card_container {
padding: 0 10px;
}
.card_container .title {
margin-bottom: 10px;
border-bottom: solid 1px #ddd;
}
.card_container .form {
display: flex;
margin-bottom: 10px;
align-items: center;
justify-content: space-between;
}
.card_container .form .label {
white-space: nowrap;
margin-right: 10px;
}
.card_container .form .input {
flex: 1;
padding: 4px 0;
text-align: center;
}
.card_container .form .btn {
padding: 0;
margin: 0;
width: 40px;
margin-left: 10px;
}
.card_container .form .input_config {
width: 60px;
padding: 4px 0;
text-align: center;
}
</style>
</head>
<body>
@ -302,8 +336,230 @@
</div>
</div>
</div>
<div class="panel">panel2</div>
<div class="panel">panel3</div>
<div class="panel">
<div
class="common_order_input"
style="border-bottom: solid 2px #ddd; padding-bottom: 10px"
>
<div class="single">
<p>ID</p>
<input type="text" class="input" />
</div>
<div
class="single"
style="margin-left: 10px; margin-right: 5px"
>
<p>BASE</p>
<input type="text" class="input" />
</div>
<div
class="single"
style="margin-left: 5px; margin-right: 10px"
>
<p>OFFSET</p>
<input type="text" class="input" />
</div>
</div>
<div class="card_container">
<h3 class="title">状态</h3>
<div class="form">
<p class="label">异常</p>
<input type="text" class="input" />
<button class="btn">读</button>
</div>
<div class="form">
<p class="label">状态</p>
<input type="text" class="input" />
<button class="btn">读</button>
</div>
<div class="form">
<p class="label">位置</p>
<input type="text" class="input" />
<button class="btn">读</button>
</div>
</div>
<div class="card_container">
<h3 class="title">配置</h3>
<div class="form">
<p class="label">反复运动启始位置</p>
<input type="text" class="input_config" />
<button class="btn">读</button>
<button class="btn">写</button>
</div>
<div class="form">
<p class="label">反复运动终止位置</p>
<input type="text" class="input_config" />
<button class="btn">读</button>
<button class="btn">写</button>
</div>
<div class="form">
<p class="label">运行时速度配置</p>
<input type="text" class="input_config" />
<button class="btn">读</button>
<button class="btn">写</button>
</div>
</div>
<div class="card_container">
<h3 class="title">动作</h3>
<div class="form">
<p class="label">舵机移动到角度</p>
<input type="text" class="input" />
<button class="btn">写</button>
</div>
<div class="form">
<p class="label">舵机停止</p>
<input type="text" class="input" />
<button class="btn">写</button>
</div>
<div class="form">
<p class="label">清除异常</p>
<input type="text" class="input" />
<button class="btn">写</button>
</div>
<div class="form">
<p class="label">反复运动</p>
<input type="text" class="input" />
<button class="btn">写</button>
</div>
</div>
</div>
<div class="panel">
<div
class="common_order_input"
style="border-bottom: solid 2px #ddd; padding-bottom: 10px"
>
<div class="single">
<p>ID</p>
<input type="text" class="input" />
</div>
<div
class="single"
style="margin-left: 10px; margin-right: 5px"
>
<p>BASE</p>
<input type="text" class="input" />
</div>
<div
class="single"
style="margin-left: 5px; margin-right: 10px"
>
<p>OFFSET</p>
<input type="text" class="input" />
</div>
</div>
<div class="card_container">
<h3 class="title">状态</h3>
<div class="form">
<p class="label">设备状态</p>
<input type="text" class="input" />
<button class="btn">读</button>
</div>
<div class="form">
<p class="label">异常状态</p>
<input type="text" class="input" />
<button class="btn">读</button>
</div>
<div class="form">
<p class="label">当前转速</p>
<input type="text" class="input" />
<button class="btn">读</button>
</div>
<div class="form">
<p class="label">当前位置</p>
<input type="text" class="input" />
<button class="btn">读</button>
</div>
</div>
<div class="card_container">
<h3 class="title">配置</h3>
<div class="form">
<p class="label">加速度</p>
<input type="text" class="input_config" />
<button class="btn">读</button>
<button class="btn">写</button>
</div>
<div class="form">
<p class="label">减速度</p>
<input type="text" class="input_config" />
<button class="btn">读</button>
<button class="btn">写</button>
</div>
<div class="form">
<p class="label">速度</p>
<input type="text" class="input_config" />
<button class="btn">读</button>
<button class="btn">写</button>
</div>
<div class="form">
<p class="label">零点偏移</p>
<input type="text" class="input_config" />
<button class="btn">读</button>
<button class="btn">写</button>
</div>
<div class="form">
<p class="label">归零速度</p>
<input type="text" class="input_config" />
<button class="btn">读</button>
<button class="btn">写</button>
</div>
<div class="form">
<p class="label">归零减速度</p>
<input type="text" class="input_config" />
<button class="btn">读</button>
<button class="btn">写</button>
</div>
<div class="form">
<p class="label">归零最大位移</p>
<input type="text" class="input_config" />
<button class="btn">读</button>
<button class="btn">写</button>
</div>
<div class="form">
<p class="label">归零第一阶段移动距离</p>
<input type="text" class="input_config" />
<button class="btn">读</button>
<button class="btn">写</button>
</div>
</div>
<div class="card_container">
<h3 class="title">动作</h3>
<div class="form">
<p class="label">速度模式控制</p>
<input type="text" class="input" />
<button class="btn">写</button>
</div>
<div class="form">
<p class="label">位置模式控制</p>
<input type="text" class="input" />
<button class="btn">写</button>
</div>
<div class="form">
<p class="label">位置模式相对位置</p>
<input type="text" class="input" />
<button class="btn">写</button>
</div>
<div class="form">
<p class="label">归零</p>
<input type="text" class="input" />
<button class="btn">写</button>
</div>
<div class="form">
<p class="label">零位校准</p>
<input type="text" class="input" />
<button class="btn">写</button>
</div>
<div class="form">
<p class="label">停止</p>
<input type="text" class="input" />
<button class="btn">写</button>
</div>
<div class="form">
<p class="label">清空异常</p>
<input type="text" class="input" />
<button class="btn">写</button>
</div>
</div>
</div>
</div>
</div>
</div>

Write Preview
Loading…
Cancel
Save