今天写一个wx:if语句的示例,如图:

小程序基础wx:if语句
点击搜索商品,将下方界面隐藏,同时搜索界面开启:
小程序基础wx:if语句
点击取消按钮,则还原为原来的界面
实现思路:
1、用块容器将下方界面包裹起来,并写好if语句;

小程序基础wx:if语句
将good_type的数据绑定为true;意味刚开始显示;
小程序基础wx:if语句
2、再写个块容器将热门搜索部分包裹起来,并写好if语句:

小程序基础wx:if语句
将searchbar的数据绑定为false;意味刚开始不显示;
小程序基础wx:if语句
3、找到搜索按钮以及取消按钮绑定的事件位置:
小程序基础wx:if语句
js部分:
小程序基础wx:if语句
到此这个功能就全部实现了,其实hidden有着同样的功能,你们自己去试试吧。

相关文章:

  • 2022-12-23
  • 2022-01-27
  • 2021-10-07
  • 2021-10-10
  • 2021-11-20
  • 2022-12-23
  • 2021-12-16
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-09-11
  • 2021-11-20
  • 2021-12-01
  • 2022-12-23
  • 2021-11-20
相关资源
相似解决方案