<template>
<view>
<view class="backgrounds"></view>
<view class="cdj_img">
<image style="z-index: 2;" src="../../static/"></image>
<textarea style="z-index: -1;" type="text" v-model="text" ref="inputText" autofocus="autofocus" :focus="focus" @blur="poinblur" class="cdj_input"/>
</view>
</view>
</template>
<script>
export default {
data() {
return {
text:'',
focus:true,
}
},
watch: {
text(text) {
if( ('\n') != -1 ){ //敲了回车键了
var text = ;
({
icon:"none",
title: text,
duration: 2000
});
= "";
}
}
},
methods: {
poinblur:function(){
= false;
this.$nextTick(() => {
= true;
});
}
}
}
</script>
<style>
.backgrounds{
position: absolute;
width: 100%;
height: 100%;
background-color: #f8f8f8;
z-index: 1;
}
.cdj_img{
position: absolute;
margin-left: 10%;
margin-top: 30%;
}
.cdj_input{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
border:1rpx solid #cfcfcf;
}
</style>