- scroll-view 使用 refresher-enabled 导致不渲染?
开发者工具:scroll-view 使用 refresher-enabled=“{{ true}}” 后,渲染数据不及时。接口获取数据后,AppData 更新了,但是视图没更新,鼠标移动到 Wxml 面板里任意元素上,视图更新。 [图片] 开发者工具和真机调试有这个问题。但其他使用了 refresher-enabled=“{{ true}}” 的页面没有问题。尝试了代码片段也没问题。没有错误输出,所以我很难定位问题。 删掉 refresher-enabled=“{{ true}}” 后一切正常。 开发者工具版本:stable 1.05.2107090 系统版本:windows10 10.0.19043 内部版本 19043 如果有人碰到过同样的问题可以指导一下,如果没有就算了。因为这个不好复现。至于是不是代码的问题,我无从判断。没有 error,没有 warning。刚试了下,体验版也有问题。并且不管开发者工具还是体验版,都是有时有渲染,有时无渲染。两者的 AppData 并无区别。 有: [图片] 无: [图片]
2021-07-15 - 加载图片失败 Failed to read the 'responseText' property
import Phaser from '../libs/phaser.min' import { config } from '../config' export default class MainGame extends Phaser.Scene { constructor() { super('MainGame') } preload() { this.load.baseURL = config.baseUrl this.load.image('bg', 'images/bg.jpg') this.load.image('bullet', 'images/bullet.png') console.log('preload') } create() { this.add.image(0, 0, 'bg') } } 其中, config.baseUrl 是前缀地址。从开发者工具网络请求中看图片已经拿到了。 [图片]
2020-12-24 - backface-visibility 属性在存在内嵌元素时显示错误
卡牌正反面的需求。等效代码在 chrome 是没有问题的,但在小程序开发工具和安卓上有问题。(iOS 没测) 具体问题:如果卡牌正反面只是图片,正反显示都没问题。如果卡牌正反面是容器,里面有图片和文字。卡牌翻转过来,正反面的文字都显示了。预期只显示某一面的文字。 [图片] // wxml <view class="card-wrapper {{ status ? 'show-cover' : '' }}"> <view class="cover-image"> <image class="card-image" src="{{ coverImage }}" /> <text class="card-text">{{ text }}</text> </view> <view class="back-image"> <image class="card-image" src="{{ backImage }}"></image> <text class="card-text">{{ text }}</text> </view> </view> // wxss .card-wrapper { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; } .card-wrapper.show-cover { transform: rotateY(180deg); } .cover-image, .back-image { width: 100%; height: 100%; position: absolute; left: 0; top: 0; backface-visibility: hidden; } .cover-image { transform: rotateY(180deg); transform-origin: center; } /* .back-image { backface-visibility: hidden; } */ .card-image { width: 100%; height: 100%; } .card-text { display: block; width: 100%; line-height: 1; margin-top: -120rpx; text-align: center; color: white; font-size: 36rpx; text-shadow:1px 2px 4px rgba(27,95,168,0.6); } .back-image .card-text { opacity: 0.4; margin-top: -128rpx; }
2020-07-30