Jelajahi Sumber

🐛懒加载图片 问题

shaogen1995 9 bulan lalu
induk
melakukan
b47a4f2174

+ 2 - 0
src/pages/A1home/Bottom/index.module.scss

@@ -44,6 +44,8 @@
           overflow: hidden;
           border: 1px solid #fff;
           img {
+            width: 100%;
+            height: 100%;
             object-fit: cover !important;
           }
           p {

+ 12 - 2
src/pages/A1home/Bottom/index.tsx

@@ -3,7 +3,6 @@ import styles from './index.module.scss'
 
 import xiaImg from '@/assets/img/jiantou_w.png'
 import classNames from 'classnames'
-import LazyImg from '@/components/LazyImg'
 import { MyList1Type, MyObjRowType } from './data'
 
 type Props = {
@@ -129,13 +128,24 @@ function Bottom({ setTopObj, pageKey }: Props) {
               className={classNames(code === item.sceneCode ? 'activeTxt' : '')}
             >
               {/* 图片路径待完善 */}
-              <LazyImg
+
+              <img
                 src={
                   item.type === 'kk'
                     ? `https://4dkk.4dage.com/scene_view_data/${item.sceneCode}/user/thumb-2k.jpg`
                     : item.icon
                 }
+                alt=''
               />
+
+              {/* 用图片懒加载,点击向下按钮之后 会有图片直接不加载的问题 */}
+              {/* <LazyImg
+                src={
+                  item.type === 'kk'
+                    ? `https://4dkk.4dage.com/scene_view_data/${item.sceneCode}/user/thumb-2k.jpg`
+                    : item.icon
+                }
+              /> */}
               <p>
                 {code === item.sceneCode ? (
                   <span className='sorrlSpan'>