会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Robot666
博客园
首页
新随笔
联系
管理
订阅
2021年7月16日
uniapp(在移动端)中收发的图片可缩放,可识别二维码,可保存至本地
摘要: 这么个标题像极了分解的这聊天系统中收发消息的需求哈,没错,就是这么个需求。那么,现在就来一一给整理下: 首先呢,收发图片消息后正常渲染,解析出图片后点击图片会有一个放大图片的操作,即: <!-- 接收图片消息 --> <img v-if="message.msgBody.MsgType == 'Im
阅读全文
posted @ 2021-07-16 16:04 Robot666
阅读(1775)
评论(1)
推荐(0)
2021年7月9日
webview与nvue/vue的通信及其遇到问题处理
摘要: 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
阅读(918)
评论(0)
推荐(0)
2021年7月8日
nvue下多个text标签一行显示,超出自动换行
摘要: 需求背景: 在做一个直播聊天室(主播页用了nvue)聊天室显示访客进来的昵称和消息内容字体得分开显示。例如: 难题所在: 开始就以为是写的样式得问题。为了一行,flex-direction: row; 该属性试了但是确实可以同行,但是不会换行。众所周知:nvue下得文字必须在text标签下才能显示正
阅读全文
posted @ 2021-07-08 17:57 Robot666
阅读(5169)
评论(3)
推荐(1)
2021年7月6日
uni的list组件怎么滚动到底部
摘要: 背景:组件vue包含了一个覆盖了全屏的video组件里写聊天室(聊天室逻辑在webview,结构在vue) (1)在使用uni.pageScrollTo(OBJECT)无效 (2)ref 操作scrollTop=scrollHight 无效; (3)uni里面别想着用document去操作,除非在w
阅读全文
posted @ 2021-07-06 14:51 Robot666
阅读(1690)
评论(0)
推荐(0)
2020年4月17日
在不单独拿出来封装的情况下全局使用$api
摘要: 所有一下均可在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
阅读(433)
评论(3)
推荐(0)
2020年4月16日
封装一个requestLoadingg组件(针对请求中的出现loading的情况)
摘要: 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
阅读(1147)
评论(0)
推荐(0)
2020年4月2日
收起/展开的页面封装
摘要: 图片收起和展开页面封装组件 <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
阅读(259)
评论(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
阅读(156)
评论(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
阅读(259)
评论(0)
推荐(0)
2020年4月1日
grid封装
摘要: <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
阅读(207)
评论(0)
推荐(0)
下一页
公告