blackteay/uniapp-vue3-vite-ts-template
1
0
Fork 0
mirror of https://gitee.com/h_mo/uniapp-vue3-vite-ts-template synced 2025-04-05 19:41:44 +08:00
Code Issues Projects Releases Wiki Activity

feat-首页

Browse Source
This commit is contained in:
h_mo 2022-06-19 13:55:34 +08:00
parent bb5a45a3af
commit ddd20fa2e1
1 changed files with 15 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/pages/index/index.vue
View File

@ -1,37 +1,21 @@
<template>
<view class="content">
<image class="logo" src="/static/logo.png" />
<view class="text-area bg-rose-500 h-30rpx p-20rpx red">
<text class="">{{ title }}</text>
</view>
<view>
<button @tap="jumLogin">登录</button>
</view>
<view url="pages/login/index?d=43" @tap="jumLogin1" hover-class="navigator-hover">
<button type="default">跳转到新页面</button>
</view>
<navigator url="/pages/log/index?d=43&title='日志'" hover-class="navigator-hover">
<button type="default">log</button>
</navigator>
</view>
</template>
<script setup lang="ts"> <script setup lang="ts">
import { ref, reactive } from 'vue'; import BasicButton from '@/components/BasicButton/index.vue';
import { ref } from 'vue';
import { router } from '@/utils/router'; import { router } from '@/utils/router';
const title = ref('Hello'); const title = ref('uni-app vue3 ts --Vite');
type Data = { const handleGetStarted = () => {
token: string; router.pushTab('/pages/demo/index');
};
const jumLogin1 = () => {
router.push('/pages/login1/index');
};
const jumLogin = () => {
router.push('/pages/login/index');
}; };
</script> </script>
<template>
<view class="content">
<image class="logo" src="/static/svg/LOGO.svg" />
<view class="text-area mb-60rpx">
<text class="">{{ title }}</text>
</view>
<BasicButton @click="handleGetStarted">Get Started → </BasicButton>
</view>
</template>
<style lang="scss"> <style lang="scss">
.content { .content {
display: flex; display: flex;
@ -43,7 +27,7 @@
.logo { .logo {
height: 200rpx; height: 200rpx;
width: 200rpx; width: 200rpx;
margin: 200rpx auto 50rpx; margin: 280rpx auto 50rpx;
} }
.text-area { .text-area {