摘要: 这么个标题像极了分解的这聊天系统中收发消息的需求哈,没错,就是这么个需求。那么,现在就来一一给整理下: 首先呢,收发图片消息后正常渲染,解析出图片后点击图片会有一个放大图片的操作,即: <!-- 接收图片消息 --> <img v-if="message.msgBody.MsgType == 'Im 阅读全文
posted @ 2021-07-16 16:04 Robot666 阅读(1506) 评论(1) 推荐(0) 编辑
摘要: 1.web-view <web-view @message='lisMessage' ref="webview" src="/hybrid/html/local.html"></web-view> 首先我们你需要知道在uni的项目中为什么需要用到webview。在vue/nvue中为什么需要用到we 阅读全文
posted @ 2021-07-09 14:58 Robot666 阅读(620) 评论(0) 推荐(0) 编辑
摘要: 需求背景: 在做一个直播聊天室(主播页用了nvue)聊天室显示访客进来的昵称和消息内容字体得分开显示。例如: 难题所在: 开始就以为是写的样式得问题。为了一行,flex-direction: row; 该属性试了但是确实可以同行,但是不会换行。众所周知:nvue下得文字必须在text标签下才能显示正 阅读全文
posted @ 2021-07-08 17:57 Robot666 阅读(4433) 评论(3) 推荐(1) 编辑
摘要: 背景:组件vue包含了一个覆盖了全屏的video组件里写聊天室(聊天室逻辑在webview,结构在vue) (1)在使用uni.pageScrollTo(OBJECT)无效 (2)ref 操作scrollTop=scrollHight 无效; (3)uni里面别想着用document去操作,除非在w 阅读全文
posted @ 2021-07-06 14:51 Robot666 阅读(1485) 评论(0) 推荐(0) 编辑
摘要: 所有一下均可在man.js中写入; const prePage = ()=>{ let pages = getCurrentPages(); let prePage = pages[pages.length - 2]; // #ifdef H5 return prePage; // #endif r 阅读全文
posted @ 2020-04-17 15:13 Robot666 阅读(394) 评论(3) 推荐(0) 编辑
摘要: 1.其中requestLoading组件内容如下; <template> <!--#ifndef MP-WEIXIN--> <view class="request-loading-view" v-show="loadingShow" @click="closeMask"> <view class= 阅读全文
posted @ 2020-04-16 13:10 Robot666 阅读(1105) 评论(0) 推荐(0) 编辑
摘要: 图片收起和展开页面封装组件 <style lang="scss" scoped> .grid{ padding: 25rpx; background: white; .grid-flex{ display: flex; flex-wrap: wrap; } .grid-item{ width: 14 阅读全文
posted @ 2020-04-02 16:00 Robot666 阅读(252) 评论(0) 推荐(0) 编辑
摘要: 结构布局只要为如下的结构所示; <scroll-view scroll-x class="good-list-content" > <view style="padding-top: 5rpx; white-space: nowrap;"> <view class="good-item" v-for 阅读全文
posted @ 2020-04-02 15:31 Robot666 阅读(147) 评论(0) 推荐(0) 编辑
摘要: uni-ui中也是有类似的插件(电商h5页面经常会用到的),可以根据自身的需求去做相应的改变 https://ext.dcloud.net.cn/search?q=%E5%80%92%E8%AE%A1%E6%97%B6 <template> <view class="uni-countdown" : 阅读全文
posted @ 2020-04-02 15:23 Robot666 阅读(236) 评论(0) 推荐(0) 编辑
摘要: <style lang="scss" scoped> .grid{ padding: 0 25rpx ; background: white; .grid-flex{ display: flex; flex-wrap: wrap; } .grid-item{ width: 140rpx; displ 阅读全文
posted @ 2020-04-01 18:41 Robot666 阅读(189) 评论(0) 推荐(0) 编辑