微信小程序实现页面数据显示、wx:if elif else的用法 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站，软件还是小程序，都要直接或间接能为您产生价值，我们在追求其视觉表现的同时，更侧重于功能的便捷，营销的便利，运营的高效，让网站成为营销工具，让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持！

微信小程序实现页面数据显示、wx:if elif else的用法

发表时间：2021-4-30

发布人：葵宇科技

浏览次数：136

前段时间公司需要一个小程序去实现某项简单的功能，本来作为一个后台人员，只需要完成数据接口和文档部分就可以了；

后来对这小程序好奇再加上文档蛮完整的，然后抽了好几天时间去研究了一下，不多说了。。

1、首先来看简单的目录结构：

2、下面是app.json 需要注意的地方：

3、接着是index页面的数据

4、最后是index页面效果

好了，简单的第一步已经完成了。

1、搭配view

 wx:if="{{boolean==true}}">
     class="bg_black">
 wx:elif="{{boolean==false}}">
     class="bg_red">
 wx:elif>
     class="bg_red">

2、搭配block

 wx:if="{{boolean==true}}">
     class="bg_black">
 wx:elif="{{boolean==false}}">
     class="bg_red">
 wx:else>
     class="bg_red">