手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

uni-app怎么让元素在一行显示

时间:2024-10-11 19:20:46

1、在已打开的HBuilderX开发工具,创建uni-app项目

uni-app怎么让元素在一行显示

2、在pages文件夹下,新建vue文件index.vue

uni-app怎么让元素在一行显示

3、打开新建的index.vue文件,插入picker标签元素,并绑定change事件

uni-app怎么让元素在一行显示

4、在data对象中,初始化数组array,然后定义change事件

uni-app怎么让元素在一行显示

5、保存代码并编译,打开微信开发者工具,可以查看到下拉框

uni-app怎么让元素在一行显示

6、在style标签中,使用类选择器设置下拉框的样式

uni-app怎么让元素在一行显示

7、再次保存并编译,可以发现label和下拉框显示在一行了

uni-app怎么让元素在一行显示
© 手抄报圈