0


uniapp 使用第三方UI库 uview-plus

前言:开发uniapp时,有些功能,使用UI库提供的更加方便和简单。所以我就搜索uniapp 的UI库,根据网上和uniapp的插件市场,确定使用uviewUI库。

uniapp项目使用的vue2 -----> 对应 uView

uniapp项目使用vue3 -----> 对应 uview-plus

一、使用Album相册功能

我用这个功能开发类似动态、朋友圈 那种的列表。

使用起来,目前存在一个问题是,

我想实现的功能是,一排展示3张图片 或 2张图片时, 图片的大小可以自定义。

解决问题方式1:根据图片数量判断,设置multipleSize大小,但排列的方式会变得奇怪。

解决问题方式2:通过rowCount 控制一行展示图片的数量,就不能定义图片大小。

二、 picker 选择器

在使用u-picker时,uniapp app端 数据不显示,后来发现问题,它的数据格式是双层数组

 let columns = [ ['中国', '美国', '日本'] ];

三、input输入框 和 Textarea 文本域

在开发使用时,

第一,border="surround" 边框无法显示,

第二,使用下面例子,就会报value等未定义的错误,很奇怪,即使添加value属性也报错

<u--input
        placeholder="请输入内容"
        border="surround"
        clearable
></u--input>
Property "value" was accessed during render but is not defined on instance.

后来我就用html的input输入框自己写样式

标签: uni-app 前端

本文转载自: https://blog.csdn.net/tengyuxin/article/details/126833413
版权归原作者 tengyuxin 所有, 如有侵权,请联系我们删除。

“uniapp 使用第三方UI库 uview-plus”的评论:

还没有评论