diff --git a/src/App.vue b/src/App.vue
index 521e10ac4907efbe95d446b1c9c152726c5ea1da..6b1bf3e395d4e0a4336e4d6c93d754fb3b517bbc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,28 @@
 <script setup>
+import { reactive, ref, watch } from "vue"
+// 配置
+const con = reactive({
+  width: 10,
+  height: 10
+})
+
+const lattices = ref([])
+watch(() => con, () => {
+
+}, { deep: true })
 </script>
 
 <template>
-  <div>aaa</div>
+  <div>
+    <p>
+      <label>高：</label>
+      <input type="number">
+    </p>
+    <p>
+      <label>框：</label>
+      <input type="number">
+    </p>
+  </div>
+  <div></div>
 </template>
 
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
deleted file mode 100644
index bc826fed80ad0c846e5ca25978776f555f4a2370..0000000000000000000000000000000000000000
--- a/src/assets/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"  xmlns:v="https://vecta.io/nano"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
\ No newline at end of file