<div class="container" @touchend="streamRecordEnd">
	<!-- <div class="back"><i class="iconfont icon-fanhui" @click="backFun"></i></div> -->
	<!-- <div class="title rows justify-center">
		- 选择您喜欢的空间 -
	</div> -->
	<!-- 户型选择区域 -->
	<div class="scroll-class">
		<div class="main" ref="scrollArea">
            <div class="message-box columns" :style="{'align-items':item.type==1?'flex-end':'flex-start'}" v-for='(item,index) in messageList' :key="index" >
                <template v-if="item.type==1">
                    <div class="right rows">
                        <div>{{item.text}}</div>
                    </div>
                </template>
                <template v-else>
                    <div class="author-name">Elab</div>
                    <div class="columns left" v-if="item.id" @click="enterAction(index)">
                        <img class="item-img" :src="item.coverImage" />
                        <div class="item-text rows justify-center">{{item.houseType}}·{{item.houseArea}}㎡</div>
                        <div class="item-note rows justify-center">{{item.note}}</div>
                    </div>
                    <div class="columns left" v-else>
                        <div>{{item.text}}</div>
                    </div>
                </template>
            </div>
            <div ref="lastElement" style="height: 1px;margin-bottom: 35px;"></div> <!-- 隐藏的元素 -->
			<!-- <div @click="changeHouse(index)" class="item columns" :class="{'active': selectIndex == index}" 
				v-for="(house,index) in houseList" :key="index" >
				<img class="item-img" :src="house.coverImage" />
				<div class="tab-info rows justify-center">
					<i class="iconfont icon-Hook-1"></i>
				</div>
				<div class="item-text rows justify-center">{{house.houseType}}·{{house.houseArea}}㎡</div>
				<div class="item-note rows justify-center">{{house.note}}</div>
			</div> -->
		</div>
	</div>
	<!-- 按钮 -->
	<div class="btn-list rows rows-between">
		<div class="btn voice rows justify-center" @touchstart="speechRecognizer" >
			<img class="icon" src="https://dm.static.elab-plus.com/miniProgram/iconfont/source.png" mode="widthFix"/>
			按住 说话
            <div class="overlay" @contextmenu.prevent></div>
		</div>
		<!-- <div class="btn diy rows justify-center" @click="enterAction">DIY空间</div> -->
	</div>
    <!-- 语音视图 -->
    <div class="voice-view" v-show="recording">
    	<div class="columns justify-center">
    		<div class="voice-title">选第一个</div>
    		<div class="voice-tips">松开手指，停止录音</div>
    		<img class="voice-gif" src="https://dm.static.elab-plus.com/miniProgram/iconfont/play.gif" mode="widthFix"/>
    		<div class="voice-tips" style="margin-top:12rpx;">我在听…</div>
    	</div>
    </div>
    <!-- 语音识别的结果 -->
    <!-- <div class="result-view rows justify-center">{{speechText}}</div> -->
</div>