小实习项目 - 仿写京东商城 - CSS＋JS+HTML

二、代码实现

---

１.项目目录

２.主页面CSS部分

好像有点多　截图吧

３.Slider实现

export class Slider {

constructor(id){

this.box = document.querySelector(id)

this.picBox = this.box.querySelector(“ul”)

this.indexBox = this.box.querySelector(“.index-box”)

this.sliderWidth = this.box.clientWidth

this.sliders = this.picBox.children.length

this.index = 1

this.animated = false

this.auto = null

this.init()

}