可能很多人会用uni-app时还在想用vue的伴生ui element ui
但其实我觉得element ui 在PC端虽然效果不错 但在跨端 的开发中甚至不然用vant ui
那么我们今天要介绍的是uni-app官方提供的ui组件库uni-ui
首先我们访问网址
https://ext.dcloud.net.cn/search?q=
文章图片
然后在插件市场的输入框中输入你想要的组件
例如我输入日历
文章图片
这下面就会有可以选择的组件
然后我们点击去
文章图片
点击HBuilder X引入 如果你是第一次使用那这里应该会叫你先登录
然后上方就会给出提示，点打开
文章图片
然后开发工具就会问你是否确定下载组件工具 点确定
文章图片
下载成功后不需要手动导入
文章图片
直接用就好了
文章图片
【ui|uni-app伴生ui组件库uni-ui基础引入使用方法】日历参考代码如下
>
export default {
data() {
return {};
},
methods: {
open(){
this.$refs.calendar.open();
},
confirm(e) {
console.log(e);
}
}
};
>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
} .logo {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
} .text-area {
display: flex;
justify-content: center;
} .title {
font-size: 36rpx;
color: #8f8f94;
}
推荐阅读
- uni-app|uni-app引入小程序自定义组件的混合开发
- Unity功能|Unity之UGUI-特效遮挡问题2.0
- uni-app第三方sdk集成|uni-app第三方sdk集成
- 运维|【转】六年软件测试感悟-从博彦到VMware
- uni-app|uni-app实现swiper滑动放大缩小、实现scroll-view与swiper双向联动
- 面试|windows sql server 如何卸载干净（）
- uni-app系列（页面跳转以及传递参数）
- 微信小程序|微信小程序学习之旅--第一个页面的制作
- Qt|Qt之QTreeView的简单使用（含源码+注释）