zhongze-front/src/pages/productDec2/App.js

import Swiper from 'swiper/bundle'
import gsap from 'gsap'
import LocomotiveScroll from 'locomotive-scroll';
import Common from '../common/js/Common'
import {
    isMobile
} from '../common/js/utils'

export default class App {
    constructor() {
        let common = new Common(document.querySelector('.main'),1)   //导航菜单高亮，0是首页，后面的按顺序添加
        this.isMobile = isMobile()
        
        this.scroll = new LocomotiveScroll();
        // 图片及视频资源懒加载。防止阻塞js执行
        let lazyDoms = document.querySelectorAll(".lazy");
        let isMob=this.isMobile;
        lazyDoms.forEach((item) => {
            if (item.nodeName == "PICTURE") {
                item.children[0].setAttribute("srcset", item.children[0].dataset.srcset);
                item.children[1].setAttribute("src", item.children[1].dataset.src);
            }
            if (item.nodeName == "IMG") {
                if(isMob){item.setAttribute("src", item.dataset.srcm);}
                else{
                    item.setAttribute("src", item.dataset.src);
                }
                
            }
            if (item.nodeName == "VIDEO") {
                console.log(item, 'item---2')
                item.setAttribute("src", item.dataset.src);
                // item.load();
            }
        });
    }


}