From 02c92ac5456a4ee28d5755173a3efa8e7d5ddff1 Mon Sep 17 00:00:00 2001 From: 少年 <1392120328@qq.com> Date: 星期二, 23 一月 2024 12:34:45 +0800 Subject: [PATCH] youhua --- static/SmartEarthSDK/Workers/path/Path.html | 227 +++++++++++++++++++++++++++++++------------------------- 1 files changed, 125 insertions(+), 102 deletions(-) diff --git a/static/SmartEarthSDK/Workers/path/Path.html b/static/SmartEarthSDK/Workers/path/Path.html index 60a914e..bf374e9 100644 --- a/static/SmartEarthSDK/Workers/path/Path.html +++ b/static/SmartEarthSDK/Workers/path/Path.html @@ -20,7 +20,7 @@ .layui-prop::-webkit-scrollbar { /*婊氬姩鏉℃暣浣撴牱寮�*/ - width: 8px; + width: 3px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ height: 8px; scrollbar-arrow-color: red; @@ -42,20 +42,14 @@ } form { - /* width: 95%; */ - width: 97%; - position: absolute; - bottom: 8px; - /* margin-top: 40px; */ + width: 95%; + margin: auto; } html { overflow: hidden; } - .layui-form-item { - /* width: 313px !important; */ - } .layui-input { background-color: #fff !important; @@ -64,7 +58,8 @@ } .layui-form-label { - width: 96px !important; + width: auto !important; + text-align: left; } .layui-input-block { @@ -86,7 +81,7 @@ } .layui-form-item { - border: 1px dashed rgba(0, 0, 0, 0.1); + /* border: 1px solid #fff; */ padding: 4px; margin-bottom: 0px !important; border-bottom: none; @@ -108,10 +103,11 @@ .bnt-box { /* text-align: center; */ - height: 60px; + height: 80px; display: flex; - justify-content: space-around; + justify-content: space-between; align-items: center; + padding: 0px 20px; } .bnt-box button { @@ -157,100 +153,110 @@ </select> </div> </div> - <div class="layui-form-item norline fly"> - <label class="layui-form-label">椋炶楂樺害</label> - <div class="layui-input-block"> - <input id="cameraHeight" type="text" value="0" name="cameraHeight" lay-filter="cameraHeight" - class="layui-input" onkeyup="value=value.replace(/[^\d\.\-]/g,'')"> - </div> - </div> - <div class="layui-form-item norline fly notGod"> - <label class="layui-form-label">椋炶璺濈</label> - <div class="layui-input-block"> - <input id="cameraDistance" type="text" value="0" name="cameraDistance" lay-filter="cameraDistance" - class="layui-input" onkeyup="value=value.replace(/[^\d\.\-]/g,'')"> - </div> - </div> - <div class="layui-form-item norline fly notGod"> - <label class="layui-form-label">淇话瑙�</label> - <div class="layui-input-block"> - <input id="pitch" type="text" value="0" name="pitch" lay-filter="pitch" class="layui-input" - onkeyup="value=value.replace(/[^\d\.\-]/g,'')"> - </div> - </div> - <div class="layui-form-item norline"> - <label class="layui-form-label">婕父閫熷害(m/s)</label> - <div class="layui-input-block"> - <div id="flySpeed" class="flySpeed"></div> - </div> - </div> - <div class="layui-form-item norline"> - <label class="layui-form-label">鎬婚暱搴�</label> - <div class="layui-input-block" id="totalLen" style="line-height: 38px;"> - </div> - </div> - <div class="layui-form-item norline"> - <label class="layui-form-label">宸叉极娓搁暱搴�</label> - <div class="layui-input-block" id="distanceTraveled" style="line-height: 38px;"> - 0 - </div> - </div> - <div class="layui-form-item norline"> - <label class="layui-form-label">鎬绘椂闀�</label> - <div class="layui-input-block" id="totalTime" style="line-height: 38px;"> - </div> - </div> - <div class="layui-form-item norline"> - <label class="layui-form-label">宸叉极娓告椂闂�</label> - <div class="layui-input-block" id="time" style="line-height: 38px;"> - 0 - </div> - </div> - <div class="layui-form-item norline"> - <label class="layui-form-label">鏄惁鏄剧ず妯″瀷</label> - <div class="layui-input-block"> - <input id="showModel" type="checkbox" lay-skin="switch" lay-filter="showModel" value="off" - lay-text="鏄瘄鍚�"> - </div> - </div> - <div class="layui-form-item norline"> - <label class="layui-form-label">鏄惁鏄剧ず璺嚎</label> - <div class="layui-input-block"> - <input id="showLine" type="checkbox" lay-skin="switch" lay-filter="showLine" value="off" - lay-text="鏄瘄鍚�"> - </div> - </div> - <div class="layui-form-item norline"> - <label class="layui-form-label">閫熷害</label> - <div class="layui-input-block" id="sd" style="line-height: 38px;"> - 50m/s - </div> - </div> - <div class="layui-form-item norline"> - <label class="layui-form-label">缁忓害</label> - <div class="layui-input-block" id="jd" style="line-height: 38px;"> - </div> + + <div id="dropDown" style="text-align: center;"> + <i class="layui-icon layui-icon-down"></i> + <!-- <i class="layui-icon layui-icon-up" id="dropUp"></i> --> </div> - <div class="layui-form-item norline"> - <label class="layui-form-label">绾害</label> - <div class="layui-input-block" id="wd" style="line-height: 38px;"> + <div class="showBox" data-anim="layui-anim-downbit"> + <div class="layui-form-item fly"> + <label class="layui-form-label">椋炶楂樺害</label> + <div class="layui-input-block"> + <input id="cameraHeight" type="text" value="0" name="cameraHeight" lay-filter="cameraHeight" + class="layui-input" onkeyup="value=value.replace(/[^\d\.\-]/g,'')"> + </div> </div> - </div> + <div class="layui-form-item fly notGod"> + <label class="layui-form-label">椋炶璺濈</label> + <div class="layui-input-block"> + <input id="cameraDistance" type="text" value="0" name="cameraDistance" + lay-filter="cameraDistance" class="layui-input" + onkeyup="value=value.replace(/[^\d\.\-]/g,'')"> + </div> + </div> + <div class="layui-form-item fly notGod"> + <label class="layui-form-label">淇话瑙�</label> + <div class="layui-input-block"> + <input id="pitch" type="text" value="0" name="pitch" lay-filter="pitch" class="layui-input" + onkeyup="value=value.replace(/[^\d\.\-]/g,'')"> + </div> + </div> + <div class="layui-form-item "> + <label class="layui-form-label">婕父閫熷害(m/s)</label> + <div class="layui-input-block"> + <div id="flySpeed" class="flySpeed"></div> + </div> + </div> + <div class="layui-form-item norline"> + <label class="layui-form-label">鎬婚暱搴�</label> + <div class="layui-input-block" id="totalLen" style="line-height: 38px;"> + </div> + </div> + <div class="layui-form-item norline"> + <label class="layui-form-label">宸叉极娓搁暱搴�</label> + <div class="layui-input-block" id="distanceTraveled" style="line-height: 38px;"> + 0 + </div> + </div> + <div class="layui-form-item norline"> + <label class="layui-form-label">鎬绘椂闀�</label> + <div class="layui-input-block" id="totalTime" style="line-height: 38px;"> + </div> + </div> + <div class="layui-form-item norline"> + <label class="layui-form-label">宸叉极娓告椂闂�</label> + <div class="layui-input-block" id="time" style="line-height: 38px;"> + 0 + </div> + </div> + <div class="layui-form-item norline"> + <label class="layui-form-label">鏄惁鏄剧ず妯″瀷</label> + <div class="layui-input-block"> + <input id="showModel" type="checkbox" lay-skin="switch" lay-filter="showModel" value="off" + lay-text="鏄瘄鍚�"> + </div> + </div> + <div class="layui-form-item norline"> + <label class="layui-form-label">鏄惁鏄剧ず璺嚎</label> + <div class="layui-input-block"> + <input id="showLine" type="checkbox" lay-skin="switch" lay-filter="showLine" value="off" + lay-text="鏄瘄鍚�"> + </div> + </div> + <div class="layui-form-item norline"> + <label class="layui-form-label">閫熷害</label> + <div class="layui-input-block" id="sd" style="line-height: 38px;"> + 50m/s + </div> + </div> + <div class="layui-form-item norline"> + <label class="layui-form-label">缁忓害</label> + <div class="layui-input-block" id="jd" style="line-height: 38px;"> + </div> + </div> - <div class="layui-form-item norline"> - <label class="layui-form-label">婕父楂樼▼</label> - <div class="layui-input-block" id="height" style="line-height: 38px;"> + <div class="layui-form-item norline"> + <label class="layui-form-label">绾害</label> + <div class="layui-input-block" id="wd" style="line-height: 38px;"> + </div> </div> - </div> - <div class="layui-form-item norline"> - <label class="layui-form-label">鍦伴潰楂樼▼</label> - <div class="layui-input-block" id="globeHeight" style="line-height: 38px;"> + + <div class="layui-form-item norline"> + <label class="layui-form-label">婕父楂樼▼</label> + <div class="layui-input-block" id="height" style="line-height: 38px;"> + </div> </div> - </div> - <div class="layui-form-item"> - <div class="layui-progress layui-progress-big" lay-showpercent="true" lay-filter="ratio"> - <div class="layui-progress-bar layui-bg-red" lay-percent="0%"></div> + <div class="layui-form-item norline"> + <label class="layui-form-label">鍦伴潰楂樼▼</label> + <div class="layui-input-block" id="globeHeight" style="line-height: 38px;"> + </div> + </div> + + <div class="layui-form-item"> + <div class="layui-progress layui-progress-big" lay-showpercent="true" lay-filter="ratio"> + <div class="layui-progress-bar layui-bg-red" lay-percent="0%"></div> + </div> </div> </div> </form> @@ -267,6 +273,9 @@ var url = parent.SmartEarthRootUrl + "Workers/Model/xiaoche.gltf"; $('#start').hide(); $('#stop').show(); + $('#dropUp').hide(); + $('.showBox').hide(); + var form, element, slider; var ratio = 0; layui.use(['form', 'element', 'slider'], function () { @@ -389,7 +398,7 @@ $('#stop').hide(); break; case 'exit': - parent.roamDetail.roaming = false; + // parent.roamDetail.roaming = false; parent.layer.close(parent.PathAnimationData.winIndex); break; } @@ -471,6 +480,20 @@ } return dis; } + + + $('#dropDown').click(function () { + $('#dropDown').hide(); + // $('#dropUp').show(); + $('.showBox').show(); + }) + + // $('#dropUp').click(function () { + // $('#dropUp').hide(); + // $('#dropDown').show(); + // $('.showBox').hide(); + + // }) </script> </body> -- Gitblit v1.9.3