Create aliso.html

rory0807 · web-flow · commit 8a3293902705 · 2021-11-17T11:04:45.000+08:00
diff --git a/moumoubaimifan/aliso/aliso.html b/moumoubaimifan/aliso/aliso.html
@@ -0,0 +1,41 @@
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <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/dist/index.css">
+    <!-- import JavaScript -->
+    <script src="https://unpkg.com/element-plus"></script>
+    <title>阿里云盘资源</title>
+  </head>
+  <body>
+    <div id="app">
+
+        <el-table :data="table" style="width: 100%" :row-class-name="tableRowClassName">
+            <el-table-column prop="date" label="日期" width="180"> </el-table-column>
+            <el-table-column prop="name" label="名称" width="600"> </el-table-column>
+            <el-table-column label="链接">
+              <template v-slot="scope">
+              <a :href="scope.row.url"
+                target="_blank"
+                class="buttonText">{{scope.row.url}}</a>
+            </template>
+        </el-table>
+    </div>
+
+    <script>
+      const App = {
+        data() {
+          return {
+              table: ${elements}
+            
+          };
+        }
+      };
+      const app = Vue.createApp(App);
+      app.use(ElementPlus);
+      app.mount("#app");
+    </script>
+  </body>
+</html>
