feat: config

.env.development

@@ -0,0 +1 @@
+API_URL=http://localhost:4001

.eslintrc.js

@@ -12,7 +12,6 @@ module.exports = {
   rules: {
     'import/no-unresolved': 0,
     'import/extensions': 0,
-    'no-console': 0,
     'vue/html-self-closing': 'off',
     'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',

package.json

@@ -2,7 +2,7 @@
   "name": "vue3-vite-template",
   "version": "0.0.0",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --mode development",
     "build": "vite build",
     "serve": "vite preview",
     "cz": "git add . && git cz",

src/App.vue

@@ -13,3 +13,12 @@ const local = zhCn;
     </div>
   </el-config-provider>
 </template>
+
+<style>
+.el-form--label-top .el-form-item__label {
+  padding-bottom: 0 !important;
+}
+.el-form-item {
+  margin-bottom: 10px !important;
+}
+</style>

src/views/device-list.vue

@@ -0,0 +1,26 @@
+<template>
+  <el-form ref="form" :model="form" :inline="true" label-width="120px">
+    <el-form-item label="Activity zone">
+      <el-select v-model="form.region" placeholder="please select your zone">
+        <el-option label="Zone one" value="shanghai"></el-option>
+        <el-option label="Zone two" value="beijing"></el-option>
+      </el-select>
+    </el-form-item>
+
+    <!-- <el-form-item label="Activity form">
+      <el-input v-model="form.desc"></el-input>
+    </el-form-item> -->
+    <el-form-item>
+      <el-button type="primary" @click="onSubmit">Create</el-button>
+      <el-button>Cancel</el-button>
+    </el-form-item>
+  </el-form>
+</template>
+
+<script setup>
+// import { ref } from 'vue';
+
+// const data = {
+//   deviceId: '', // 设备id
+// }
+</script>