Files
soybean-admin/src/views/alova/scenes/index.vue
Scott Hu a6545265ac feat(projects): add alova examples (#647)
* feat: optimistic subpackage `@sa/alova`

* feat: add alova examples
2024-10-17 17:51:36 +08:00

35 lines
1.1 KiB
Vue

<script setup lang="ts">
import { $t } from '@/locales';
import CaptchaVerification from './modules/captcha-verification.vue';
import BrowserVisibilityRequest from './modules/browser-visibility-request.vue';
import PollingRequest from './modules/polling-request.vue';
import NetworkToggleRequest from './modules/network-toggle-request.vue';
import CrossComponentRequest from './modules/cross-component-request.vue';
</script>
<template>
<NSpace vertical :size="16">
<NCard :title="$t('page.alova.scenes.captchaSend')" :bordered="false" size="small" segmented class="card-wrapper">
<CaptchaVerification class="w-1/3" />
</NCard>
<NCard :title="$t('page.alova.scenes.autoRequest')" :bordered="false" size="small" segmented class="card-wrapper">
<NSpace :wrap="false">
<BrowserVisibilityRequest />
<PollingRequest />
<NetworkToggleRequest />
</NSpace>
</NCard>
<NCard
:title="$t('page.alova.scenes.requestCrossComponent')"
:bordered="false"
size="small"
segmented
class="card-wrapper"
>
<CrossComponentRequest />
</NCard>
</NSpace>
</template>
<style scoped></style>