bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

422
历届学生/张洋铭/小米商城/index.html Normal file
View File

@@ -0,0 +1,422 @@
<!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">
<title>小米商城 - 小米9 Pro、Redmi K30、小米MIX Alpha，小米电视官方网站</title>
<link rel="icon" href="http://s01.mifile.cn/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="http://at.alicdn.com/t/font_1566158_xofswg5gly.css">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div class="header">
<div class="container">
<ul class="header-left">
<li><a href="">小米商城</a><span>|</span></li>
<li><a href="">MIUI</a><span>|</span></li>
<li><a href="">IoT</a><span>|</span></li>
<li><a href="">云服务</a><span>|</span></li>
<li><a href="">金融</a><span>|</span></li>
<li><a href="">有品</a><span>|</span></li>
<li><a href="">小爱开放平台</a></li>
</ul>
<ul class="header-right">
<li><a href="">登录</a><span>|</span></li>
<li><a href="">注册</a><span>|</span></li>
<li><a href="">消息通知</a></li>
<li class="car">
<i class="iconfont icon-gouwuche"></i>
<label>购物车（0）</label>
<div class="menu">
购物车中还没有商品，赶紧选购吧！
</div>
</li>
</ul>
</div>
</div>
<div class="type container">
<div class="logo">
</div>
<ul class="menus">
<li><a href="">小米手机</a></li>
<li><a href="">Redmi 红米</a></li>
<li><a href="">电视</a></li>
<li><a href="">笔记本</a></li>
<li><a href="">家电</a></li>
<li><a href="">路由器</a></li>
<li><a href="">智能硬件</a></li>
<li><a href="">服务</a></li>
<li><a href="">社区</a></li>
</ul>
<div class="search">
<input type="text">
<div class="search-list">
<span>小米9 Pro 5G</span>
<span>Redmi Note 8</span>
</div>
<i class="iconfont icon-sousuo"></i>
</div>
</div>
<div class="banner container">
<div class="banner_menu">
<div class="banner_menu_left left">
<ul>
<li>
<span>手机 电话卡</span>
<i class="iconfont icon-qianjin"></i>
<div class="drop_menu">
<div class="drop_menu_item">
<img src="./img/menu_01.jpg" alt="">
<span>Redmi K30 4G</span>
</div>
<div class="drop_menu_item">
<img src="./img/menu_01.jpg" alt="">
<span>Redmi K30 4G</span>
</div>
<div class="drop_menu_item">
<img src="./img/menu_01.jpg" alt="">
<span>Redmi K30 4G</span>
</div>
<div class="drop_menu_item">
<img src="./img/menu_01.jpg" alt="">
<span>Redmi K30 4G</span>
</div>
<div class="drop_menu_item">
<img src="./img/menu_01.jpg" alt="">
<span>Redmi K30 4G</span>
</div>
</div>
</li>
<li>
<span>电视 盒子</span>
<i class="iconfont icon-qianjin"></i>
</li>
</ul>
</div>
<div class="banner_menu_right left"></div>
</div>
<div class="banner_item">
<ul>
<li class="first">
<div class="first_item">
<img src="./img/1.png" alt="">
<p>小米秒杀</p>
</div>
<div class="first_item">
<img src="./img/1.png" alt="">
<p>小米秒杀</p>
</div>
<div class="first_item">
<img src="./img/1.png" alt="">
<p>小米秒杀</p>
</div>
<div class="first_item">
<img src="./img/1.png" alt="">
<p>小米秒杀</p>
</div>
<div class="first_item">
<img src="./img/1.png" alt="">
<p>小米秒杀</p>
</div>
<div class="first_item">
<img src="./img/1.png" alt="">
<p>小米秒杀</p>
</div>
</li>
<li>
<img src="./img/i_01.jpg" alt="">
</li>
<li>
<img src="./img/i_01.jpg" alt="">
</li>
<li>
<img src="./img/i_01.jpg" alt="">
</li>
</ul>
</div>
</div>
<div class="list">
<div class="container">
<div class="adb">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b8bdd93c2aad57ede093b09d40000a48.jpg?w=2452&h=240"
alt="">
</div>
<div class="phone">
<div class="phone_title">
<h2>手机</h2>
<div>
<span>查看全部</span>
<i class="iconfont icon-yk_qianjin_fill"></i>
</div>
</div>
<div class="phone_list">
<div class="phone_list_left left">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/574c6643ab91c6618bfb2d0e2c761d0b.jpg?w=468&h=1228"
alt="">
</div>
<div class="phone_list_right left">
<ul>
<li>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2c16238f786e4f93bdb175d7bf21aa47.jpg"
alt="">
<p class="title">Redmi K30</p>
<p class="info">120Hz流速屏，全速热爱</p>
<p class="price">1599元起</p>
</li>
<li>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2c16238f786e4f93bdb175d7bf21aa47.jpg"
alt="">
<p class="title">Redmi K30</p>
<p class="info">120Hz流速屏，全速热爱</p>
<p class="price">1599元起</p>
</li>
<li>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2c16238f786e4f93bdb175d7bf21aa47.jpg"
alt="">
<p class="title">Redmi K30</p>
<p class="info">120Hz流速屏，全速热爱</p>
<p class="price">1599元起</p>
</li>
<li>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2c16238f786e4f93bdb175d7bf21aa47.jpg"
alt="">
<p class="title">Redmi K30</p>
<p class="info">120Hz流速屏，全速热爱</p>
<p class="price">1599元起</p>
</li>
<li>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2c16238f786e4f93bdb175d7bf21aa47.jpg"
alt="">
<p class="title">Redmi K30</p>
<p class="info">120Hz流速屏，全速热爱</p>
<p class="price">1599元起</p>
</li>
<li>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2c16238f786e4f93bdb175d7bf21aa47.jpg"
alt="">
<p class="title">Redmi K30</p>
<p class="info">120Hz流速屏，全速热爱</p>
<p class="price">1599元起</p>
</li>
<li>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2c16238f786e4f93bdb175d7bf21aa47.jpg"
alt="">
<p class="title">Redmi K30</p>
<p class="info">120Hz流速屏，全速热爱</p>
<p class="price">1599元起</p>
</li>
<li>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2c16238f786e4f93bdb175d7bf21aa47.jpg"
alt="">
<p class="title">Redmi K30</p>
<p class="info">120Hz流速屏，全速热爱</p>
<p class="price">1599元起</p>
</li>
</ul>
</div>
</div>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3e63ab43e7c32296f18f34c8efb41534.jpg?w=2452&h=240" alt="">
</div>
<div class="phone">
<div class="phone_title">
<h2>手机</h2>
<div>
<span>查看全部</span>
<i class="iconfont icon-yk_qianjin_fill"></i>
</div>
</div>
<div class="phone_list">
<div class="phone_list_left left">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/574c6643ab91c6618bfb2d0e2c761d0b.jpg?w=468&h=1228"
alt="">
</div>
<div class="phone_list_right left">
<ul>
<li>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2c16238f786e4f93bdb175d7bf21aa47.jpg"
alt="">
<p class="title">Redmi K30</p>
<p class="info">120Hz流速屏，全速热爱</p>
<p class="price">1599元起</p>
</li>
<li>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2c16238f786e4f93bdb175d7bf21aa47.jpg"
alt="">
<p class="title">Redmi K30</p>
<p class="info">120Hz流速屏，全速热爱</p>
<p class="price">1599元起</p>
</li>
<li>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2c16238f786e4f93bdb175d7bf21aa47.jpg"
alt="">
<p class="title">Redmi K30</p>
<p class="info">120Hz流速屏，全速热爱</p>
<p class="price">1599元起</p>
</li>
<li>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2c16238f786e4f93bdb175d7bf21aa47.jpg"
alt="">
<p class="title">Redmi K30</p>
<p class="info">120Hz流速屏，全速热爱</p>
<p class="price">1599元起</p>
</li>
<li>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2c16238f786e4f93bdb175d7bf21aa47.jpg"
alt="">
<p class="title">Redmi K30</p>
<p class="info">120Hz流速屏，全速热爱</p>
<p class="price">1599元起</p>
</li>
<li>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2c16238f786e4f93bdb175d7bf21aa47.jpg"
alt="">
<p class="title">Redmi K30</p>
<p class="info">120Hz流速屏，全速热爱</p>
<p class="price">1599元起</p>
</li>
<li>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2c16238f786e4f93bdb175d7bf21aa47.jpg"
alt="">
<p class="title">Redmi K30</p>
<p class="info">120Hz流速屏，全速热爱</p>
<p class="price">1599元起</p>
</li>
<li>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2c16238f786e4f93bdb175d7bf21aa47.jpg"
alt="">
<p class="title">Redmi K30</p>
<p class="info">120Hz流速屏，全速热爱</p>
<p class="price">1599元起</p>
</li>
</ul>
</div>
</div>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3e63ab43e7c32296f18f34c8efb41534.jpg?w=2452&h=240" alt="">
</div>
</div>
</div>
<div class="footer">
<div class="container">
<ul class="footer_1">
<li>
<img src="./img/footer_1_icon.png" alt="">
<span>预约维修服务</span>
</li>
<li>
<img src="./img/footer_1_icon.png" alt="">
<span>预约维修服务</span>
</li>
<li>
<img src="./img/footer_1_icon.png" alt="">
<span>预约维修服务</span>
</li>
<li>
<img src="./img/footer_1_icon.png" alt="">
<span>预约维修服务</span>
</li>
<li>
<img src="./img/footer_1_icon.png" alt="">
<span>预约维修服务</span>
</li>
</ul>
<div class="footer_2">
<div class="footer_2_left">
<p class="first_title">帮助中心</p>
<p>账户管理</p>
<p>购物指南</p>
<p>订单操作</p>
</div>
<div class="footer_2_left">
<p class="first_title">帮助中心</p>
<p>账户管理</p>
<p>购物指南</p>
<p>订单操作</p>
</div>
<div class="footer_2_left">
<p class="first_title">帮助中心</p>
<p>账户管理</p>
<p>购物指南</p>
<p>订单操作</p>
</div>
<div class="footer_2_left">
<p class="first_title">帮助中心</p>
<p>账户管理</p>
<p>购物指南</p>
<p>订单操作</p>
</div>
<div class="footer_2_left">
<p class="first_title">帮助中心</p>
<p>账户管理</p>
<p>购物指南</p>
<p>订单操作</p>
</div>
<div class="footer_2_left">
<p class="first_title">帮助中心</p>
<p>账户管理</p>
<p>购物指南</p>
<p>订单操作</p>
</div>
<div class="footer_2_rigth">
<h2 class="right_title">
400-100-5678
</h2>
<p>
周一至周日 8:00-18:00<br>（仅收市话费）
</p>
<div class="kef">
<i class="iconfont icon-liuyanjianyi"></i>
<span>人工客服</span>
</div>
</div>
</div>
</div>
<div class="footer_3">
<div class="container">
<img class="logos left" src="https://s02.mifile.cn/assets/static/image/logo-footer.png" alt="">
<div class="footer_3_right left">
<p>小米商城 | MIUI | 米家 | 米聊 | 多看 | 游戏 |路由器 | 米粉卡 | 政企服务 | 小米天猫店 | 小米集团隐私政策 | 小米公司儿童信息保护规则 | 小米商城隐私政策 | 小米商城用户协议 | 问题反馈 | 廉正举报 | 诚信合规 | Select Location</p>
<p class="in">© mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2017]1530-131号 <br>
（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京) -非经营性-2014-0090 营业执照 医疗器械质量公告<br>
增值电信业务许可证 网络食品经营备案（京）【2018】WLSPJYBAHF-12 食品经营许可证<br>
违法和不良信息举报电话：185-0130-1238 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
</p>
<div class="co">
<img src="https://i1.mifile.cn/f/i/17/site/truste.png" alt="">
<img src="https://s01.mifile.cn/i/v-logo-2.png" alt="">
<img src="https://s01.mifile.cn/i/v-logo-1.png" alt="">
<img src="https://i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="">
</div>
</div>
</div>
</div>
<div class="footer_4">
<img src="./img/slogan2016.png" alt="">
</div>
</div>
</body>
</html>