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

老虎机奖品图片有高度限制

Open lingruibin opened this issue 5 months ago • 0 comments

  • 你当前是什么框架(必填):vue
  • 你使用的是哪个包(必填): SlotMachine
  • 你当前插件的版本(必填):latest
  • 当前环境是小程序还是浏览器(选填):
  • 详细描述你的bug: 图像_2024-01-09_202925306 老虎机奖品的图片,高度有限制,导致图片不变形的情况下,间距特别大。
  • 问题代码(重要):
// 代码开始, 别再放歪了行吗
	<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,
			},
// 代码结束

lingruibin avatar Jan 09 '24 12:01 lingruibin