lucky-canvas icon indicating copy to clipboard operation
lucky-canvas copied to clipboard

九宫格奖品的背景色是否可以设置多个

Open lianghaihsia opened this issue 2 years ago • 8 comments

  • 你当前是什么框架(必填):vue
  • 你使用的是哪个包(必填):vue
  • 你当前插件的版本(必填):0.1.11
  • 当前环境是小程序还是浏览器(选填):浏览器
  • 详细描述你的bug:请问九宫格奖品的背景色是否可以设置成两种,或者可以设置border的宽度和颜色。同理,中奖按钮是否也可以这么设置? 谢谢~

image

  • 问题代码(重要):
// 代码开始, 别再放歪了行吗

// 代码结束

lianghaihsia avatar Dec 05 '22 07:12 lianghaihsia

可以做, 但是需要借助于图片来实现, 因为早期设计的时候没有考虑border属性

最简单的方案就是用两个图片交替, 来模拟边框的样式

buuing avatar Dec 05 '22 07:12 buuing

试了一下,可以解决目前的问题。谢谢~

lianghaihsia avatar Dec 06 '22 08:12 lianghaihsia

没事, 用着顺手可以点个star支持一下

buuing avatar Dec 06 '22 08:12 buuing

可以再插一条吗?请问点击开始后九宫格的背景颜色要如何设置,比如把这个黄色替换成其它的颜色。 image

lianghaihsia avatar Dec 06 '22 08:12 lianghaihsia

activeStyle

buuing avatar Dec 06 '22 08:12 buuing

没事, 用着顺手可以点个star支持一下 已star,谢谢

lianghaihsia avatar Dec 06 '22 08:12 lianghaihsia

如上面描述,最后使用了两张图片做成了border的效果,然后在设置activeStyle中的background时候无效了。

请问这种情况下有解决方案吗?

lianghaihsia avatar Dec 06 '22 08:12 lianghaihsia

background不生效说明图片把底色盖住了, 边框图片用png格式不就得了, 中间抠成透明的

buuing avatar Dec 06 '22 08:12 buuing