H5_module/components/input-popup/index.vue

<template>
	<view>
		<view class="ceng" v-if="isShai" @click="hideFilters()"></view>
		<view class="shai" :style="'bottom:' + sBottom">
			<view class="shai-c">
				<view class="s-tit">转账说明</view>
				<view class="s-list dflex">
					<view class="textarea-box">
						<textarea maxlength="60" @input="input" v-model="content" placeholder="收付款双方可见,最多60个字"></textarea>
						<view class="limit">{{size}}/60</view>
					</view>
				</view>
			</view>
			<view class="btn dflex">
				<view class="reset" @click="hideFilters()">取消</view>
				<view class="confirm" @click="okScreen()">确定</view>
			</view>
		</view>
	</view>
</template>
 
<script>
const req = require('../../utils/request.js');
const api = require('../../utils/api.js');
const util = require('../../utils/util.js');
var tempFunOk = null;
var closeTagFun = null;
export default {
	data() {
		return {
			isShai: false,
			sBottom: '-100',
			content:'',
			size:0
		};
	},
	components:{
	},
	props: {
		value:{
			type:String,
			default:''
		}
	},
	mounted() {
	},
	// created() {
	// 	let fobj =  req.getStorage(this.defaultstoragekey);
	// 	if(fobj){
	// 		this.filter = fobj
	// 	}
	// },
	computed: {
	    reversedMessage: function () {
			if(this.sBottom==0){
			
			}
	      return this.sBottom
	    }
	  },
	methods: {
		hideFilters() {
			this.isShai = false;
			this.sBottom = '-100%';
		},
		showFilters() {
			this.isShai = true;
			this.sBottom = '0';
		},
		setContent(val){
			this.content = val
			this.size = this.content.length
		},
		okScreen() {
			this.$emit("onsuccess",this.content)
			this.hideFilters()
		},
		input(){
			this.size = this.content.length
		}
	}
};
</script>

<style>
@import './index.css';
</style>