uni-app
文章平均质量分 64
东泰丶
博客的链接:http://dt2008.cn/
展开
-
uni-app websocket在APP端切换应用自动断开
uni-app在APP安卓端,切换应用的时候,websocket会断开,什么是切换应用,比如QQ切换微信,切换之后就会断开,设置什么心跳检测,定时器,权限啥的都没用,心跳定时器检测在小程序端或者web端还是有用的,我亲自测试web端,一晚上都不会断,但是到了APP端一切换就断了。我折腾了好几天,权限都设置了也没用,终于想到一个方法,就是切换的时候触发方法,重新连接websocket,因为websocket机制的话,在连接中情况的话,再连接是不会有效果的。直接上代码吧,原理就这些了解决方法在:东泰博客.原创 2022-01-03 20:44:17 · 4814 阅读 · 10 评论 -
uni-app如何完美解析富文本内容
在uni-app中有 rich-text 标签是自带解析富文本内容的,但是不是很完美,怎么说呢?比如富文本的代码块、图片宽度等都是无法控制的,那么现在就利用插件来解析,这个解析插件小编是利用图片、html语句以及代码块。第一步:下载JS插件(名为richText.js)richText.js(点击下载)第二步:在详情页里配置info.vue是小编的详情页在代码出添加插件的路径var ...转载 2019-12-17 23:35:04 · 25336 阅读 · 11 评论 -
uni-app图片如何设置双指放大缩小
图片设置双指放大缩小这个功能相对来说比较简单的,是用于官方文档的路径(组件->视图容器->movable-area),movable-area可以做双指放大缩小,并且放大的同时可以左右移动图片(页面),至于怎么做呢?用HBuilder X编辑器创建个uni-app项目html代码<template> <view> <view ...转载 2019-11-22 00:30:01 · 15169 阅读 · 10 评论 -
uni-app监听输入框(input)的值
uni-app监听输入框(input)的值,那监听他的值是干嘛用的呢?这个功能大多数是用于搜索(查找)这块的,小编相信都接触过很多程序,输入的时候下面的商品都变成搜索出来的了,并不是点击跳过页面查找页面的,就是用于这个功能的。<template> <view> <view class="uni-common-mt"> <view class=...转载 2019-11-08 21:54:31 · 12972 阅读 · 0 评论 -
uni-app如何让图片高度自适应
在uni-app框架中,图片image标签是自带默认高度的,在下方图片可以看到,一个正方形的图片,初始化被设置了240px高度uni-app如何让图片高度自适应有很多大佬就在想了,定义个图片高度不就行了吗?除了在图片设置个高度还有一个方法,就是在iamge标签里定义 mode=”widthFix 就行了 <image src="../../static/logo.png" mo...转载 2019-11-04 23:19:21 · 29391 阅读 · 5 评论 -
uni-app在微信小程序如何获取微信头像和名称
<template> <view> <view class="tx-w"> <view class="tx"> <image class="tx-img" :src="yonghuwx.avatarUrl"></image> <view class="zx"></view>...原创 2019-11-03 20:29:53 · 9280 阅读 · 4 评论 -
uni-app如何控制循环次数
这个小编相信大家都很常用这个功能的,打个比方,要做首页推荐,如果接口里有20条数据,整好你想要显示6条数据,那就可以用这两种方法用法:在循环后添加 .slice(0, 6)用法(1),直接在循环里定义<view v-for="(item,index) in dongman.slice(0, 6)"></view>用法(2),也可以在JS里获取数据的时候定义uni...转载 2019-11-02 23:31:06 · 10098 阅读 · 1 评论 -
uni-app如何获取输入框的内容
此文章来源于http://dt2008.cn/130这个用处的范围挺广的,用处:注册、登陆、搜索、提交(发布)文章等,小编就教大家uni-app如何获取输入框的内容以下案例是用于登陆注册。<view class="uni-form-item uni-column"> <view class="title">账号</view> <inp...转载 2019-10-24 14:07:11 · 16134 阅读 · 0 评论 -
uni-app最简单上拉加载
最近小编一直在研究上拉加载的问题,此方法适合用于刚接触uni-app框架所有,(大神勿喷哈)上拉加载是需要看接口的,目前小编只发现了这两种写法,第一种写法接口链接后面的数字等于页数,第二个如果接口链接后面没有数字的情况下的话就是用data:{page:页数值}的写法了,加载的时候可以加一点效果,小编在这里就不加了。 //先定义page,用于存储自增的值 var page = 2;...转载 2019-10-24 14:10:08 · 7988 阅读 · 5 评论 -
uni-app请求图片的路径是反斜杠如何解决
小编用uni-app做微信小程序的时候,请求到的图片链接路径有反斜杠,小程序是不允许有反斜杠的,在浏览器打开路径的话是自动转换的,现在小编教他们处理反斜杠的问题<template> <view> <!--图片路径是指通过ajax请求到的图片值--> <image src="图片路径 || formatUrl"&g...转载 2019-10-24 14:12:39 · 3455 阅读 · 0 评论