root/apt-nl-map
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

导航

Browse Source
This commit is contained in:
蔡玲
2024-12-13 16:51:04 +08:00
parent a402de6dd6
commit e39e55c977
4 changed files with 30 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
static/Magic4/HMI_JavaApp_Map.html
View File

@@ -25,7 +25,7 @@
height: 100%;
}
.sidebar .nav:not(.sub-menu) {
margin-top: 101px;
margin-top: 211px;
}
.sidebar .nav .nav-item {
height: 120px;
@@ -91,11 +91,11 @@
}
.main-panel {
width: calc(100% - 228px);
padding-right: 53px;
padding: 107px 53px 54px 0;
}
.content-wrapper {
height: 100%;
padding: 0 30px;
padding: 0 26.5px;
background: transparent;
overflow: hidden;
}

34
static/Magic4/HMI_Map2.html
View File

@@ -1282,14 +1282,14 @@
<div class="title_wrap"><h2>地图</h2></div>
<div class="page_container">
<div class="top">
<img id="ButtonImage_Vertical_FollowCar" src="Led_Display/Button_Vertical_Off.bmp"/>
<input type=button class="btn" id="Button_CanvasInit" data-i18n-value="map.canvasInit" value="初始化" style="width:10%;height:50px;background:#FD4F00FF"></input>
<input type=button class="btn" id="Button_FindCar" data-i18n-value="map.findCar" value="车辆位置" style="width:10%;height:50px;background:#FD4F00FF"></input>
<input type=button class="btn" id="Button_ZoomIn" data-i18n-value="map.zoomIn" value="缩小" style="width:10%;height:50px;background:#FD4F00FF"></input>
<input type=button class="btn" id="Button_ZoomOut" data-i18n-value="map.zoomOut" value="放大" style="width:10%;height:50px;background:#FD4F00FF"></input>
<!-- <img id="ButtonImage_Vertical_FollowCar" src="Led_Display/Button_Vertical_Off.bmp"/> -->
<input type=button class="btn button_1" id="Button_CanvasInit" data-i18n-value="map.canvasInit" value="初始化"></input>
<input type=button class="btn button_1" id="Button_FindCar" data-i18n-value="map.findCar" value="车辆位置"></input>
<input type=button class="btn button_1" id="Button_ZoomIn" data-i18n-value="map.zoomIn" value="缩小"></input>
<input type=button class="btn button_1" id="Button_ZoomOut" data-i18n-value="map.zoomOut" value="放大"></input>
</div>
<div id="output"></div>
<canvas id="myCanvas" style="background:white;" width="1503px" height="616px"></canvas>
<canvas id="myCanvas" style="border: 2px solid #3989EE;background-color: #fff;" width="1510px" height="660px"></canvas>
</div>
</body>
<script type="text/javascript" src="js/i18n/TimeI18n.js"></script>
@@ -1306,17 +1306,13 @@
background-color: transparent;
}
.top{
margin: 0 55px 31px 55px;
display: flex;
margin: 0 0 10px 0;
}
.top img{
vertical-align: middle;
margin: 0px 5px;
}
.top input{
display: inline-block;
margin: 0px 5px;
color: white;
}
.title_wrap{
width: 100%;
height: 102px;
@@ -1337,5 +1333,19 @@
background: center / 100% 100% url(./images/bg-task-r2.png) no-repeat;
padding: 31px 31px 31px 45px;
}
.button_1 {
width: 200px;
height: 75px;
font-size: 30px;
color: #fff;
margin-right: 20px;
/* background: center / 100% 100% url(./images/btn_1.png) no-repeat; */
/* background: radial-gradient(at bottom center, #65b4fe 0%, #3A90E1 50%, #368CDF 100%); */
background: repeating-linear-gradient(135deg,#2D67CE,#2D67CE 4px,#2764CD 4px,#2764CD 8px);
border: 2px solid #3377ED;
}
.button_1:hover {
color: #3CC1FF
}
</style>
</html>