html+css+js网页制作电商小米商城7个页面_html➕css➕js期末大作业资源-CSDN文库

共526个文件

jpg：344个

png：77个

webp：52个

版权申诉

html

javascript

5星 · 超过95%的资源 194 浏览量 2024-08-22 17:26:34 上传评论 1 收藏 62.69MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

html+css+js网页制作电商小米商城7个页面（526个子文件）

bootstrap.min.css 118KB

miBand4.css 18KB

index.css 16KB

qiye.css 12KB

loveOpenPlatform.css 10KB

demo.css 8KB

loTDeveloperPlatform.css 8KB

test.css 5KB

iconfont.css 5KB

iconfont.css 4KB

public.css 584B

.DS_Store 6KB

iconfont.eot 4KB

index.html 88KB

miBand4.html 34KB

qiye.html 29KB

loveOpenPlatform.html 28KB

demo_index.html 15KB

loTDeveloperPlatform.html 14KB

demo_index.html 13KB

3.jpg 1.47MB

1.jpg 838KB

4.jpg 691KB

1.jpg 630KB

2.jpg 614KB

3.jpg 526KB

22.jpg 343KB

3.jpg 343KB

2.jpg 324KB

15.jpg 304KB

19.jpg 283KB

11.jpg 260KB

9.jpg 256KB

4.jpg 255KB

27.jpg 252KB

23.jpg 251KB

7.jpg 248KB

13.jpg 223KB

1.jpg 205KB

20.jpg 198KB

16.jpg 193KB

1.jpg 172KB

14.jpg 164KB

21.jpg 157KB

31.jpg 153KB

30.jpg 145KB

8.jpg 144KB

18.jpg 144KB

25.jpg 139KB

1.jpg 139KB

17.jpg 138KB

26.jpg 137KB

24.jpg 136KB

12.jpg 135KB

6.jpg 134KB

10.jpg 131KB

5.jpg 122KB

3.jpg 113KB

2.jpg 102KB

8.jpg 92KB

29.jpg 83KB

7.jpg 76KB

28.jpg 75KB

9.jpg 69KB

34.jpg 69KB

2.jpg 53KB

1.jpg 44KB

5.jpg 43KB

38.jpg 43KB

4.jpg 43KB

2.jpg 40KB

42.jpg 38KB

50.jpg 35KB

3.jpg 34KB

5.jpg 30KB

3.jpg 29KB

4.jpg 28KB

41.jpg 28KB

20.jpg 28KB

18.jpg 25KB

13.jpg 25KB

15.jpg 25KB

23.jpg 24KB

24.jpg 23KB

21.jpg 23KB

16.jpg 23KB

22.jpg 23KB

9.jpg 23KB

11.jpg 23KB

14.jpg 21KB

10.jpg 21KB

13.jpg 21KB

20.jpg 21KB

共 526 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="icon" type="image/x-icon" href="./img/mi.png" /> <title>小米商城 - 小米CC9、小米MIX 3、Redmi K20，小米电视官方网站</title> <link rel="stylesheet" href="./css/index.css"> <link rel="stylesheet" href="./font/download/iconfont.css"> </head> <body> <nav> <div class="nav-middle"> <div> <a href="#">小米商城</a> <a href="#">MIUI</a> <a href="./html/loTDeveloperPlatform.html">IoT</a> <a href="#">云服务</a> <a href="#">金融</a> <a href="#">有品</a> <a href="./html/loveOpenPlatform.html">小爱开放平台</a> <a href="html/qiye.html">企业团购</a> <a href="#">资质证照</a> <a href="#">协议规则</a> <a href="#"> 下载app <span class="hint"> <span class="triangle"></span> <span class="download"> <img src="./img/nav/01.png" alt=""> <p>小米商城APP</p> </span> </span> </a> <a href="#">Select Location</a> </div> <div> <a href="html/login.html">登录</a> <a href="#">注册</a> <a href="#">消息通知</a> <a href="#" class="special"> 购物车（0） <span class="shops">购物车中还没有商品，赶紧选购吧！</span> </a> </div> <div> </nav> <div class="head"> <div class="head-middle"> <a href="#" class="mi-home" title="小米官网"></a> <ul class="title"> <li> <a>小米手机</a> <div class="title-goods"> <ul> <li> <img src="./img/head/01.png" alt=""> <div class="titile-goods-price"> <span>小米CC9</span> <p>1799元</p> </div> </li> <li> <img src="./img/head/02.png" alt=""> <div class="titile-goods-price"> <span>小米CC9e</span> <p>1299元</p> </div> </li> <li> <img src="./img/head/03.png" alt=""> <div class="titile-goods-price"> <span>小米CC9 美图定制版</span> <p>2599元</p> </div> </li> <li> <img src="./img/head/04.png" alt=""> <div class="titile-goods-price"> <span>小米9</span> <p>2599元</p> </div> </li> <li> <img src="./img/head/05.png" alt=""> <div class="titile-goods-price"> <span>小米MIX 3</span> <p>2599元</p> </div> </li> <li> <img src="./img/head/06.webp" alt=""> <div class="titile-goods-price"> <span>小米MIX 2S</span> <p>1799元</p> </div> </li> </ul> </div> </li> <li class="copy"><a>Redmi 红米</a></li> <li class="copy"><a>电视</a></li> <li class="copy"><a>笔记本</a></li> <li class="copy"><a>家电</a></li> <li class="copy"><a>路由器</a></li> <li class="copy"><a>智能硬件</a></li> <li><a>服务</a></li> <li><a>社区</a></li> </ul> <span class="text-placeholder"> <span>小米9</span> <span>小米9 SE</span> </span> <div class="search"></div> <input type="text"> <div class="input-items"> <p><a href="#">小米9</a></p> <p><a href="#">Redmi k20 pro</a></p> <p><a href="#">Remi k20</a></p> <p><a href="#">Redmi Note 7 Pro</a></p> <p><a href="#">Remi note 7</a></p> <p><a href="#">小米电视4c</a></p> <p><a href="#">电视32英寸</a></p> <p><a href="#">笔记本po</a></p> <p><a href="#">小爱音箱</a></p> <p><a href="#">净水器</a></p> </div> </div> </div> <div class="slides-item"> <div class="left"> <ul> <li> <a href="#">手机电话卡</a> <span>&gt</span> <ul class="details"> <li> <div> <img src="./img/aside/1.jpg" alt=""> <a href="#">小米CC9</a> </div> <div> <img src="./img/aside/2.jpg" alt=""> <a href="#">小米CC美图定制版</a> </div> <div> <img src="./img/aside/3.jpg" alt=""> <a href="#">小米CC9e</a> </div> <div> <img src="./img/aside/4.jpg" alt=""> <a href="#">小米9</a> </div> <div> <img src="./img/aside/5.jpg" alt=""> <a href="#">小米9 SE</a> </div> <div> <img src="./img/aside/6.jpg" alt=""> <a href="#">小米MIX 3</a> </div> </li> <li> <div> <img src="./img/aside/7.jpg" alt=""> <a href="#">小米8 青春版</a> </div> <div> <img src="./img/aside/8.jpg" alt=""> <a href="#">小米8 屏幕指纹版</a> </div> <div> <img src="./img/aside/9.jpg" alt=""> <a href="#">小米MIX 2S</a> </div> <div> <img src="./img/aside/10.jpg" alt=""> <a href="#">小米Max 3</a> </div> <div>

评论收藏

内容反馈

版权申诉