1

李凌

2025-10-09 c17311ba1351cd5e64654c3fc7b2fe765b1e7382

 src/views/C2C/components/BuyInput.vue

@@ -1,26 +1,26 @@
<template>
  <div class="buy-input relative">
    <img class="w-40 h-40 absolute left-24" src="@/assets/image/payment/search.png" alt="" />
    <input class="w-full box-border pl-80 pt-10 pb-10" :readonly="readonly" type="text" :value="value" :placeholder="placeholder" @input="changeVal"
      @focus="focus" />
    <input class="w-full box-border pl-80 pt-10 pb-10" :readonly="readonly" type="text" :value="value"
      :placeholder="placeholder" @input="changeVal" @focus="focus" />
  </div>
</template>

<script>
export default {
  name: 'BuyInput',
  props: ['value', 'placeholder','isReadonly'],
  props: ['value', 'placeholder', 'isReadonly'],
  data() {
    return {
      readonly: false
    }
  },
  mounted() {
    if(this.isReadonly) {
        this.readonly = this.isReadonly
      } else {
        this.readonly = false
      }
    if (this.isReadonly) {
      this.readonly = this.isReadonly
    } else {
      this.readonly = false
    }
  },
  methods: {
    focus(e) {
@@ -35,6 +35,7 @@

<style lang="scss" scoped>
@import "@/assets/css/copy2.scss";

input {
  border: none;
  outline: none;
@@ -53,8 +54,11 @@
    width: 100%;
    height: 100%;
    border-radius: 50px;
    background: $input_background;
    color: $text_color;

    @include themify() {
      background: themed("input_background");
      color: themed("text_color");
    }
  }
}
</style>