update

Tianxiaode2707 · Aug 4, 2021 · fa9fd23 · fa9fd23
1 parent e235ef2
commit fa9fd23
Show file tree

Hide file tree

Showing 5 changed files with 40 additions and 19 deletions.
diff --git a/index.html b/index.html
@@ -1,13 +1,21 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <link rel="icon" href="/favicon.ico" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Vite App</title>
-    </head>
-    <body>
-        <div id="app"></div>
-        <script type="module" src="/src/main.js"></script>
-    </body>
-</html>
+
+<head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script src="https://unpkg.com/vue@next"></script>
+    <!-- import CSS -->
+    <link rel="stylesheet" href="https://unpkg.com/element-plus/lib/theme-chalk/index.css">
+    <!-- import JavaScript -->
+    <script src="https://unpkg.com/element-plus/lib/index.full.js"></script>
+    <title>Vite App</title>
+</head>
+
+<body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+</body>
+
+</html>
diff --git a/prettier.config.js b/prettier.config.js
@@ -1,5 +1,5 @@
 module.exports = {
-    printWidth: 80,
+    printWidth: 120,
     tabWidth: 4,
     useTabs: false,
     singleQuote: true,

diff --git a/src/App.vue b/src/App.vue
@@ -7,15 +7,32 @@
 
     <el-scrollbar>
         <el-alert title="成功提示的文案" type="success"> </el-alert>
+
         <el-card>
             <el-input></el-input>
+            <el-button type="text" @click="open"
+                >点击打开 Message Box</el-button
+            >
         </el-card>
         <p class="item" v-for="item in 200" :key="item">{{ item }}</p>
     </el-scrollbar>
 </template>
 
 <script setup>
 import data from './data/data.json'
+import { ElMessageBox } from 'element-plus'
+import { ElMessage } from 'element-plus'
+const open = () => {
+    ElMessageBox.alert('这是一段内容', '标题名称', {
+        confirmButtonText: '确定',
+        callback: action => {
+            ElMessage({
+                type: 'info',
+                message: `action: ${action}`,
+            })
+        },
+    })
+}
 console.log(data)
 </script>
 

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -1,3 +1,3 @@
 #app h1 {
-  color: hotpink;
+    color: hotpink;
 }
diff --git a/vite.config.js b/vite.config.js
@@ -10,17 +10,13 @@ export default defineConfig({
     base: './',
     plugins: [
         vue(),
-        ViteComponents({
-            customComponentResolvers: [ElementPlusResolver()],
-        }),
+        ViteComponents({ customComponentResolvers: [ElementPlusResolver()] }),
         styleImport({
             libs: [
                 {
                     libraryName: 'element-plus',
                     esModule: true,
-                    resolveStyle: name => {
-                        return `element-plus/lib/theme-chalk/${name}.css`
-                    },
+                    resolveStyle: name => `element-plus/lib/theme-chalk/${name}.css`,
                 },
             ],
         }),