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