uni-app
汪汪队出击
这个作者很懒,什么都没留下…
展开
-
Uni-app实现表格数据自动滚动(无限滚动)
uniapp自带的table组件和插件市场中的插件都不能使用(因为uniapp无法操作原生DOM元素),因此,实现表头固定,表体数据滚动就只能使用view加上scroll-view来实现。使用flex布局加上view来实现表格,用scroll-view将需要滚动的数据包裹起来。原创 2022-11-28 17:40:00 · 8210 阅读 · 1 评论 -
Uniapp 移动端调用摄像头扫描二维码或者条形码
uni.scanCode(OBJECT),调起客户端扫码界面,扫码成功后返回对应的结果。scanType是扫码类型,barCode条形码,qrCode二维码。首先到uni-app插件市场中下载uQRCode插件,返回结果res.result就是扫码的内容。在页面中导入 uQRCode。原创 2022-10-25 11:32:22 · 6946 阅读 · 1 评论 -
Uni-app中Echarts的使用(动态渲染数据)
Echarts官网导包后发现不知道怎样在页面使用,后使用uniapp官网的插件百度Echarts。安装后不需要其他操作直接在页面上使用就行。具体的事件参照百度Echarts官网。动态绑定数据在接口处调用。原创 2022-07-22 19:26:12 · 605 阅读 · 0 评论 -
Uniapp中动态修改页面样式(color,font-size等)
其次在data中声明tdYFontSize,在接口返回的数据中进行判断,最后在调用方法改变字体颜色。首先在需要动态改变样式的页面添加内联样式(uni-app中的内联样式需使用驼峰法书写)需求根据当前日期来判断接口返回的日期是否逾期,预期则将字体颜色变为白色。css中内联样式的优先级大于中书写的样式。...原创 2022-07-22 15:40:35 · 6147 阅读 · 1 评论 -
Uniapp中uni.getSystemInfo在某些显示器(电视)不能成功获取屏幕分辨率
然后后根据市面上常用的分辨率来做适配(这里是使用修改根字体的大小与百分比来实现不同分辨率的适配),因为市面上分辨率的Width常为(768px960px1184px1920px3840px4096px),但是Height各有不同,因此这里选择使用获取到的resolutionHeight为基础值来分配比例。电视上安装第三方app时,uni自带的uni.getSystemInfo方法获取到的分辨率和电视横屏的分辨率有误差,导致第三方软件不能在电视横屏显示。......原创 2022-07-22 15:27:58 · 983 阅读 · 0 评论 -
uni-app (移动端)在不同设备获取当前屏幕分辨率
首先在中添加一个盒子准备使用获取到的分辨率; 然后在onLoad()中使用uni.getSystemInfo方法(onload 对比Vue的created);这里因为使用的是箭头函数(因为格式化问题,箭头被恢复成了function),在onLoad里面使用var that = this来避免this的指向问题;最后在中使用获取到的height。也可参考uni-app官网获取分辨率的例子。............原创 2022-07-14 11:57:40 · 1578 阅读 · 0 评论 -
uni-app中Card slots的使用(添加点击事件)(uni-card)
这里是使用title(卡片头部插槽)在顶部添加点击事件,如图,在uni-card里包裹,然后在中使用title,这样就可以在view中绑定点击事件了。uni-app官方文档中只给出了action底部插槽的使用的例子。对于初学者来说,当需要在卡片顶部添加点击事件时,往往也需要一个例子来引路。最后可以参考官网的Slots。...原创 2022-07-18 17:58:05 · 2608 阅读 · 1 评论 -
uni-app(移动端) 修改(动态修改)根节点html的样式
uni-app中修改根节点的样式,例如背景颜色、字体大小等样式。由于uni-app不能直接使用@media媒体监听来直接修改html的样式(我这里是需要修改html中的font-size,使用过page,@media都修改失败)。直接在需要修改样式的页面顶部添加,这里的root-font-size是我动态绑定的字体大小,可以按照自己的需要来设置样式参数。经过多次尝试后发现uni-app官网推出的page-meta可以修改根节点的属性。...原创 2022-07-16 18:28:45 · 3014 阅读 · 1 评论 -
解决TV安装第三方app不能横屏问题(uni-app)
之前做过分辨率为4096*2160电视的app适配,能够很好的铺满屏幕,但是在华为智慧屏SE65电视上安装app后打开出现了横屏问题(问题如图)在mounted中添加强制横屏(建议uni-app的onReady代替vue的mounted),代码如图。另外plus需要在真机(或者模拟器)上运行,在内置浏览器运行会报plus未定义。...原创 2022-07-19 16:01:18 · 4015 阅读 · 5 评论