微信小程序--判断显示不同图片的两种方式

最新推荐文章于 2023-12-14 18:10:37 发布
最新推荐文章于 2023-12-14 18:10:37 发布
阅读量2.7k 收藏 2
点赞数 1
分类专栏： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42543264/article/details/105999184
版权

1、src中

<image class="audio" catchtap='onMusicTap' src="{{isPlayingMusic? '/images/music/music-stop.png': '/images/music/music-start.png'}}"></image>
2、if-else

<image catchtap='onCollectiontap' wx:if="{{collected}}" src='/images/icon/collection.png'></image>
<image catchtap='onCollectiontap' wx:else src='/images/icon/collection-anti.png'></image>

青衫折扇
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序-微信小程序的功能封装
08-06
微信小程序是一种轻量级的应用开发平台，主要针对移动端，由腾讯公司推出，旨在提供便捷的、无需下载安装即可使用的应用体验。在这个名为“微信小程序-微信小程序的功能封装”的项目中，开发者分享了一些在实际开发...
微信小程序-2048小游戏
最新发布
05-17
微信小程序是一种轻量级的应用开发平台，由腾讯公司推出，主要应用于移动端，提供了一套基于JavaScript和WXML（微信标记语言）的开发框架。在这个"微信小程序-2048小游戏"项目中，我们将深入探讨如何利用微信小程序...
小程序--判断显示不同图片的两种方式
qq_42902787的博客
07-14 1073
小程序–判断显示不同图片的两种方式 1.src中 <image class="audio" catchtap='onMusicTap' src="{{isPlayingMusic? '/images/music/music-stop.png': '/images/music/music-start.png'}}"></image> 2.if-else <image catchtap='onCollectiontap' wx:if="{{collected}}" src='/
微信小程序判断文件是否为图片的方法，以及根据不同字段返回不同内容，时间进行转换
qq_45432996的博客
11-17 1646
formatSX(item){ let title=""; switch(item){ case 1 : title ="制定和修改业主大会议事规则" ;break; case 2 : title ="制定和修改管理规约" ;break; case 3 : title ="制定物业服务内容、标准以及物业服务收费方案" ;break; case 4 : title ="选聘和解聘物业服务企业" ;break; c
【微信小程序入门到精通】— 条件渲染实现方式
热爱生活，积极向上的阿酱！
10-21 1万+
本篇文章我将带大家学习一下条件渲染相关知识点，接下来我将结合例子来讲解！如果在往下阅读的过程中，有什么错误的地方，期待大家的指点！，通过判断为 true 之后就会展示该组件，否则就不显示。我们可以看到 wx：if 其实就是用于微信小程序中的条件结构，那么既然有 if ，那么咋可能少得了 else 和 elif。
微信小程序分页效果实现
阵雨的博客
12-13 9885
index.js // pages/bianmin/bianmin.js var p = 0 var GetList = function (that) { wx.request({ url: url, method: "POST", data: { page: p }, header: { 'content-type': 'a
【愚公系列】2022年02月 微信小程序-wx:if的使用
热门推荐
时光隧道
07-15 58万+
<view wx:if="{{length > 5}}"> 1 </view> <view wx:elif="{{length > 2}}"> 2 </view> <view wx:else> 3 </view> <block wx:if="{{true}}"> <view> view1 </view> <view> view2 </view> </b
微信小程序-微信飞机游戏
05-09
微信小程序是一种轻量级的应用开发平台，由腾讯公司推出，主要针对移动设备用户，特别是微信用户。它允许开发者在微信内部构建丰富的互动体验，无需下载安装即可使用，大大提升了用户体验。微信飞机游戏作为一款微信...
微信小程序-微信小程序贪吃蛇2048
08-07
微信小程序是中国互联网巨头腾讯公司推出的一种轻量级的应用开发平台，专为智能手机用户设计，无需下载安装即可在微信内使用。微信小程序以其便捷性、快速加载和丰富的功能，深受开发者和用户的喜爱。在这个名为...
微信小程序----五子棋
01-15
微信小程序是一种轻量级的应用开发平台，主要针对移动端，由腾讯公司推出，旨在提供便捷的、无需下载安装即可使用的应用体验。"微信小程序——五子棋"是一个利用微信小程序开发框架构建的在线游戏，允许用户在微信...
微信小程序图片切换
星之所望的博客
05-22 3361
微信小程序图片切换有两种方式： wx:if，需要两个image标签，示例如下 <image wx:if='{{data}}' catchtap='onChangeTap' src='image1.ipg'></image> <image wx:else catchtap='onChangeTap' src='image2.ipg'></image&g...
微信小程序渲染数据根据返回数据不同渲染内容不同以及字体颜色不同
weixin_48787059的博客
12-31 3205
先插入一张效果图，如果是你要的效果，请往下看···> 主要是用小程序中的过滤器实现的 1、首先新建一个.wxs文件 2、里面写需要过滤的代码块 3、然后再抛出 wxs页面 // 反馈类型过滤 var unit={ typeFilter:function(item){ var statusJson = {}; var x = ""; var y = ""; switch (item) { case 1: x = "
微信小程序--判断目标元素是否在可视区域内（可视区域播放视频）
别告诉我有Bug
12-14 1087
微信小程序判断目标元素是否在可视区域内（可视区域播放视频） 1、创建对象实例 2、获取/指定界面上的节点信息 3、判断节点是否在当前屏幕可视区域
小程序之如何让图片显示隐藏
ygy211715的博客
05-28 7040
在小程序工作中经常会遇到当一种情况下显示的是一种图片，另一种情况下显示的是另一种图片，我们可以切换图片的显示隐藏来实现这种业务。那我们在小程序中一般如何来实现图片的切换呢1：wx:if这跟我们js中的显示隐藏道理和功能上是一样的&lt;block wx:if="{{xx}}"&gt;//一般这里我们会绑定一个变量，如果这个变量是true，也就是有值的情况下，该view1就会被渲染，如果没值或者是f...
小程序一些功能（二）
sodakii的博客
09-29 349
页面布局 页面样式 逻辑代码 后期会将其抽离成组件进行使用，实际效果请参考小程序组件库， Sign in · GitLab 设置系统剪贴板的内容属性类型默认值必填说明 一键复制 在微信小程序内的文字无法长按复制，除了text节点以外。但是要在text标签内加一个“selectable”属性。
微信小程序根据状态换图
weixin_30838921的博客
08-23 233
在index.wxml中添加图片 <image bindtap="click" src="{{show?'/images/.png':'/images/.png'}}"></image> 在index.wxss中修饰图片 image{ width: 100rpx; height: 100rpx; } 在index.js中添加事件 Page({ ...
在微信里判断链接是图片还是视频
yy6818的博客
09-03 969
在微信里判断链接是图片还是视频 啥的一锅端出品（未经授权禁止转载）求 一箭三联 废话不多说 先上代码 关键api wx.getImageInfo 先看我的代码 banimg(arrs,ind){ let arr =arrs let index = ind let i = 0 let a = [] fac() function fac(){ if(i<arr.length){ wx.getImag.
微信小程序同一地址加载不同图片
cc1314_工作、学习有感
09-02 964
因为项目需要，用一个地址访问拿图片，地址不变，图片改变。 问题是，只能显示第一张图片。服务器把图片改变，小程序只显示拿到的第一张，但用浏览器看图片正常。 解决方案：在图片的地址后面增加一个随机的参数 '/3.png?' + Math.random() / 9999  ...
微信小程序--中英文切换（1）
06-02
在微信小程序中实现中英文切换，可以通过以下两种方式： 1. 使用语言包 在开发微信小程序时，可以利用语言包来实现中英文切换。语言包是一个对象，包含了不同语言版本的文本内容，例如： ```javascript const ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值