From 25b2ba1cf86bc3439e7ad2acf2cd4a9ea7e4b0ed Mon Sep 17 00:00:00 2001
From: dcc <dcc@163.com>
Date: Fri, 28 Jun 2024 09:28:04 +0800
Subject: [PATCH] 123
---
src/page/placeAnOrder/components/buyInput/BuyInput.vue | 41 ++++++++++++++++++++++++++---------------
1 files changed, 26 insertions(+), 15 deletions(-)
diff --git a/src/page/placeAnOrder/components/buyInput/BuyInput.vue b/src/page/placeAnOrder/components/buyInput/BuyInput.vue
index c414fc5..8b1b637 100644
--- a/src/page/placeAnOrder/components/buyInput/BuyInput.vue
+++ b/src/page/placeAnOrder/components/buyInput/BuyInput.vue
@@ -1,36 +1,47 @@
<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" :readonly="readonly" type="text" :value="value" :placeholder="placeholder" @input="changeVal"
- @focus="focus" />
+ <img
+ class="w-40 h-40 absolute left-24"
+ src="~@/assets/image/payment/search.png"
+ alt=""
+ />
+ <input
+ class="w-full box-border pl-80"
+ :readonly="readonly"
+ type="text"
+ :value="value"
+ :placeholder="placeholder"
+ @input="changeVal"
+ @focus="focus"
+ />
</div>
</template>
<script>
export default {
- name: 'BuyInput',
- props: ['value', 'placeholder','isReadonly'],
+ name: "BuyInput",
+ props: ["value", "placeholder", "isReadonly"],
data() {
return {
- readonly: false
- }
+ 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) {
- this.$emit('focus', e.target.value)
+ this.$emit("focus", e.target.value);
},
changeVal(e) {
- this.$emit('input', e.target.value)
+ this.$emit("input", e.target.value);
},
},
-}
+};
</script>
<style lang="scss" scoped>
--
Gitblit v1.9.3