Taro+React大转盘奖品图片无法显示
Linxiaoxxx opened this issue · comments
- 你当前是什么框架(必填):taro
- 你使用的是哪个包(必填):@lucky-canvas/taro
- 你当前插件的版本(必填): "^0.0.14"
- 当前环境是小程序还是浏览器(选填):小程序
- 详细描述你的bug:使用大转盘时,无法显示本地奖品图片
- 问题代码(重要):
// 代码开始, 别再放歪了行吗
import { LuckyWheel } from '@lucky-canvas/taro/react'
import { useRef } from 'react'
export default function Wheel() {
const myLucky = useRef<any>()
const prizes = [
{
img: [
{
src: '../../../assets/images/I.png',
top: '10%',
width: '50%',
height: '50%'
}
],
background: '#4c90f5'
},
{ img: [{ src: '../../../assets/images/I.png', top: '10%', width: '100rpx', height: '100rpx' }], background: '#3bb35f' },
{ img: [{ src: '../../../assets/images/I.png', top: '10%', width: '100rpx', height: '100rpx' }], background: '#f34434' },
{ img: [{ src: '../../../assets/images/I.png', top: '10%', width: '100rpx', height: '100rpx' }], background: '#fcc601' }
]
return (
<LuckyWheel
ref={myLucky}
width='516rpx'
height='516rpx'
prizes={prizes}
onStart={() => {
myLucky.current?.play()
setTimeout(() => {
// 假设后端返回的中奖索引是0
const index = 0
// 调用stop停止旋转并传递中奖索引
myLucky.current?.stop(index)
}, 2500)
}}
onEnd={(prize) => {
// 抽奖结束会触发end回调
console.log(prize)
}}
></LuckyWheel>
)
}
// 代码结束
网络图片也不可以显示呢
问题+1~ 不停刷新页面,一会儿正常,一会儿又不正常
小程序端的抽奖已经很久没维护的
为啥不维护了呢, 因为更新和改动太频繁了, 微信小程序+uniapp+taro, 这仨谁都有可能出问题, 如果全都跟进的话, 我就一个人, 业余时间就不用干别的了, 像泥潭一样拖住我, 这个兼容taro的代码, 至少在3年前是可以完美运行的, 这边建议自行排查一下问题, 他改动估计也就是api方面的改动, 底层设计不会变的
看来只能看源码研究了! issue这么多说明这个库还是十分有价值的。
源码不至于, 直接看@lucky-canvas/taro这个包就行了
兼容也没用, 时效性很短, 说不定啥时候taro又改动了
uniapp 图片加载也是一样的 就是有部分图片显示有部分图片不显示 点击抽奖过后 就全部图片显示了