index.vue 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <template>
  2. <el-input class="scanInput" v-bind="$attrs">
  3. <template #prefix>
  4. <img src="@/assets/icons/shaoma.svg" />
  5. </template>
  6. </el-input>
  7. </template>
  8. <script lang="ts" setup>
  9. // const props = defineProps({
  10. // modelValue: {
  11. // type: String,
  12. // default: "",
  13. // },
  14. // });
  15. // const emits = defineEmits(["update:modelValue", "enterfnc"]);
  16. // const enter = () => {
  17. // emits("enterfnc");
  18. // };
  19. // const value = computed({
  20. // get() {
  21. // return props.modelValue;
  22. // },
  23. // set(val) {
  24. // emits("update:modelValue", val);
  25. // },
  26. // });
  27. </script>
  28. <style lang="scss" scoped>
  29. .scanInput {
  30. height: 50px;
  31. border-radius: 76px;
  32. overflow: hidden;
  33. border: 1px solid #00000025;
  34. font-size: $f24;
  35. color: #00000080;
  36. :deep(.el-input__wrapper) {
  37. box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color))
  38. inset;
  39. cursor: default;
  40. .el-input__inner {
  41. cursor: default !important;
  42. }
  43. }
  44. :deep(.el-input-group__prepend) {
  45. border: 0px;
  46. background-color: white;
  47. }
  48. }
  49. </style>