cesium/cesium-plot-js
1
0
Fork 0
mirror of https://github.com/ethan-zf/cesium-plot-js.git synced 2025-06-24 03:27:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

adjust btns

Browse Source
This commit is contained in:
ethan 2023-08-31 20:00:12 +08:00
parent 0bf66f2397
commit 0abf1dba73
1 changed files with 30 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
index.html
View File

@ -18,20 +18,26 @@
.button-container {
position: absolute;
top: 10px;
left: 10px;
top: 0;
left: 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
background-color: rgba(255, 255, 255, 0.8);
padding: 10px;
}
.button-container button {
margin: 0 10px;
padding: 6px 10px;
flex: 1 0 auto;
max-width: 100%;
box-sizing: border-box;
padding: 4px 10px;
background-color: #3498db;
color: #ffffff;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s, transform 0.2s;
}
</style>
</head>
@ -55,6 +61,25 @@
<button id="remove">删除</button>
<button id="addEvent">绑定事件</button>
<button id="removeEvent">解绑事件</button>
<button id="removeEvent">解绑事件</button>
<button id="removeEvent">解绑事件</button>
<button id="removeEvent">解绑事件</button>
<button id="removeEvent">解绑事件</button>
<button id="removeEvent">解绑事件</button>
<button id="removeEvent">解绑事件</button>
<button id="removeEvent">解绑事件</button>
<button id="removeEvent">解绑事件</button>
<button id="removeEvent">解绑事件</button>
<button id="removeEvent">解绑事件</button>
<button id="removeEvent">解绑事件</button>
<button id="removeEvent">解绑事件</button>
<button id="removeEvent">解绑事件</button>
<button id="removeEvent">解绑事件</button>
<button id="removeEvent">解绑事件</button>
<button id="removeEvent">解绑事件</button>
<button id="removeEvent">解绑事件</button>
<button id="removeEvent">解绑事件</button>
<button id="removeEvent">解绑事件</button>
</div>
<script>
window.CESIUM_BASE_URL = './examples/cesium';