feat(scene): 支持自定义封面图片宽度

src/pages/scene/cover.tsx

@@ -5,10 +5,11 @@ import { getImageUrl, imageList } from '@/utils/pubUse';
 
 interface CoverProps {
   defaultImage?: string;
+  imgWidth?: number | string;
   onImageChange?: (image: string) => void;
 }
 
-const Cover: React.FC<CoverProps> = ({ defaultImage, onImageChange }) => {
+const Cover: React.FC<CoverProps> = ({ defaultImage, onImageChange, imgWidth = 200 }) => {
   const [visible, setVisible] = useState(false);
   const [currentImage, setCurrentImage] = useState('');
 
@@ -35,7 +36,7 @@ const Cover: React.FC<CoverProps> = ({ defaultImage, onImageChange }) => {
   return (
     <div className={styles['cover-container']}>
       <div className={styles['cover-image']}>
-        <Image width={200} src={currentImage} preview={false} onClick={() => setVisible(true)}></Image>
+        <Image width={imgWidth} src={currentImage} preview={false} onClick={() => setVisible(true)}></Image>
       </div>
       <Modal
         style={{ width: '60%' }}
@@ -52,7 +53,7 @@ const Cover: React.FC<CoverProps> = ({ defaultImage, onImageChange }) => {
           render={(item, index) => {
             return (
               <List.Item key={index}>
-                <Image width={200} src={item.src} preview={false} onClick={() => {
+                <Image width={imgWidth} src={item.src} preview={false} onClick={() => {
                   handleImageSelect(item.src);
                 }}></Image>
               </List.Item>