中奖标记样式 - activeStyle 有边框属性吗？

[Pentium286]

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

• 你使用的是哪个包(必填)："@lucky-canvas/react": "^0.1.11",

• 你当前插件的版本(必填)："@lucky-canvas/react": "^0.1.11",

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

• 详细描述你的bug： 中奖标记样式 - activeStyle 有边框属性吗？

• 问题代码(重要)：

// 代码开始, 别再放歪了行吗

// 代码结束

[buuing]

目前没有边框属性.....这个是用其他技巧实现的边框效果

[inzaghihao]

目前没有边框属性.....这个是用其他技巧实现的边框效果

其他什么技巧，可以看下demo 吗

[buuing]

其他什么技巧，可以看下demo 吗

做一个只有边框的图片, 然后利用activeSrc属性

[inzaghihao]

activeSrc属性的边框图片会替换中奖图 imgs: [ { width: "100%", height: "100%", src: item.img_url, // 奖品图 activeSrc: '../images/border.png', // 只有边框的图片 } ],

[buuing]

试试这样?

imgs: [
  {
    width: "100%",
    height: "100%",
    src: item.img_url, // 奖品图
  },
  {
    width: "100%",
    height: "100%",
    src: item.img_url, // 奖品图
    activeSrc: '../images/border.png', // 只有边框的图片
  }
],

[inzaghihao]

试试这样?

imgs: [
  {
    width: "100%",
    height: "100%",
    src: item.img_url, // 奖品图
  },
  {
    width: "100%",
    height: "100%",
    src: item.img_url, // 奖品图
    activeSrc: '../images/border.png', // 只有边框的图片
  }
],

可行, 谢谢提示

[buuing]

没事, 这里设计的不太合理, 后续 2.0 会优化这个问题, 😙 用着顺手可以点点star支持作者

[605666069]

imgs: [
  {
      width: "100%",
      height: "100%",
      src: '../images/hidden.png', // 透明图
      activeSrc: '../images/border.png', // 只有边框的图片
    },
    {
      width: "50px",
      height: "50px",
      src: item.img_url, // 奖品图
    }
],

如果奖品图需要设置宽高,边框为100%的话,可以这么设置