From c17311ba1351cd5e64654c3fc7b2fe765b1e7382 Mon Sep 17 00:00:00 2001
From: 李凌 <344137771@qq.com>
Date: Thu, 09 Oct 2025 11:53:12 +0800
Subject: [PATCH] 1
---
src/views/C2C/components/BuyInput.vue | 24 ++++++++++++++----------
1 files changed, 14 insertions(+), 10 deletions(-)
diff --git a/src/views/C2C/components/BuyInput.vue b/src/views/C2C/components/BuyInput.vue
index 0b36f60..e853c95 100644
--- a/src/views/C2C/components/BuyInput.vue
+++ b/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>
--
Gitblit v1.9.3