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

怎样用微信的icon组件创建搜索框

时间:2024-10-14 10:23:24

1、首先打开wxml文件。

怎样用微信的icon组件创建搜索框

2、新建一个view标签,这是最外层的一个容器。

怎样用微信的icon组件创建搜索框

3、接着是新建搜索组的容器。

怎样用微信的icon组件创建搜索框

4、在搜索组容器里面新建一个图标组件,这个组件的类型是search类型的。

怎样用微信的icon组件创建搜索框

5、接着新建一个input标签。

怎样用微信的icon组件创建搜索框

6、在input标签下面新建一个清除的图标组件,类型为clear。

怎样用微信的icon组件创建搜索框

7、打开模拟器进行效果的预览。

怎样用微信的icon组件创建搜索框
© 手抄报圈