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