format: files

src/App.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { onLaunch, onShow, onHide } from "@dcloudio/uni-app";
+import { onLaunch, onShow, onHide } from '@dcloudio/uni-app'
 onLaunch(() => {
-  console.log("App Launch");
+  console.log('App Launch')
-});
+})
 onShow(() => {
-  console.log("App Show");
+  console.log('App Show')
-});
+})
 onHide(() => {
-  console.log("App Hide");
+  console.log('App Hide')
-});
+})
 </script>
 <style></style>

src/main.ts

@@ -1,8 +1,8 @@
-import { createSSRApp } from "vue";
+import { createSSRApp } from 'vue'
-import App from "./App.vue";
+import App from './App.vue'
-export function createApp() {
+export function createApp() {
-  const app = createSSRApp(App);
+  const app = createSSRApp(App)
-  return {
+  return {
-    app,
+    app,
-  };
+  }
-}
+}

src/pages/index/index.vue

@@ -1,41 +1,41 @@
-<template>
+<template>
-  <view class="content">
+  <view class="content">
-    <image class="logo" src="/static/logo.png" />
+    <image class="logo" src="/static/logo.png" />
-    <view class="text-area">
+    <view class="text-area">
-      <text class="title">{{ title }}</text>
+      <text class="title">{{ title }}</text>
-    </view>
+    </view>
-  </view>
+  </view>
-</template>
+</template>
-
+
-<script setup lang="ts">
+<script setup lang="ts">
-import { ref } from 'vue'
+import { ref } from 'vue'
-const title = ref('Hello')
+const title = ref('Hello')
-</script>
+</script>
-
+
-<style>
+<style>
-.content {
+.content {
-  display: flex;
+  display: flex;
-  flex-direction: column;
+  flex-direction: column;
-  align-items: center;
+  align-items: center;
-  justify-content: center;
+  justify-content: center;
-}
+}
-
+
-.logo {
+.logo {
-  height: 200rpx;
+  height: 200rpx;
-  width: 200rpx;
+  width: 200rpx;
-  margin-top: 200rpx;
+  margin-top: 200rpx;
-  margin-left: auto;
+  margin-left: auto;
-  margin-right: auto;
+  margin-right: auto;
-  margin-bottom: 50rpx;
+  margin-bottom: 50rpx;
-}
+}
-
+
-.text-area {
+.text-area {
-  display: flex;
+  display: flex;
-  justify-content: center;
+  justify-content: center;
-}
+}
-
+
-.title {
+.title {
-  font-size: 36rpx;
+  font-size: 36rpx;
-  color: #8f8f94;
+  color: #8f8f94;
-}
+}
-</style>
+</style>