【免费】HTML5+CSS3+less的小mi静态首页资源-CSDN文库

共84个文件

webp：64个

jpg：6个

css：4个

html5

css3

less

需积分: 0 178 浏览量 2022-04-12 21:59:00 上传评论收藏 470KB ZIP 举报

资源详情

资源评论

资源推荐

收起资源包目录

website.zip （84个子文件）

website

css

website.less 36KB

reset.css 1KB

website.css 24KB

img

wx_zch.jpg 6KB

zn01.jpg 21KB

hide12.webp 1KB

zn06.webp 6KB

birck-right02.webp 2KB

brick03-4.webp 11KB

birck-right12.webp 270B

brick03-2.webp 9KB

right08.webp 3KB

xm02.webp 4KB

zn09.webp 1KB

dn02.webp 878B

right06.webp 3KB

main01.webp 9KB

xm04.webp 4KB

xm08.webp 5KB

xm11.webp 3KB

dn06.webp 1000B

birck-right03.webp 2KB

birck-right08.webp 2KB

zn02.webp 5KB

right02.webp 8KB

hide10.webp 862B

zn03.webp 1KB

dn08.png 2KB

right05.webp 7KB

xm07.webp 6KB

hide09.webp 920B

dn04.webp 794B

zn04.webp 5KB

right01.webp 4KB

right03.webp 9KB

birck-right11.webp 772B

birck-right06.webp 16KB

main-bd01.jpg 19KB

zn08.webp 2KB

hide11.webp 1KB

hide07.webp 1KB

xm06.webp 3KB

hide06.webp 1KB

dn05.webp 1KB

xm10.webp 524B

hide08.webp 882B

xm09.webp 3KB

birck-right10.webp 1KB

hide03.webp 902B

zn07.webp 5KB

hide04.webp 992B

hm01.jpg 11KB

hide01.webp 1KB

hm03.jpg 14KB

right07.webp 3KB

birck-right05.webp 3KB

zn05.webp 6KB

logo-mi.png 3KB

xm05.webp 3KB

hm02.jpg 11KB

hide02.webp 1KB

birck-right01.webp 2KB

content-xm.webp 88KB

hide05.webp 1010B

xm03.webp 3KB

xiaomi_sj.webp 3KB

dn03.webp 1014B

brick03-1.webp 12KB

dn01.webp 942B

birck-right04.webp 1KB

box-bd1.webp 9KB

birck-right09.webp 2KB

birck-right07.webp 21KB

right04.webp 9KB

dn07.webp 708B

iconfont

iconfont.json 4KB

iconfont.ttf 10KB

iconfont.js 47KB

demo_index.html 25KB

iconfont.woff 7KB

iconfont.woff2 6KB

demo.css 8KB

iconfont.css 1KB

index.html 110KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>小米官网</title> <link rel="stylesheet" href="./css/reset.css"> <link rel="stylesheet" href="./css/website.css"> <link rel="stylesheet" href="./iconfont/iconfont.css"> </head> <body> <div class="fixed-icon"> <div> <i class="iconfont icon-shouji"></i> <span>手机APP</span> </div> <div> <i class="iconfont icon-icon03"></i> <span>个人中心</span> </div> <div> <i class="iconfont icon-shouhoufuwu"></i> <span>售后服务</span> </div> <div> <i class="iconfont icon-rengongrenwu"></i> <span>人工客服</span> </div> <div> <i class="iconfont icon-gouwuche"></i> <span>购物车</span> </div> </div> <div class="container"> <div class="top-nav"> <ul class="left-list"> <li><a href="#">小米商城</a></li> <li class="line">|</li> <li><a href="#">MIUI</a></li> <li class="line">|</li> <li><a href="#">loT</a></li> <li class="line">|</li> <li><a href="#">云服务</a></li> <li class="line">|</li> <li><a href="#">天星数科</a></li> <li class="line">|</li> <li><a href="#">有品</a></li> <li class="line">|</li> <li><a href="#">小爱开放平台</a></li> <li class="line">|</li> <li><a href="#">企业团购</a></li> <li class="line">|</li> <li><a href="#">资质证照</a></li> <li class="line">|</li> <li><a href="#">协议规则</a></li> <li class="line">|</li> <li class="app"> <a href="#">下载app</a> <div class="triangle"></div> <div class="app-none"> <div class="qr-code"> <img src="./img/wx_zch.jpg" alt="二维码"> <span>小米商城APP</span> </div> </div> </li> <li class="line">|</li> <li><a href="#">Select Location</a></li> </ul> <ul class="right-list"> <li><a href="#">登录</a></li> <li class="line">|</li> <li><a href="#">注册</a></li> <li class="line">|</li> <li><a href="#">消息通知</a></li> <li class="shopping-cart"> <a href="#" class="color-face"> <i class="iconfont icon-gouwuche"></i> <span>购物车（0）</span> <div class="cart-none"> <div class="commodity"> <span> 购物车还没有商品，赶紧选购吧！ </span> </div> </div> </a> </li> </ul> </div> </div> <div class="wrapper"> <div class="logo"> <a href="#"> <img src="./img/logo-mi.png"> </a> </div> <ul class="wrapper-list"> <li> <a href="#">Xiaomi手机</a> <div class="item-children"> <div class="item-container"> <ul class="children-list"> <li><a href="#"> <img src="./img/xiaomi_sj.webp"> <span class="model">Xiaomi 12 Pro</span> <span class="price">4699元起</span> </a></li> <li class="lines"></li> <li><a href="#"> <img src="./img/xm02.webp"> <span class="model">Xiaomi12</span> <span class="price">3699元起</span> </span> </a></li> <li class="lines"></li> <li><a href="#"> <img src="./img/xm03.webp"> <span class="model">Xiaomi12X</span> <span class="price">2999元起</span> </a></li> <li class="lines"></li> <li><a href="#"> <img src="./img/xm04.webp"> <span class="model">Xiaomi 11 青春活力版</span> <span class="price">1899元起</span> </a></li> <li class="lines"></li> <li><a href="#"> <img src="./img/xm05.webp"> <span class="model">Xiaomi Civi</span> <span class="price">2299元起</span> </a></li> <li class="lines"></li> <li><a href="#"> <img src="./img/xm06.webp"> <span class="model">Xiaomi Mix4</span> <span class="price">4199元起</span> </a></li> </ul> </div> </div> </li> <li> <a href="#">Redmi 红米</a> <div class="item-children"> <div class="item-container"> <ul class="children-list"> <li><a href="#"> <img src="./img/xiaomi_sj.webp"> <span class="model">Xiaomi 12 Pro</span> <span class="price">4699元起</span> </a></li> <li class="lines"></li> <li><a href="#"> <img src="./img/xm06.webp"> <span class="model">Xiaomi12Pro</span> <span class="price">4699元起</span> </span> </a></li> <li class="lines"></li> <li><a href="#"> <img src="./img/xm05.webp"> <span class="model">Xiaomi12Pro</span> <span class="price">4699元起</span> </a></li> <li class="lines"></li> <li><a href="#"> <img src="./img/xm03.webp"> <span class="model">Xiaomi 12 Pro</span> <span class="price">4699元起</span> </a></li> <li class="lines"></li> <li><a href="#"> <img src="./img/xm02.webp"> <span class="model">Xiaomi 12 Pro</span> <span class=