bug

src/pages/sample/h5/components/H5Card.jsx

       <Card
         hoverable
         style={{
-          minWidth: '240px',
+          minWidth: '300px',
           marginRight: '0.1rem',
-          height: '2.1rem',
           background: 'rgba(255, 255, 255, 1)',
           boxShadow: '0px 0px 16px 2px rgba(0, 0, 0, 0.12)',
           borderRadius: '12px',
           padding: '0.1rem'
         }}
         // style={{ width: 480,height: 450,marginTop: 50,position: "relative" }}
-        cover={<img width="100%" style={{ height: '1.3rem' }} alt="example" onClick={toEdit} src={h5Data.coverImg} />}
+        // cover={<img width="100%" style={{ height: '1.3rem' }} alt="example"  src={h5Data.coverImg} />}
         extra={<a onClick={deleteSample}>删除</a>}
         title={h5Data.status == 1 ? '已发布' : h5Data.status == 0 ? '未发布' : ''}
       >
+        <img onClick={toEdit} style={{ backgroundImage: `url(` + h5Data.coverImg + `)`, width: '100%', padding: '0 0 66.66% 0', marginBottom: '10px', backgroundSize: '100% 100%' }}   ></img>
         <Meta onClick={toEdit} title={h5Data.sampleName} />
+
         <div style={{ position: "absolute", bottom: "50px", right: "0px", margin: '20px', }}>
           {(h5Data.tags || []).map((x, i) => {
-            return <Tag style={{marginTop:'10px'}} color={colerArr[i]}>{x}</Tag>
+            return <Tag style={{ marginTop: '10px' }} color={colerArr[i]}>{x}</Tag>
           })}
         </div>
       </Card>