cover-view 、cover-image组件BUG
发布于 5 年前 作者 xiafu 17955 次浏览 来自 问答

cover-view 组件覆盖原生组件,模拟器可以,真机不行,基础库用的是1.4.3版本,cover-image 引用微信登录头像,不显示

<!–index.wxml–>

<view>

  <view>

    <image class=“test_img” src=“http://img1.ph.126.net/hqhWt_9_Fmgs9i3Aor7cvw==/6597689891216597155.jpg”></image>

  </view>

  <cover-view class=“test_coverview”>

    <image class=“img” src="{{userInfo.avatarUrl}}" />

    <!–如果使用了cover-image组件 连iamge组件里边的图片也不显示,可以打开注释测试下…  我的测试机是苹果se–>

    <!-- <cover-image src="{{userInfo.avatarUrl}}"></cover-image> -->

  </cover-view>

</view>

<!-- index.wxss -->

.img {

  border: 1rpx solid #ffd700;

  width: 100rpx;

  height: 100rpx;

  border-radius: 50rpx;

}

.test_img{

  width: 750rpx;

}

.test_coverview{

  margin-top: -200rpx;

}

<!–index.js -->

//index.js

//获取应用实例

var app = getApp()

Page({

  data: {

    motto: ‘Hello World’,

    userInfo: {}

  },

  //事件处理函数

  bindViewTap: function() {

    wx.navigateTo({

      url: ‘…/logs/logs’

    })

  },

  onLoad: function () {

    console.log(‘onLoad’)

    var that = this

    //调用应用实例的方法获取全局数据

    app.getUserInfo(function(userInfo){

      //更新数据

      that.setData({

        userInfo:userInfo

      })

    })

  }

})

求解决办法!

2 回复

video 控件使用over-image覆盖,小米手机上,下,右,总是出现黑色线

cover-view 只可嵌套在原生组件map、video、canvas内

回到顶部