mirror of
https://github.com/fastapiadmin/FastapiAdmin.git
synced 2026-09-26 22:31:21 +00:00
zhangtao
5c29d22aa5
- 添加项目配置文件(tsconfig, eslint, prettier等) - 实现基础路由和页面布局 - 添加全局状态管理和API请求封装 - 集成UI组件库和主题系统 - 添加文档网站和示例页面 - 配置CI/CD和工作流
86 lines
2.9 KiB
Vue
86 lines
2.9 KiB
Vue
<script setup lang="ts">
|
|
definePage({
|
|
name: 'demo-string',
|
|
style: {
|
|
navigationBarTitleText: '字符串路径跳转',
|
|
},
|
|
})
|
|
|
|
const router = useRouter()
|
|
const route = useRoute()
|
|
|
|
function goBack() {
|
|
router.back()
|
|
}
|
|
|
|
function pushToObject() {
|
|
router.push({ path: '/subPages/router/demo-object' })
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<view class="min-h-screen bg-gray-100 py-3 dark:bg-[var(--wot-dark-background)]">
|
|
<!-- 头部 -->
|
|
<view class="mx-3 mb-3">
|
|
<view class="rounded-3 bg-white px-5 py-6 text-center dark:bg-[var(--wot-dark-background2)]">
|
|
<view class="mb-3 text-8">
|
|
📝
|
|
</view>
|
|
<view class="mb-2 text-5 text-gray-800 font-bold dark:text-[var(--wot-dark-color)]">
|
|
字符串路径跳转演示
|
|
</view>
|
|
<view class="text-3.5 text-gray-600 dark:text-[var(--wot-dark-color2)]">
|
|
使用 router.push('/path') 进行跳转
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 跳转信息 -->
|
|
<demo-block title="跳转信息" transparent>
|
|
<view class="rounded-3 bg-white p-4 dark:bg-[var(--wot-dark-background2)]">
|
|
<view class="mb-3 text-4 text-gray-800 font-bold dark:text-[var(--wot-dark-color)]">
|
|
当前页面信息
|
|
</view>
|
|
<view class="space-y-2">
|
|
<view class="flex items-center justify-between border-b border-gray-100 py-2 dark:border-[var(--wot-dark-border)]">
|
|
<text class="text-3.5 text-gray-600 dark:text-[var(--wot-dark-color2)]">
|
|
路径:
|
|
</text>
|
|
<text class="text-3.5 text-gray-800 font-mono dark:text-[var(--wot-dark-color)]">
|
|
{{ route.path }}
|
|
</text>
|
|
</view>
|
|
<view class="flex items-center justify-between border-b border-gray-100 py-2 dark:border-[var(--wot-dark-border)]">
|
|
<text class="text-3.5 text-gray-600 dark:text-[var(--wot-dark-color2)]">
|
|
跳转方式:
|
|
</text>
|
|
<text class="text-3.5 text-gray-800 dark:text-[var(--wot-dark-color)]">
|
|
字符串路径
|
|
</text>
|
|
</view>
|
|
<view class="flex items-center justify-between py-2">
|
|
<text class="text-3.5 text-gray-600 dark:text-[var(--wot-dark-color2)]">
|
|
代码:
|
|
</text>
|
|
<text class="text-3.5 text-gray-800 font-mono dark:text-[var(--wot-dark-color)]">
|
|
router.push('/subPages/router/demo-string')
|
|
</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</demo-block>
|
|
|
|
<!-- 操作按钮 -->
|
|
<demo-block title="继续演示" transparent>
|
|
<view class="space-y-3">
|
|
<wd-button type="primary" block @click="pushToObject">
|
|
跳转到对象路径演示
|
|
</wd-button>
|
|
<wd-button type="warning" block @click="goBack">
|
|
返回上一页
|
|
</wd-button>
|
|
</view>
|
|
</demo-block>
|
|
</view>
|
|
</template>
|