小程序的循环

155 阅读1分钟

1;小程序的wx:if语句

image.png

2:小程序的wx:for循环数组

两种表达:

image.png

3:三元运算符

三元运算符“?:”,语法为:条件表达式?表达式1:表达式2;
该操作首先求出条件表达式的值(bool类型),为true时调用表达式1,为flase时调用表达式2。其逻辑为:“如果为真执行第一个,否则执行第二个。”

image.png

image.png

4:跳转页面

image.png

5:点击导航栏变色:点谁,谁变色

html中:

  <view wx:for="{{list}}" wx:key="i" wx:for-item="r" wx:for-index='i'  
  style="color:{{r.styFlag?'red':''}};" bindtap='go' data-i={{i}}>
   {{r}}--{{i}}
   </view>
复制代码

js中:
image.png 6:utlis 新建一个js文件

image.png

image.png

image.png