111
This commit is contained in:
parent
e504a0a4f9
commit
f8d307155a
|
|
@ -49,11 +49,11 @@ const Train = () => {
|
||||||
];
|
];
|
||||||
const gridItems = [
|
const gridItems = [
|
||||||
{ src: '/logo/logo1.png', colSpan: 1, link: '' },
|
{ src: '/logo/logo1.png', colSpan: 1, link: '' },
|
||||||
{ src: '/images/carousel-3.jpg', colSpan: 2, link: 'https://www.baidu.com' },
|
{ src: '/images/carousel-3.jpg', colSpan: 1, link: 'https://www.baidu.com' },
|
||||||
{ src: '/images/carousel-4.jpg', colSpan: 2, link: 'https://www.baidu.com' },
|
{ src: '/images/carousel-4.jpg', colSpan: 3, link: 'https://www.baidu.com' },
|
||||||
{ src: '/logo/logo2.png', colSpan: 1, link: '' },
|
{ src: '/logo/logo2.png', colSpan: 1, link: '' },
|
||||||
{ src: '/images/carousel-5.jpg', colSpan: 2, link: 'https://www.baidu.com' },
|
{ src: '/images/carousel-5.jpg', colSpan: 1, link: 'https://www.baidu.com' },
|
||||||
{ src: '/images/carousel-7.jpg', colSpan: 2, link: 'https://www.baidu.com' },
|
{ src: '/images/carousel-7.jpg', colSpan: 1, link: 'https://www.baidu.com' },
|
||||||
];
|
];
|
||||||
{/* 弹性 默认纵向 大屏横向 */ }
|
{/* 弹性 默认纵向 大屏横向 */ }
|
||||||
return (
|
return (
|
||||||
|
|
@ -87,7 +87,7 @@ const Train = () => {
|
||||||
|
|
||||||
{/* 下四图:动态渲染 */}
|
{/* 下四图:动态渲染 */}
|
||||||
{gridItems.map((item, index) => (
|
{gridItems.map((item, index) => (
|
||||||
<div key={index} className={`relative shadow-sm overflow-hidden col-span-${item.colSpan} row-span-2`}>
|
<div key={index} className={`relative shadow-sm overflow-hidden col-span-${item.colSpan} `}>
|
||||||
<img
|
<img
|
||||||
src={item.src}
|
src={item.src}
|
||||||
alt={`Image ${index + 1}`}
|
alt={`Image ${index + 1}`}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue