github/h5-Dooring
1
0
Fork 0
mirror of https://github.com/MrXujiang/h5-Dooring.git synced 2026-01-05 02:38:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix image

Browse Source
This commit is contained in:
yehuozhili 2020-09-24 16:58:45 +08:00
parent f0fbca990d
commit 565dbbf0b4
1 changed files with 39 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/components/BasicShop/BasicComponents/Image/index.tsx
View File

@ -3,17 +3,45 @@ import { IImageConfig } from './schema';
const Image = memo((props: IImageConfig) => {
const { imgUrl, round = 0 } = props;
return (
<div
style={{
borderRadius: round,
width: '100%',
textAlign: 'center',
overflow: 'hidden',
position: 'absolute',
}}
>
<img src={imgUrl && imgUrl[0].url} alt="" style={{ width: '100%' }} />
</div>
<>
{props.isTpl && (
<div
style={{
borderRadius: round,
width: '100%',
textAlign: 'center',
overflow: 'hidden',
}}
>
<img src={imgUrl && imgUrl[0].url} alt="" style={{ width: '100%' }} />
</div>
)}
{!props.isTpl && (
<div
style={{
overflow: 'hidden',
position: 'absolute',
width: `${props.baseWidth}%`,
height: `${props.baseHeight}%`,
borderRadius: props.baseRadius,
transform: `translate(${props.baseLeft}px,${props.baseTop}px)
scale(${props.baseScale / 100})
rotate(${props.baseRotate}deg)`,
}}
>
<div
style={{
borderRadius: round,
width: '100%',
textAlign: 'center',
overflow: 'hidden',
}}
>
<img src={imgUrl && imgUrl[0].url} alt="" style={{ width: '100%' }} />
</div>
</div>
)}
</>
);
});