| | |
| | | <template> |
| | | <view> |
| | | <view class="main"> |
| | | <view style="display: flex;align-items: center;"> |
| | | <y-title :title="titleText"/> |
| | | </view> |
| | | <y-title :title="titleText"/> |
| | | <view :class="zBig"> |
| | | <view style="display: flex;" class="input"> |
| | | <input type="text" :placeholder="placeholderText" @input="input" |
| | | placeholder-style="font-size:22rpx" v-model="val"> |
| | | <view class="icons"> |
| | | <view class="icons" v-if="val.length" @click="clear"> |
| | | <uni-icons type="close"></uni-icons> |
| | | </view> |
| | | |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | placeholderText() { |
| | | return this.placeholder |
| | | }, |
| | | // val() { |
| | | // return this.inputVal || t("uni-popup.inputVal") |
| | | // } |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | backgroundColor: '#cccddd' |
| | | |
| | | }, |
| | | zBig: 'big', |
| | | zBig: 'small', |
| | | pps: { |
| | | fontSize: '24rpx', |
| | | } |
| | |
| | | methods: { |
| | | input() { |
| | | this.$emit('input',this.val); |
| | | }, |
| | | clear() { |
| | | this.val = '' |
| | | this.input() |
| | | } |
| | | |
| | | } |
| | | } |
| | | </script> |