[add] input file

src/view/components/input-action-sheet.vue

@@ -0,0 +1,66 @@
+<template>
+    <div class="input-action-sheet-wrapper">
+        <div class="input-action-sheet-content">
+            <div class="title">
+
+            </div>
+            <div class="input-wrapper">
+                <input class="input" 
+                    v-model="inputVal"
+                    placeholder="0"
+                    autofocus
+                    @input="onAmountInput"
+                    @blur="onAmountBlur">
+            </div>
+            <div class="btn-wrapper">
+                <div class="btn cancel">
+                    
+                </div>
+                <div class="btn confirm">
+
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { onMounted, ref, defineProps } from "vue";
+
+let inputVal = ref('');
+
+const onAmountInput = () => {
+
+}
+
+const onAmountBlur = () => {
+
+}
+
+onMounted(() => {
+
+})
+</script>
+
+<style scoped lang="scss">
+.input-action-sheet-wrapper {
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+
+    .input-action-sheet-content {
+        width: 335px;
+        height: 186px;
+        background: #fff;
+        border-radius: 20px;
+        padding: 20px 15px;
+        box-sizing: border-box;
+
+        .title {
+            font-weight: 600;
+            font-size: 16px;
+        }
+        
+    }
+}
+</style>