lucky-canvas
lucky-canvas copied to clipboard
老虎机奖品图片有高度限制
- 你当前是什么框架(必填):vue
- 你使用的是哪个包(必填): SlotMachine
- 你当前插件的版本(必填):latest
- 当前环境是小程序还是浏览器(选填):
- 详细描述你的bug:
老虎机奖品的图片,高度有限制,导致图片不变形的情况下,间距特别大。
- 问题代码(重要):
// 代码开始, 别再放歪了行吗
<SlotMachine width="21.4vw" height="12.3vw" :prizes="prizes" :slots="slots" :blocks="blocks" ref="myLucky" :end="onEnd" />
blocks: [
{
borderRadius: '2vw',
padding: '10px 0px 0 10px',
},
],
slots: [{ speed: 60 }, { speed: 60, direction: -1 }, { speed: 60 }],
prizes: [
{
imgs: [
{
src: 'http://www.tejiawang.work/lucky/0.png',
// width: '80%',
height: '100%',
// top: '0%',
},
],
},
{
imgs: [
{
src: 'http://www.tejiawang.work/lucky/1.png',
// width: '80%',
height: '100%',
// top: '40%',
},
],
},
{
imgs: [
{
src: 'http://www.tejiawang.work/lucky/2.png',
// width: '80%',
height: '100%',
// top: '60px',
},
],
},
{
imgs: [
{
src: 'http://www.tejiawang.work/lucky/3.png',
// width: '80%',
height: '100%',
// top: '60px',
},
],
},
{
imgs: [
{
src: 'http://www.tejiawang.work/lucky/4.png',
// width: '80%',
height: '100%',
// top: '60px',
},
],
},
{
imgs: [
{
src: 'http://www.tejiawang.work/lucky/5.png',
// width: '80%',
height: '100%',
// top: '60px',
},
],
},
{
imgs: [
{
src: 'http://www.tejiawang.work/lucky/6.png',
// width: '80%',
height: '100%',
// top: '60px',
},
],
},
{
imgs: [
{
src: 'http://www.tejiawang.work/lucky/7.png',
// width: '80%',
height: '100%',
// top: '60px',
},
],
},
{
imgs: [
{
src: 'http://www.tejiawang.work/lucky/8.png',
// width: '80%',
height: '100%',
// top: '60px',
},
],
},
{
imgs: [
{
src: 'http://www.tejiawang.work/lucky/9.png',
// width: '80%',
height: '100%',
// top: '-40%',
},
],
},
],
defaultConfig: {
rowSpacing: '5px',
colSpacing: '0px',
decelerationTime: 100,
},
// 代码结束