diff --git a/src/components/LabAndImg/index.tsx b/src/components/LabAndImg/index.tsx
index b8918f4..ebeadd7 100644
--- a/src/components/LabAndImg/index.tsx
+++ b/src/components/LabAndImg/index.tsx
@@ -18,8 +18,9 @@ interface Param {
   onClick?: (val: Param['value']) => void
   round?: boolean
   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>('')
 
   // lab是否都是0
@@ -35,7 +36,7 @@ const LabAndImg = ({ value, onClick, showStatus = false, round = false, name = '
   useEffect(() => {
     if (value?.texture_url) {
       const imgs = value.texture_url.split(',').map((item) => {
-        return formatImgUrl(item)
+        return formatImgUrl(item, suffix)
       })
       setImgs(() => imgs[0])
     }
diff --git a/src/pages/details/index.tsx b/src/pages/details/index.tsx
index 8a8ec41..3df5ad5 100644
--- a/src/pages/details/index.tsx
+++ b/src/pages/details/index.tsx
@@ -405,6 +405,7 @@ const Details = (props: Params) => {
               <View className={styles.productColorDialog_img}>
                 <LabAndImg
                   customImageStyle={{ borderRadius: '0' }}
+                  suffix="!w1000"
                   value={{ lab: currentDialogDetail.current!.lab, rgb: currentDialogDetail.current!.rgb, texture_url: currentDialogDetail.current!.texture_url, title: currentDialogDetail.current!.code }}
                 />
               </View>