File tree Expand file tree Collapse file tree 2 files changed +3
-71
lines changed
projects/live-hub-frontend Expand file tree Collapse file tree 2 files changed +3
-71
lines changed Original file line number Diff line number Diff line change 11<template >
2- <div class =" home" >
3- <!-- 导航栏 -->
4- <van-nav-bar title =" Aanime" left-arrow @click-left =" onClickLeft" >
5- <template #right >
6- <van-button type =" primary" size =" small" @click =" createContent" >+ Create</van-button >
7- <van-button type =" info" size =" small" @click =" signIn" >Sign In</van-button >
8- </template >
9- </van-nav-bar >
102
11- <!-- 主要内容区域 -->
12- <div class =" main-content" >
13- <h1 >AI Powered Community for Anime Fans</h1 >
14- <p >Aanime is a place where anime fans gather, share and be inspired.</p >
15- <van-button type =" primary" @click =" generateAnimeArt" >Generate Anime Art</van-button >
16- </div >
17- </div >
183</template >
194
20- <script lang="ts">
21- import { defineComponent } from ' vue' ;
22- import { Button as VanButton , NavBar as VanNavBar } from ' vant' ;
5+ <script setup lang="ts">
236
24- export default defineComponent ({
25- components: {
26- VanNavBar ,
27- VanButton ,
28- },
29- methods: {
30- onClickLeft() {
31- // 处理返回逻辑
32- },
33- createContent() {
34- // 处理创建内容逻辑
35- },
36- signIn() {
37- // 处理登录逻辑
38- },
39- generateAnimeArt() {
40- // 处理生成动漫艺术逻辑
41- },
42- },
43- });
447 </script >
458
46- <style scoped>
47- .home {
48- padding : 0 ;
49- background-image : url (' https://ainime.com/_next/static/media/default_banner.968beada.webp' );
50- background-size : cover ;
51- background-position : center ;
52- min-height : 100vh ;
53- display : flex ;
54- justify-content : center ;
55- align-items : center ;
56- }
9+ <style scoped lang="scss">
5710
58- .main-content {
59- text-align : center ;
60- color : white ;
61- max-width : 800px ;
62- margin : 0 auto ;
63- }
64-
65- .main-content h1 {
66- font-size : 48px ;
67- margin-bottom : 20px ;
68- }
69-
70- .main-content p {
71- font-size : 20px ;
72- margin-bottom : 40px ;
73- }
74-
75- .van-button {
76- width : 200px ;
77- }
7811 </style >
Original file line number Diff line number Diff line change 1515 "resolveJsonModule" : true ,
1616 "esModuleInterop" : true ,
1717 "lib" : [" esnext" , " dom" ]
18- },
19- "include" : [" *.ts" , " *.vue" ]
18+ }
2019}
You can’t perform that action at this time.
0 commit comments