pages/sub_index/chat.vue

<template>
	<view class="chat">
		<view class="chat-list">
			<u-cell-group>
				<u-cell-item title="人工咨询" @click="toPath()">
					<u-icon slot="icon" size="32" name="kefu" custom-prefix="custom-icon"></u-icon>
				</u-cell-item>
				<u-cell-item title="智能机器人" @click="toPath()">
					<u-icon slot="icon" size="32" name="robot" custom-prefix="custom-icon"></u-icon>
				</u-cell-item>
				<u-cell-item title="资讯库" @click="toPath('')">
					<u-icon slot="icon" size="32" name="zx" custom-prefix="custom-icon"></u-icon>
				</u-cell-item>
				<u-cell-item title="网点查询" @click="toPath('/pages/sub_index/offlineHelp')">
					<u-icon slot="icon" size="32" name="offlineHelp" custom-prefix="custom-icon"></u-icon>
				</u-cell-item>
				<u-cell-item title="常见问题" @click="toPath('/pages/sub_index/question')">
					<u-icon slot="icon" size="32" name="question" custom-prefix="custom-icon"></u-icon>
				</u-cell-item>
			</u-cell-group>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
	/deep/.u-cell_title{
		margin-left: 30rpx;
	}
	.chat {
		width: 100vw;
		// height: 100vh;
		background-color: #F3F3F3;
		overflow: hidden;
		padding-bottom: 30rpx;
		&-list {
			margin-top: 30rpx;
		}
	}
</style>