收藏
回答

在模拟器中,cover-image无法覆盖canvas,但真机正常,请问如何解决?

<view class='content'>
  <canvas type="2d" id='canvas-bg' class='canvasII'></canvas>
  <view class='canvasI' style="{{isRotate?'transform:rotate('+isRotate+'deg)':''}}" bindtransitionend="ResetButton">
    <canvas type="2d" id="canvas-one" class='canvasI'>
    </canvas>
  </view>
  <cover-image class='start' src="/img/start.png" catchtap='start' />
</view>

如代码所示,在写转盘时,

接收页面上的传参,画出转盘canvas但是却把开始按钮覆盖 ,

但是真机测试中

安卓ios都是可以正常使用的。

请问这个问题是模拟器问题还是?

回答关注问题邀请回答
收藏

1 个回答

  • Demons
    Demons
    2022-10-26

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2022-10-26
    有用
    回复 4
    • L
      L
      2022-10-26
      https://developers.weixin.qq.com/s/leHdXimf71DU
      2022-10-26
      回复
    • L
      L
      2022-10-26
      您好 。问题如下:
      用canvas画图后,把cover-image控件图片给覆盖住,在模拟器上。但是在真机测试中ios及安卓环境都可以正常使用。
      2022-10-26
      回复
    • Demons
      Demons
      2022-10-26回复L
      以复现有任何跟进会在本帖回复
      2022-10-26
      回复
    • 恶魔
      恶魔
      2023-04-09
      Page({
        data: { tes:[],page:1,last_page:"",class: 'heart'},
        onLoad(options) {
          wx.request({
            url: 'http://www.123.com/index.php/menu/show',
            data:{pageSize:10,},
            success:res=>{
              console.log(res.data.data.data);
              let tes = res.data.data.data
              this.setData({
                tes:tes,
                last_page:res.data.data.last_page
              })}})},
      /*页面上拉加载*/
        onReachBottom() {
          let that = this;
          let page = that.data.page+1;
          wx.showLoading({
            title: "正在加载"+page+"页",
          })
          if(page>this.data.last_page){
            wx.showToast({
              title: '到底了',
              icon:"error",
            }) }
          wx.request({
            url: "http://www.123.com/index.php/menu/lists",
            data:{
              pageSize:10,
              page:page
            },
            success:(res)=>{
              console.log(res.data.data.data)
              that.setData({
                page:that.data.page+1,
                tes:that.data.tes.concat(res.data.data.data)
              })
              setTimeout(function(){
                wx.hideLoading()
              },1000) } })},
        writeShow(page){
          let p = new Promise((suc,err)=>{
            wx.request({
              //测试接口地址
              url: 'http://www.zk2.com/index.php/menu/show',
              data:{page:page},
              method:"GET",
              success:res=>suc(res)
            },600)})
        p.then( res =>{
          console.log(res)
          //判断是否到最后一条数据
            if(page>res.data.data.last_page){
              wx.showToast({
                title:'已经到底了',
                icon:'success',
                duration:2000
              })}
            let tes=res.data.data.data;
            let acc=this.data.goods;
            this.setData({tes })
            page++;
            wx.setStorageSync('key', page)
          }).catch()},
        clickHeart() {
          if(this.data.class == 'heart') {
            this.setData({ class: 'heart-active'})
          } else if(this.data.class == 'heart-active') {
            this.setData({class: 'heart-center'})
            setTimeout(() => {
              this.setData({class: 'heart'})
            }, 200);}}
      2023-04-09
      回复
登录 后发表内容