微信小程序實現頁面數據顯示、wx:if elif else的(de)用法
發表時(shí)間:2021-4-30
發布人(rén):融晨科技
浏覽次數:137
前段時(shí)間公司需要(yào / yāo)一個(gè)小程序去實現某項簡單的(de)功能,本來(lái)作爲(wéi / wèi)一個(gè)後台人(rén)員,隻需要(yào / yāo)完成數據接口和(hé / huò)文檔部分就(jiù)可以(yǐ)了(le/liǎo);
後來(lái)對這(zhè)小程序好奇再加上(shàng)文檔蠻完整的(de),然後抽了(le/liǎo)好幾天時(shí)間去研究了(le/liǎo)一下,不(bù)多說(shuō)了(le/liǎo)。。
1、首先來(lái)看簡單的(de)目錄結構:
2、下面是(shì)app.json 需要(yào / yāo)注意的(de)地(dì / de)方:
3、接着是(shì)index頁面的(de)數據
4、最後是(shì)index頁面效果
好了(le/liǎo),簡單的(de)第一步已經完成了(le/liǎo)。
詳解wx:if elif else的(de)用法(搭配view、block)
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">