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

✨ feat(ID1000801): 2.1面料详情页：色号补充涨跌（标准报价前后对比）、更新的日期；

Browse Source 
【2.1面料详情页：色号补充涨跌（标准报价前后对比）、更新的日期；】
https://www.tapd.cn/53459131/prong/stories/view/1153459131001000801
This commit is contained in:
w1359774872@163.com
2022-12-29 14:45:28 +08:00
committed by xuan
parent 979373a2f4
commit 14767fed64
5 changed files with 124 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/LabAndImg/index.tsx
+5 -4
View File
@@ -13,12 +13,13 @@ interface Param {
rgb?: { r: number; g: number; b: number } // rgb
title?: string
}
customImageStyle?: React.CSSProperties
showStatus?: true | false
onClick?: (val: Param['value']) => void
round?: boolean
name?: string
}
const LabAndImg = ({ value, onClick, showStatus = false, round = false, name = '' }: Param) => {
const LabAndImg = ({ value, onClick, showStatus = false, round = false, name = '', customImageStyle = {} }: Param) => {
const [imgs, setImgs] = useState<string>('')
// lab是否都是0
@@ -65,12 +66,12 @@ const LabAndImg = ({ value, onClick, showStatus = false, round = false, name = '
src={imgs}
onError={e => checkLoad(e)}
className={styles.labAndImg_image}
style={{ borderRadius: round ? '50%' : '' }}
style={{ borderRadius: round ? '50%' : '', ...customImageStyle }}
></Image>
)}
{!value.texture_url && rgbStyle && <View className={styles.boxColor} style={{ ...rgbStyle, borderRadius: round ? '50%' : '' }}></View>}
{!value.texture_url && rgbStyle && <View className={styles.boxColor} style={{ ...rgbStyle, borderRadius: round ? '50%' : '', ...customImageStyle }}></View>}
{!value.texture_url && !rgbStyle && (
<Image mode="aspectFill" src={formatImgUrl('')} className={styles.labAndImg_image} style={{ borderRadius: round ? '50%' : '' }} lazyLoad></Image>
<Image mode="aspectFill" src={formatImgUrl('')} className={styles.labAndImg_image} style={{ borderRadius: round ? '50%' : '', ...customImageStyle }} lazyLoad></Image>
)}
{name && <View className={styles.labAndImg_name}>{name}</View>}
</View>