美文网首页小程序
小程序js控制图片属性隐藏

小程序js控制图片属性隐藏

作者: 祈澈菇凉 | 来源:发表于2019-01-14 10:13 被阅读403次

需求:
1:进入小程序的时候,如果没有绑定,没有授权等,就不展示后端的数据,展示一些类似于“空空如也”的图片或者提示
2:如果授权或者绑定数据,则战死具体的列表数据


部分代码:

wxml

 <view class='back'>
    <image class='img' src="{{back}}"></image>
</view> 

js

  data: {
    back: "/img/back.gif",
  },

判断返回结果,如果有返回字段数据,清空初始化的图片,显示数据。

  getCars: function (e) {
    var that = this;
    //查询绑定车辆数据
    wx.request({
      url: app.globalData.root + "car.do",
      data: {
        "openid": e
      },
      method: 'GET',
      header: {
        'Content-type': 'application/json'
      },
      success: function (res) {
        that.setData({
          carList: res.data,
        })
        if (res.data.length > 0) {
          that.setData({
            back: ""
          })
        }
      }
    });
  },

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题,可以加入qq群聊来问我:473819131.

相关文章

  • 小程序js控制图片属性隐藏

    需求:1:进入小程序的时候,如果没有绑定,没有授权等,就不展示后端的数据,展示一些类似于“空空如也”的图片或者提示...

  • 【总结】2017.02.28

    2017.02.28 - 计划 熟悉swiper控制 小程序视频控制 - 实际完成 小程序视频控制(API与属性)...

  • 2018-05-17

    js小案例-----控制Div属性 控制div属性 outer{width:500px;margin:0 auto...

  • 小程序中的tab标签

    小程序中的tab切换,控制下面的代码块的显示和隐藏 js部分 在data中设定一个currenttab变量,保存当...

  • 屏幕遮掩层:微信小程序

    微信弹出和隐藏遮罩层动画是小程序开发中非常重要的技能 关闭按钮图片del.png js wxml wxss 效果图...

  • day27 js基础3

    day02-js2 1、添加事件 添加事件方式,见代码 显示隐藏图片操作div的display属性,在block和...

  • 原生JS上传并压缩图片-实例

    微信小程序和H5页面的实例 小程序 wxml js 引用的 util.js H5页面图片压缩 HTML JS

  • 小程序通过js控制页面字体颜色属性

    需求:当电量少于百分之20的时候,显示电量的字体显示为红色。 1:在wxml里面设置属性batStyle: sty...

  • js

    js控制div的显示与隐藏

  • 《HTML控制DIV的显示与隐藏》

    《HTML控制DIV的显示与隐藏》 通过JS控制DIV的显示和隐藏。具体代码如下:

网友评论

    本文标题:小程序js控制图片属性隐藏

    本文链接:https://www.haomeiwen.com/subject/fubalqtx.html