<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=小米网页, initial-scale=1.0"> <title>Document</title> </head> <style> *{ margin: 0; padding: 0; box-sizing: border-box; } .box1{padding:8px 20px; width: 100%; height: 40px; background-color:#2b2b2b; align-items: center; } .box2{ width: 100%;height: 140px; padding-top: 1px;} .box1 a{width: 48px; height: 40px; text-decoration: none; color: #ccc; font: 12px; } .box2 ul{padding-left: 150px; list-style: none; padding-top: 1px; display: flex; } .box1 li{list-style: none; float: left; padding-left: 8px; } .u2{position: relative; bottom:65px; margin-left: 100px;} .log{margin-left: 40px;} .u2 a{text-decoration: none; padding-right: 12px;} .box3{width: 240px; height: 570px; background-color: #ccc; float: left;margin-left: 52px;} .box3 a{ text-decoration: none; height: 12px; width: 12px; color: aliceblue;} .box3 div{ margin-top:20px; width: 234px; height: 40px; color:rgb(224,224,224) ; } .T{width: 1400px; height:570px; font-size: 0;float: right; } .T img{width: 1400px; height:570px; } .box3 a:hover{color: orange;} .box4{ width: 1640px; height: 170px; position: relative; bottom:10px; left: 50px; top: 10px; display: flex; position:relative; } .u3 img{font: 24px; margin-bottom: 8px;} .u3{ display: flex; flex-wrap: wrap; width: 360px; height: 170px; margin-left: 10px; background-color: rgb(132, 61, 0); } .u3 li{list-style: none; display: flex; flex-wrap: wrap; height: 30px; } .u3 span{ bottom:8px; width: 76px; height: 12px; font-size:12px;} .tu2{ width: 320px; height: 170px; margin-left:15px;} .tu3{width: 316px; height: 170px;} </style> <body> <div class="box2"> <div class="box1"> <ul > <li><a href="#">小米官网</a></li> <li><a href="#">小米商城</a></li> <li><a href="#">兄奥秘澎湃os</a></li> <li><a href="#">小米汽车</a></li> <li><a href="#">云服务</a></li> <li><a href="#">loT</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="#">下载app</a></li> <li><a href="#">select location</a></li> </ul> </div> <img class="log" src="./企业微信截图_17663957529237.png" alt=""> <ul class="u2"> <li><a href="#">Xiaomi手机</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> </ul> </div> <div class="box3"> <div class="X"><a href="#">手机</a></div> <div class="X"> <a href="#">电视</a></div> <div class="X"><a href="#">家电</a></div> <div class="X"><a href="#">笔记本</a></div> <div class="X"><a href="#">出行</a></div> <div class="X"><a href="#">耳机</a></div> <div class="X"><a href="#">健康</a></div> <div class="X"><a href="#">生活</a></div> <div class="X"><a href="#">智能</a></div> <div class="X"><a href="#">电源</a></div> </div> <div class="T"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b07a5c020c2c37f08a6dcc01316350ae.jpg?thumb=1&w=1839&h=690&f=webp&q=90" alt="xiaomi" ></div> <div class="box4"> <ul class="u3"> <li ><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48" alt=""> <span>保障服务</span> </li> <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/806f2dfb2d27978e33fe3815d3851fa3.png?w=48&h=48" alt=""> <span>保障服务</span></li> <li ><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eded6fa3b897a058163e2485532c4f10.png?w=48&h=48" alt=""><span>F通</span></li> <li ><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/43a3195efa6a3cc7662efed8e7abe8bf.png?w=48&h=48" alt=""><span>米粉卡</span></li> <li ><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4846bca6010a0deb9f85464409862af.png?w=48&h=48" alt=""><span>以旧换新</span></li> <li ><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9a76d7636b08e0988efb4fc384ae497b.png?w=48&h=48" alt=""><span>话费充值</span></li> </ul> <div class="tu2"><img class="tu3" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e981f78d2ac17c504975a719cb8b069d.png?w=632&h=340" alt=""></div> <div class="tu2"><img class="tu3" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8aa523aada018ed7e291b8d5c99d5cc7.png?w=632&h=340" alt=""></div> <div class="tu2"><img class="tu3" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ce384835b97655abd1448f3e45eb48ff.png?w=632&h=340" alt=""></div> </div> </body> </html>小米的主页
张小明
前端开发工程师
从前端路由到 Android ARouter:观察者模式在不同平台的同一种落地
一、先给读者一个“统一结论”(很重要) 你可以在这一节一开头就点破: 不论是前端路由、Android 的 ARouter,还是 Flutter 的 go_router, 它们表面 API 完全不同,但底层解决的是同一件事: 当“导…
【课程设计/毕业设计】基于SpringBoot的传统戏曲学习推广管理系统设计和实现基于springboot的戏曲学习管理系统基于springboot沉浸式戏曲文化体验系统【附源码、数据库、万字文档】
博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…
学长亲荐8个AI论文工具,本科生轻松搞定毕业论文!
学长亲荐8个AI论文工具,本科生轻松搞定毕业论文! 论文写作的“隐形助手”,你真的不需要多一个吗? 在如今这个信息爆炸的时代,AI 工具已经成为许多学生和科研工作者的得力助手。尤其在撰写毕业论文的过程中,…
【AI自动化新纪元】:Open-AutoGLM如何实现对iPhone的远程操作?
第一章:Open-AutoGLM 能操作苹果手机吗目前,Open-AutoGLM 作为一个实验性的自动化语言驱动框架,主要聚焦于在开放环境下的任务自动化与自然语言指令解析。其核心能力依赖于对操作系统接口的访问权限以及设备控制链路的建立。由于苹果iOS系统采…
还在为大模型部署发愁?,Open-AutoGLM云端部署全栈解决方案来了
第一章:Open-AutoGLM云端部署概述Open-AutoGLM 是一款基于开源大语言模型的自动化代码生成工具,支持在多种云环境中进行灵活部署。其核心架构采用微服务设计,能够与主流云平台无缝集成,实现高可用、可扩展的智能编程辅助能力。部署…
【Open-AutoGLM PC版深度解析】:揭秘国产AI编程神器的5大核心功能与实战技巧
第一章:Open-AutoGLM PC版全景概览Open-AutoGLM 是一款面向本地化大模型推理与自动化任务执行的开源工具,专为PC端设计,支持在x86架构设备上高效运行。其核心基于AutoGLM架构,结合轻量化模型部署方案,实现了自然语言理…