PC-application/component/guidance/temp-send-panel.js

var TempSendPanel = {
    template: '<div>\
    			<div style="height: 34px;" >\
		    		指导模板\
		    		<div class="save-btn">\
		    		保存\
		    		</div>\
		    	</div>\
		    	<div class="temp-info c-f14">\
		    		<div class="temp-name pl10 ptb10">\
		    			模板名称：<input placeholder="请输入模板名称( 10字内 )" class="c-f14" />\
		    		</div>\
		    		<div class="c-position-r">\
		    			<textarea @input="countWord" v-model="content" class="ptb10 plr10" style="border: 0;width: 100%;box-sizing: border-box;height: 180px;"></textarea>\
		    			<div class="c-t-right mr10 mb5 c-909090">{{count}}/{{words}}</div>\
		    		</div>\
		    	</div>\
		    	<div class="img-wrap mt20 c-f14">\
	    			<div>插入图片<span class="c-909090">（0/9）</span></div>\
	    			<div class="img-items mt10">\
	    				<img src="" />\
	    			</div>\
	    		</div>\
	    		<a class="send-btn c-t-center">\
	    			发送\
	    		</a>\
    </div>',
    props: [],
    data: function() {
        return {
			words: 1000,
			count: 0,
			content: ""
        }
    },
    methods: {
        countWord: function() {
        	if(this.content.length <= this.words) {
        		this.count = this.content.length
        	} else {
        		this.content = this.content.slice(0, this.words)	
        	}
        }
    }
}