format with prettier

.editorconfig

@@ -1,12 +0,0 @@
-# http://editorconfig.org
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.md]
-trim_trailing_whitespace = false

.prettierrc

@@ -0,0 +1,11 @@
+{
+    "printWidth": 120,
+    "tabWidth": 2,
+    "useTabs": false,
+    "semi": true,
+    "singleQuote": true,
+    "proseWrap": "preserve",
+    "arrowParens": "avoid",
+    "bracketSpacing": true,
+    "jsxSingleQuote": true
+}

src/app.config.ts

@@ -1,29 +1,26 @@
 export default defineAppConfig({
-  pages: [
+  pages: ['pages/index/index', 'pages/repair/repair', 'pages/user/user'],
-    'pages/index/index',
-    'pages/repair/repair',
-    'pages/user/user',
-  ],
   window: {
     backgroundTextStyle: 'light',
     navigationBarBackgroundColor: '#fff',
     navigationBarTitleText: 'WeChat',
-    navigationBarTextStyle: 'black'
+    navigationBarTextStyle: 'black',
   },
   tabBar: {
+    custom: true,
     list: [
       {
         pagePath: 'pages/index/index',
-        text: '主页'
+        text: '主页',
       },
       {
         pagePath: 'pages/repair/repair',
-        text: '维修'
+        text: '维修',
       },
       {
         pagePath: 'pages/user/user',
-        text: '我的'
+        text: '我的',
-      }
+      },
-    ]
+    ],
-  }
+  },
-})
+});

src/app.ts

@@ -1,16 +1,15 @@
-import { PropsWithChildren } from 'react'
+import { PropsWithChildren } from 'react';
-import { useLaunch } from '@tarojs/taro'
+import { useLaunch } from '@tarojs/taro';
-//import 'taro-ui/dist/style/index.scss'
+import 'taro-ui/dist/style/index.scss';
-import './app.scss'
+import './app.scss';
 
 function App({ children }: PropsWithChildren<any>) {
-
   useLaunch(() => {
-    console.log('App launched.')
+    console.log('App launched.');
-  })
+  });
 
   // children 是将要会渲染的页面
-  return children
+  return children;
 }
 
-export default App
+export default App;

src/pages/index/index.config.ts

@@ -1,4 +1,4 @@
 export default definePageConfig({
   navigationBarTitleText: '首页',
-  usingComponents: {}
+  usingComponents: {},
-})
+});

src/pages/index/index.tsx

@@ -1,23 +1,25 @@
-import { View, Text } from '@tarojs/components'
+import { View, Text } from '@tarojs/components';
-import './index.scss'
+import { Component, ReactNode } from 'react';
-import { Component, ReactNode } from 'react'
+import { AtButton } from 'taro-ui';
+import './index.scss';
 
 class Index extends Component {
   state = {
-    msg: "Hello World!"
+    msg: 'Hello World!',
-  }
+  };
 
   onReady() {
-    console.log("Index is ready");
+    console.log('Index is ready');
   }
 
   render(): ReactNode {
     return (
       <View>
+        <AtButton type='primary' size='normal'></AtButton>
         <Text>{this.state.msg}</Text>
       </View>
-    )
+    );
   }
 }
 
-export default Index
+export default Index;

src/pages/repair/repair.config.ts

@@ -1,3 +1,3 @@
 export default definePageConfig({
-    usingComponents: {},
+  usingComponents: {},
-})
+});

src/pages/repair/repair.tsx

@@ -1,12 +1,12 @@
-import { View, Text } from "@tarojs/components";
+import { View, Text } from '@tarojs/components';
-import { Component, ReactNode } from "react";
+import { Component, ReactNode } from 'react';
 
 export default class RepairPage extends Component {
-    render(): ReactNode {
+  render(): ReactNode {
-        return (
+    return (
-            <View>
+      <View>
-                <Text>Repair Page</Text>
+        <Text>Repair Page</Text>
-            </View>
+      </View>
-        )
+    );
-    }
+  }
-}
+}

src/pages/user/user.config.ts

@@ -1,3 +1,3 @@
 export default definePageConfig({
-    usingComponents: {},
+  usingComponents: {},
-})
+});

src/pages/user/user.tsx

@@ -1,12 +1,12 @@
-import { View, Text } from "@tarojs/components";
+import { View, Text } from '@tarojs/components';
-import { Component, ReactNode } from "react";
+import { Component, ReactNode } from 'react';
 
 export default class UserPage extends Component {
-    render(): ReactNode {
+  render(): ReactNode {
-        return (
+    return (
-            <View>
+      <View>
-                <Text>User Page</Text>
+        <Text>User Page</Text>
-            </View>
+      </View>
-        )
+    );
-    }
+  }
-}
+}