JG-CLIENT-TEMP/src/components/ScanCodeInput/index.vue

<template>
  <el-input class="scanInput" v-bind="$attrs">
    <template #prefix>
      <img src="@/assets/icons/shaoma.svg" />
    </template>
  </el-input>
</template>

<script lang="ts" setup>
// const props = defineProps({
//   modelValue: {
//     type: String,
//     default: "",
//   },
// });
// const emits = defineEmits(["update:modelValue", "enterfnc"]);
// const enter = () => {
//   emits("enterfnc");
// };
// const value = computed({
//   get() {
//     return props.modelValue;
//   },
//   set(val) {
//     emits("update:modelValue", val);
//   },
// });
</script>

<style lang="scss" scoped>
.scanInput {
  height: 50px;
  border-radius: 76px;
  overflow: hidden;
  border: 1px solid #00000025;
  font-size: $f24;
  color: #00000080;

  :deep(.el-input__wrapper) {
    box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color))
      inset;
    cursor: default;

    .el-input__inner {
      cursor: default !important;
    }
  }

  :deep(.el-input-group__prepend) {
    border: 0px;
    background-color: white;
  }
}
</style>