// @colors: #aa8866;// #app {//margin: auto;//.less-test{//background-color: @colors;//}// }

九宫格grid和轮播图混合应用思路：轮播图嵌套在九宫格外面，详情参考官方文档。https://uviewui.com/components/grid.html领导要求将轮播图的指示器改为：数字胶囊类型，在uview组件的u-swiper组件中有这一属性 ：mode=“number” 。但是如果里面还要嵌套九宫格grid就不能应用u-swiper组件。此时就需要用uni-app中的swiper进行到

我先说我的文件结构和代码类型。应用了vuex的仓库来链接socket IO和一些全局的方法和参数。至于vuex仓库是怎么使用的我这里就不过多的描述了。在仓库中封装socket IO，链接对话框这一部分代码，我在聊天系统/《uniapp中使用socket IO》里面有提到过，此处略过index.js仓库↓↓import io from '@hyoga/uni-socket.io';export de

用socket io 来完成实时通信。首先 先安装socket 依赖在控制台中输入以下任意一个命令行。这里我用的第二种npm install vue-socket.io --savenpm install socket.io-client --save配置文件安装完成后创建一个仓库在默认路径下与static同级创建一个store文件夹，文件夹下有index.js。index.js中用于写各种vue

在uniapp框架中很少用到键盘回车键发送，但有时候也会使用。这次我的uniapp需要打包H5版本，就会用到键盘回车方便一点。1.在对应的样式标签中写一个 键盘发送 的方法confirm-type=“send” @confirm="doSend"//这里的e指的键盘事件传递的参数,text是绑定的输入框的内容doSend(e, text) {console.log(text);if (e.ctrl

关于这个下拉加载查看消息记录，我尝试了很多方法。下面我来理理有过的想法思路1.我查找uniapp官网，找到有一个生命周期类型的方法，叫：onPullDownRefresh() ，比如一次读取10条消息记录，而我的页面只能显示五条，当我读完第十条消息想要下拉加载信息的时候，发现加载的消息会跳转至第20条消息，以至于我的消息不是紧接着我上一条读的信息，这样就给用户带来极差的体验感。思路2：想用onPu

这里提到两个方法方法一：用整个scroll-view的高度减去所有聊天内容的高度，得到的就是滚动条需要下拉的距离，即可使聊天页下拉至最底部。参考文章：《uni-app 之 聊天室滚到最底部》方法二：利用uniapp中的scroll-view组件的scroll-into-view属性具体使用方法请参考官网文档第一种方法：将聊天框封装成组件，并判断是谁发送的信息首先要给聊天内容部分封装成一个组件（不封

我在聊天系统和评论区域都遇到过 软键盘把页面顶上去的问题，做聊天系统的时候废了牛鼻子劲才解决页面上移问题，这次做评论功能的时候又遇到了，我觉得以前的方法太麻烦了，想找一个简单的方法，仔细翻读uniapp文档的时候发现了一个属性adjust-position ：Boolean类型，作用是键盘弹起时，是否自动上推页面来源，uniapp官方文档发现将adjust-position属性设置为false。就