上次小程序(7)

主开始学习关于 js 的相关内容了 

js:

// pages/jsPart/jsPart.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        title:"start-js-study!",
        content:"内容?",
        list:["dog","cat","rabbit"],
        ob:{name:"dog",age:100,sex:"男"},
        day:8
    }
})

wxml:

<!--pages/jsPart/jsPart.wxml-->
<view>{{title}}</view>
<!-- 双花括号来指代 js 中的 data 部分 -->
<view style="color: coral;">{{content}}</view>
<view style="color: deeppink; text-align: center;">{{list[0]}}</view>
<!-- 数组使用 -->
<view>
    {{ob.name}} --- {{ob.age}}
</view>
<!-- 类 -->

<view wx:if="{{day==1}}">1-{{day}}</view>
<view wx:elif="{{day==2}}">2-{{day}}</view>
<view wx:elif="{{day==3}}">3-{{day}}</view>
<view wx:elif="{{day==4}}">4-{{day}}</view>
<view wx:elif="{{day==5}}">5-{{day}}</view>
<view wx:elif="{{day==6}}">6-{{day}}</view>
<view wx:elif="{{day==7}}">7-{{day}}</view>
<view wx:else>error</view>
<!-- 并且,else 和 if 必须靠在一起 -->
<!-- 不能分开 -->

<!-- block 空标签-wxif判断 -->
<!-- 单纯空的标签,方便 if else 判断 -->
<block wx:if="{{day}}">
    <navigator url="/pages/form/form" class="allTextView">不错</navigator>
</block>
<block wx:else>
    <navigator url="/pages/swiper/swiper" class="allTextView">错</navigator>
</block>

 wx:if与wx:else不能分开,也可elif

类似python

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值