网络图片无法显示

[Jae Hauck]

• 你当前是什么框架(必填)：Vue3

• 你使用的是哪个包(必填)：LuckyGrid

• 你当前插件的版本(必填)：0.1.11

• 当前环境是小程序还是浏览器(选填)：浏览器

• 详细描述你的bug：传入图片url，会默认拼接服务器地址，导致显示不了

• 问题代码(重要)：

// 代码开始, 别再放歪了行吗
// 查询当前活动奖品
const queryActivityAwards = async () => {
  // 1.加载动画
  load_btn_query.value = true;
  // 2.请求数据
  const res = await getAwardDataByActivityId(activityInfo.value);
  if (res.code == "0000") {
    // 3.请求成功，转换奖品数组为抽奖插件格式数据
    const awardListData = res.data;
    const awardCount = awardListData.length;
    let awardListDate = []; //转换格式后的数据数组
    let index = 0; // 当前格式化遍历到奖品

    // 4.为每个奖品数据格式化
    for (let y = 0; y < 3; y++) {
      for (let x = 0; x < 3; x++) {
        // 中间的按钮位置不要替换了
        if (x == 1 && y == 1) continue;
        // 没奖品了，就不用格式化了
        if (index >= awardCount) break;
        // 当前奖品
        let award = awardListData[index++];
        let awardItem = {
          x: x,
          y: y,
          background: "rgba(226, 205, 176, 0.47)",
          borderRadius: "5px",
          shadow: " 5px 5px 5px #dbb581",
          fonts: [
            {
              text: award.isAwardUnlock ? award.awardTitle : '再抽奖' + award.waitUnLockCount + '次解锁',
              top: "75%",
              fontSize: "14px",
              fontWeight: "800",
              fontColor: "#b78c51",
            },
          ],
          imgs: [
            {
              // 这个src换成本地静态文件就没问题，换成网络地址会自动加上当前服务的IP，http://localhost:5173/https//luckysj-1314434715.cos.ap-shanghai.myqcloud.com/8c825935-816b-4c6b-b99d-4677c336607c.jpg
              src: award.awardImage, //Image的值示例：https://luckysj-1314434715.cos.ap-shanghai.myqcloud.com/8c825935-816b-4c6b-b99d-4677c336607c.jpg
              width: "65px",
              height: "65px",
              activeSrc: award.awardImage,
            },
          ],
        };
        awardListDate.push(awardItem);
      }
    }
    prizes.value = awardListDate;

    succesMsg("获取当前活动奖品信息成功，请继续抽奖");
    // 关闭动画
    setTimeout(() => {
      load_btn_query.value = false;
    }, 1000);
  } else {
    warnMsg(res.info);
  }
};
// 代码结束

[D_Q]

明细是你脚手架配置有问题, 这你也能提个issues?

[Jae Hauck]

明细是你脚手架配置有问题, 这你也能提个issues?

佬可以指点下解决思路吗哈哈，前端研究得相对没那么深

[Jae Hauck]

明细是你脚手架配置有问题, 这你也能提个issues?

问题解决了，谢谢佬的回答

[Jae Hauck]

明细是你脚手架配置有问题, 这你也能提个issues?

佬你插件挺好用的，后续可以加个上锁的功能吗，比如我一个九宫格转盘里，有一些奖品没解锁，抽奖动画直接跳过未解锁的奖品，虽然现在也够用了哈哈，提个小建议