xuan/TestEShopDist
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🐞 fix(ID1001378 面料详情页的图片失真):

Browse Source
This commit is contained in:
czm 2023-02-28 16:10:51 +08:00
parent 45ca81233f
commit 2917f201ec
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/LabAndImg/index.tsx
View File

@ -18,8 +18,9 @@ interface Param {
onClick?: (val: Param['value']) => void onClick?: (val: Param['value']) => void
round?: boolean round?: boolean
name?: string name?: string
suffix?: string
} }
const LabAndImg = ({ value, onClick, showStatus = false, round = false, name = '', customImageStyle = {} }: Param) => { const LabAndImg = ({ value, onClick, showStatus = false, round = false, name = '', customImageStyle = {}, suffix = '!w200' }: Param) => {
const [imgs, setImgs] = useState<string>('') const [imgs, setImgs] = useState<string>('')
// lab是否都是0 // lab是否都是0
@ -35,7 +36,7 @@ const LabAndImg = ({ value, onClick, showStatus = false, round = false, name = '
useEffect(() => { useEffect(() => {
if (value?.texture_url) { if (value?.texture_url) {
const imgs = value.texture_url.split(',').map((item) => { const imgs = value.texture_url.split(',').map((item) => {
return formatImgUrl(item) return formatImgUrl(item, suffix)
}) })
setImgs(() => imgs[0]) setImgs(() => imgs[0])
} }

1
src/pages/details/index.tsx
View File

@ -405,6 +405,7 @@ const Details = (props: Params) => {
<View className={styles.productColorDialog_img}> <View className={styles.productColorDialog_img}>
<LabAndImg <LabAndImg
customImageStyle={{ borderRadius: '0' }} customImageStyle={{ borderRadius: '0' }}
suffix="!w1000"
value={{ lab: currentDialogDetail.current!.lab, rgb: currentDialogDetail.current!.rgb, texture_url: currentDialogDetail.current!.texture_url, title: currentDialogDetail.current!.code }} value={{ lab: currentDialogDetail.current!.lab, rgb: currentDialogDetail.current!.rgb, texture_url: currentDialogDetail.current!.texture_url, title: currentDialogDetail.current!.code }}
/> />
</View> </View>