小程序wx:if,渲染数据时设置不同的样式

作者: 努力让自己更自信 | 来源:发表于2020-12-29 19:25 被阅读0次

小程序wx:if,渲染数据时设置不同的样式
WXApp入门篇 : 项目目录文件结构详解
条件渲染wx:if
1.3 文章列表界面
微信小程序缓存-------缓存时效性
04微信小程序-视图与逻辑2
小程序wx:for渲染实现动态切换样式
小程序基本语法
3-3【微信小程序全栈开发课程】登录功能（二）--自定义登录弹窗
微信小程序设置屏幕常亮iOS兼容问题

1.通过wx:if判断给渲染层设置不同的样式

// wx:for="{{drawdata}}" wx:for-item="item" wx:key="id" 
// 循环的数据
<block wx:if="{{item.money > 0}}">
      <view class="draw-right" style="color:#E60012">
        {{item.money}}
      </view>
  </block>
 <block wx:elif="{{item.money < 0}}">
      <view class="draw-right" style="color:#6ABE8A">
        {{item.money}}
      </view>
 </block>

**效果如下

image.png

小程序wx:if,渲染数据时设置不同的样式
1.通过wx:if判断给渲染层设置不同的样式 **效果如下
WXApp入门篇 : 项目目录文件结构详解
@[微信小程序] js ：数据逻辑json ：配置数据等wxss : 配置样式wx...
条件渲染wx:if
小程序中使用 wx:if="{{condition}}" 进行条件渲染，当condition为true时，携带 w...
1.3 文章列表界面
9、列表渲染wx:for 小程序提供了一个wxml组件的for循环，称为列表渲染 9.1.1 将3篇文章的数据提取...
微信小程序缓存-------缓存时效性
在微信小程序中，数据缓存没有设置有效期的方法，只有本地缓存功能。相应的api wx.setStorage（wx....
04微信小程序-视图与逻辑2
wx:if 在小程序中，使用 wx:if="{{condition}}"来判断是否需要渲染该代码块也可以用 wx...
小程序wx:for渲染实现动态切换样式
1. 参考网址 https://blog.csdn.net/rolan1993/article/details/7...
小程序基本语法
小程序基本语法列表渲染: wx:for项的变量名默认为 item wx:for-item 可以指定数...
3-3【微信小程序全栈开发课程】登录功能（二）--自定义登录弹窗
微信小程序有类似于wx.showToast,wx.showModal等的默认弹窗，但是样式较少，实现不了我们的需求...
微信小程序设置屏幕常亮iOS兼容问题
问题：微信小程序里使用wx.setKeepScreenOn设置屏幕常亮在iOS无效。原因：wx.setKeepSc...