From 23cde0fb91fa8466001f64bc160d4a698b85f041 Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期四, 14 三月 2024 13:31:15 +0800
Subject: [PATCH] #
---
components/My-input/My-input.vue | 38 +++++++++++++++++++++++++++++++++-----
1 files changed, 33 insertions(+), 5 deletions(-)
diff --git a/components/My-input/My-input.vue b/components/My-input/My-input.vue
index 515f8c1..7ac3502 100644
--- a/components/My-input/My-input.vue
+++ b/components/My-input/My-input.vue
@@ -1,9 +1,18 @@
<template>
- <view class="my-input">
+ <view class="user-input">
<uni-icons class="title-icon" :type="titleIcon" size="20" color="#707070" ></uni-icons>
<view class="box-text">{{title}}:</view>
- <input class="input" :type="inputType" :placeholder="placeholder">
+ <input class="input" type="text" :placeholder="placeholder" v-model="data" v-show="inputType == 'text'">
+ <input class="input" type="password" :placeholder="placeholder" v-model="data" v-show="inputType == 'password'">
<uni-icons class="opt-icon" :type="optIcon" size="20" color="#707070" v-show="optIconShow"></uni-icons>
+
+ <!-- <uni-icons class="user-input-icon" :type="titleIcon" size="20" color="#707070" ></uni-icons>
+ <view class="user-input-text">{{title}}:</view>
+ <input class="user-input-input" :type="inputType" :placeholder="placeholder" v-model="data">
+ <uni-icons class="user-input-opticon" :type="optIcon" size="20" color="#707070" v-show="optIconShow"></uni-icons> -->
+ <!-- <uni-icons class="user-input-icon" :type="titleIcon" size="20" color="#707070" ></uni-icons>
+ <view class="user-input-text">{{title}}:</view>
+ <input class="user-input-input" :type="inputType" :placeholder="placeholder" v-model="data"> -->
</view>
</template>
@@ -37,18 +46,31 @@
optIconShow: {
type: Boolean,
default: false
- }
+ },
+ value: {
+ type: [String,Number],
+ default: ''
+ },
+ },
+ watch: {
+ data(val) {
+ this.$emit('input',val)
+ },
+ value(val) {
+ this.data = val
+ },
},
data() {
return {
+ data:'',
}
}
}
</script>
-<style lang="scss">
- .my-input {
+<style lang="scss" scoped>
+ .user-input {
width: 100%;
height: 45px;
display: flex;
@@ -60,6 +82,12 @@
inset -4px -4px 4px rgba(255,255,255,.7),
-4px -4px 5px rgba(0,0,0,.4);
}
+
+ .user-input-icon{
+
+ }
+
+
.title-icon {
margin: 0 8px 0 8px;
}
--
Gitblit v1.9.1