diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index f21415e..23603d7 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -2,12 +2,12 @@
   "$schema": "../node_modules/@tauri-apps/cli/config.schema.json",
   "productName": "jinshen-calculator",
   "version": "0.1.0",
-  "identifier": "com.tauri.dev",
+  "identifier": "com.jinshen-calculator.dev",
   "build": {
     "frontendDist": "../dist",
     "devUrl": "http://localhost:8080",
-    "beforeDevCommand": "bun dev",
-    "beforeBuildCommand": "bun build"
+    "beforeDevCommand": "bun run dev",
+    "beforeBuildCommand": "bun run build"
   },
   "app": {
     "windows": [
diff --git a/src/App.vue b/src/App.vue
index 80603a8..0535c67 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -70,12 +70,12 @@
   import { computed, onMounted, onUnmounted, ref } from 'vue'
   import { useI18n } from 'vue-i18n'
 
-  import BeltSpecificationCalculate from '@/components/BeltSpecificationCalculate.vue'
-  import MultiLayerPaperTapeWidthAngleCalculate from '@/components/MultiLayerPaperTapeWidthAngleCalculate.vue'
-  import PaperRollWeightLengthCalculate from '@/components/PaperRollWeightLengthCalculate.vue'
-  import PaperTapeWidthAngleCalculate from '@/components/PaperTapeWidthAngleCalculate.vue'
-  import PaperTubeProductionCalculate from '@/components/PaperTubeProductionCalculate.vue'
-  import PaperTubeWeightCalculate from '@/components/PaperTubeWeightCalculate.vue'
+  import BeltSpecificationCalculate from '@/components/Modules/BeltSpecificationCalculate.vue'
+  import MultiLayerPaperTapeWidthAngleCalculate from '@/components/Modules/MultiLayerPaperTapeWidthAngleCalculate.vue'
+  import PaperRollWeightLengthCalculate from '@/components/Modules/PaperRollWeightLengthCalculate.vue'
+  import PaperTapeWidthAngleCalculate from '@/components/Modules/PaperTapeWidthAngleCalculate.vue'
+  import PaperTubeProductionCalculate from '@/components/Modules/PaperTubeProductionCalculate.vue'
+  import PaperTubeWeightCalculate from '@/components/Modules/PaperTubeWeightCalculate.vue'
 
   const { t, locale } = useI18n()
 
diff --git a/src/components.d.ts b/src/components.d.ts
index 5575f7b..1353342 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -9,13 +9,14 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     AppFooter: typeof import('./components/AppFooter.vue')['default']
-    BeltSpecificationCalculate: typeof import('./components/BeltSpecificationCalculate.vue')['default']
+    BeltSpecificationCalculate: typeof import('./components/Modules/BeltSpecificationCalculate.vue')['default']
     HelloWorld: typeof import('./components/HelloWorld.vue')['default']
-    MultiLayerPaperTapeWidthAngleCalculate: typeof import('./components/MultiLayerPaperTapeWidthAngleCalculate.vue')['default']
-    PaperRollWeightLengthCalculate: typeof import('./components/PaperRollWeightLengthCalculate.vue')['default']
-    PaperTapeWidthAngleCalculate: typeof import('./components/PaperTapeWidthAngleCalculate.vue')['default']
-    PaperTubeProductionCalculate: typeof import('./components/PaperTubeProductionCalculate.vue')['default']
-    PaperTubeWeightCalculate: typeof import('./components/PaperTubeWeightCalculate.vue')['default']
+    MultiLayerPaperTapeWidthAngleCalculate: typeof import('./components/Modules/MultiLayerPaperTapeWidthAngleCalculate.vue')['default']
+    PaperRollWeightLengthCalculate: typeof import('./components/Modules/PaperRollWeightLengthCalculate.vue')['default']
+    PaperTapeWidthAngleCalculate: typeof import('./components/Modules/PaperTapeWidthAngleCalculate.vue')['default']
+    PaperTubeProductionCalculate: typeof import('./components/Modules/PaperTubeProductionCalculate.vue')['default']
+    PaperTubeWeightCalculate: typeof import('./components/Modules/PaperTubeWeightCalculate.vue')['default']
+    ParamInputField: typeof import('./components/ParamInputField.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }
diff --git a/src/components/BeltSpecificationCalculate.vue b/src/components/Modules/BeltSpecificationCalculate.vue
similarity index 100%
rename from src/components/BeltSpecificationCalculate.vue
rename to src/components/Modules/BeltSpecificationCalculate.vue
diff --git a/src/components/MultiLayerPaperTapeWidthAngleCalculate.vue b/src/components/Modules/MultiLayerPaperTapeWidthAngleCalculate.vue
similarity index 100%
rename from src/components/MultiLayerPaperTapeWidthAngleCalculate.vue
rename to src/components/Modules/MultiLayerPaperTapeWidthAngleCalculate.vue
diff --git a/src/components/PaperRollWeightLengthCalculate.vue b/src/components/Modules/PaperRollWeightLengthCalculate.vue
similarity index 100%
rename from src/components/PaperRollWeightLengthCalculate.vue
rename to src/components/Modules/PaperRollWeightLengthCalculate.vue
diff --git a/src/components/PaperTapeWidthAngleCalculate.vue b/src/components/Modules/PaperTapeWidthAngleCalculate.vue
similarity index 100%
rename from src/components/PaperTapeWidthAngleCalculate.vue
rename to src/components/Modules/PaperTapeWidthAngleCalculate.vue
diff --git a/src/components/PaperTubeProductionCalculate.vue b/src/components/Modules/PaperTubeProductionCalculate.vue
similarity index 100%
rename from src/components/PaperTubeProductionCalculate.vue
rename to src/components/Modules/PaperTubeProductionCalculate.vue
diff --git a/src/components/PaperTubeWeightCalculate.vue b/src/components/Modules/PaperTubeWeightCalculate.vue
similarity index 100%
rename from src/components/PaperTubeWeightCalculate.vue
rename to src/components/Modules/PaperTubeWeightCalculate.vue
diff --git a/src/components/ParamInputField.vue b/src/components/ParamInputField.vue
new file mode 100644
index 0000000..3663035
--- /dev/null
+++ b/src/components/ParamInputField.vue
@@ -0,0 +1,36 @@
+<template>
+<v-text-field
+    density="compact"
+    hide-details
+    :label="label"
+    :model-value="modelValue.value.toString()"
+    :suffix="modelValue.unit"
+    type="number"
+    variant="outlined"
+    @update:model-value="handleUpdate"
+  />
+</template>
+
+<script setup lang="ts">
+  import type { Param } from '@/types/param'
+
+  interface Props {
+    label: string
+    modelValue: Param
+  }
+
+  interface Emits {
+    (e: 'update:modelValue', value: Param): void
+  }
+
+  const props = defineProps<Props>()
+  const emit = defineEmits<Emits>()
+
+  function handleUpdate (value: string) {
+    const numValue = value === '' ? 0 : Number.parseFloat(value)
+    emit('update:modelValue', {
+      value: numValue,
+      unit: props.modelValue.unit,
+    })
+  }
+</script>
diff --git a/src/layouts/baseline.vue b/src/layouts/baseline.vue
index affac8b..b326d60 100644
--- a/src/layouts/baseline.vue
+++ b/src/layouts/baseline.vue
@@ -17,7 +17,7 @@
 <script lang="ts" setup>
   import { ref } from 'vue'
 
-  const drawer = ref(null)
+  const drawer = ref(false)
 
 </script>
 
@@ -26,7 +26,7 @@
     name: 'BaselineLayout',
     data () {
       return {
-        drawer: null,
+        drawer: false,
       }
     },
   }
diff --git a/src/styles/custom.css b/src/styles/custom.css
index 8d8a5f7..91305d6 100644
--- a/src/styles/custom.css
+++ b/src/styles/custom.css
@@ -14,4 +14,12 @@
   margin: 0;
   width: 100% !important;
   transform: translateX(0);
+}
+
+html, body {
+  overflow-y: scroll;
+}
+
+::-webkit-scrollbar {
+  display: none;
 }
\ No newline at end of file
diff --git a/src/types/param.ts b/src/types/param.ts
new file mode 100644
index 0000000..d33e20b
--- /dev/null
+++ b/src/types/param.ts
@@ -0,0 +1,11 @@
+export interface Param {
+  value: number
+  unit: string
+}
+
+export function createParam (initialValue: number, unit: string): Param {
+  return {
+    value: initialValue,
+    unit,
+  }
+}