Springboot和uniapp开发树洞陪聊陌生人交友IM聊天系统

微笑偷走我的魂

已于 2024-10-26 18:09:56 修改

阅读量318

点赞数 1

分类专栏： uniapp 文章标签： uni-app 交友微信小程序 IM聊天

于 2024-10-26 18:03:48 首次发布

本文链接：https://blog.csdn.net/u011571540/article/details/143257190

版权

uniapp 专栏收录该内容

3 篇文章

订阅专栏

前端使用uniapp开发，好处是可以生成微信小程序，公众号，APP，实现一套代码，多端使用。

前端框架推荐：

图鸟UI：UI美观，组件丰富

z-paging: 虚拟列表的实现，解决大数据量列表展示白屏的问题。一般的软件基本上都没有考虑到这个问题。

thorUI：组件丰富，可以单独引用，使用灵活。

后端框架推荐：

Springboot、websocket实现IM。

<template>
	<view>
		<view class="option-box">
			<view class="tag-box">
				<u-icon name="tags" color="#88e6b4" size="34"></u-icon>
				<view class="name">技能类型</view>
			</view>
			<view class="span-box">
				<view @click="changeGame(option)" class="span" :class="catId == option.id ? 'active': '' " v-for="(option,t) in optionList">{{option.name}}</view>
			</view>
		</view>
		
		<view class="option-box" v-if="categoryList.length > 0">
			<view class="tag-box">
				<u-icon name="tags" color="#88e6b4" size="34"></u-icon>
				<view class="name">选项</view>
			</view>
			<view class="span-box">
				<view @click="changeCategory(option)" class="span" :class="gameId == option.id ? 'active': '' " v-for="(option,t) in categoryList">{{option.name}}</view>
			</view>
		</view>
		
		<view class="option-box" v-if="goodsList.length > 0">
			<view class="tag-box">
				<u-icon name="tags" color="#88e6b4" size="34"></u-icon>
				<view class="name">选项</view>
			</view>
			<view class="span-box">
				<view @click="changeGoods(option)" class="span" :class="goodsId == option.id ? 'active': '' " v-for="(option,t) in goodsList">{{option.name}}</view>
			</view>
		</view>
	</view>
</template>