feat: 添加卫星数量动态选择按钮,优化布局和交互
This commit is contained in:
@ -48,17 +48,28 @@ onBeforeUnmount(() => {
|
||||
v-if="spinning"
|
||||
class="z-101 absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
|
||||
/>
|
||||
<SatelliteSelector class="z-100 absolute left-4 top-4" :viewer="viewer" :tle-list />
|
||||
|
||||
<AButton
|
||||
@click="
|
||||
() => {
|
||||
tleList = TLE_LIST;
|
||||
}
|
||||
"
|
||||
class="z-100 absolute left-4 top-15"
|
||||
>
|
||||
<template #icon> <ReloadOutlined /> </template>3 个卫星
|
||||
</AButton>
|
||||
<div class="z-100 absolute left-4 top-4 flex flex-col gap-4">
|
||||
<SatelliteSelector :viewer="viewer" :tle-list />
|
||||
<AButton
|
||||
@click="
|
||||
() => {
|
||||
tleList = TLE_LIST;
|
||||
}
|
||||
"
|
||||
>
|
||||
<template #icon> <ReloadOutlined /> </template>3 个卫星
|
||||
</AButton>
|
||||
|
||||
<AButton
|
||||
@click="
|
||||
() => {
|
||||
tleList = TLE_LIST.splice(0, 2);
|
||||
}
|
||||
"
|
||||
>
|
||||
<template #icon> <ReloadOutlined /> </template>2 个卫星
|
||||
</AButton>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
Reference in New Issue
Block a user