首页 > 其他分享 >小米官网

小米官网

时间:2023-10-21 15:22:22浏览次数:32  
标签:2999 Redmi 小米 Xiaomi civi3 官网 元起 left

小米官网仿写

结构

用几个盒子写出大概框架

分别为

title

导航栏

body

foot

title

先写个盒子,然后

  • <div class="top">
            <ul>
                <li><a href=""><span class="zuo ">小米商城</span></a></li>
                <li><a href="">MIUI</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="">企业团购</a></li>
                <li><a href="">资质证照</a></li>
                <li><a href="">协议规则</a></li>
                <li><a href="">下载APP</a></li>
                <li><a href="">智能生活</a></li>
    
            </ul>
    
    
            <ul class="right">
                <li><a>登录</a></li>
                <li><a>注册</a></li>
                <li><a>消息通知</a></li>
                <li><a><img src="./灰色.png" class="shop"></img>购物车(0)</a></li>
            </ul>
    
        </div>
    

    导航栏

    也是用盒子中放入

    • 重点是二级菜单

      二级菜单

      • 嵌套

        注意需要position:relativez-indix(可能会被下方的轮播图盖住)

         <ul class="sec">
                    <li class="kong"></li>
                    <li class="Xiaomi">
                        Xiaomi手机
                        <ul class="chlid1">
                            <li class="box1"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/35f352268526045e077a230802beb588.png?thumb=1&w=320&h=220&f=webp&q=90"
                                    width="201px" height="117px "></li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img></li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img></li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img></li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img></li>
                        </ul>
                    </li>
                    <li class="Redmi">Redmi手机
                        <ul class="chlid2">
                            <li class="box1"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/35f352268526045e077a230802beb588.png?thumb=1&w=320&h=220&f=webp&q=90"
                                    width="201px" height="117px "></img><span class="zi15">Xiaomi civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                        </ul>
                    </li>
                    <li class="tv">电视
                        <ul class="chlid3">
                            <li class="box1"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/35f352268526045e077a230802beb588.png?thumb=1&w=320&h=220&f=webp&q=90"
                                    width="201px" height="117px "></img><span class="zi15">Xiaomi civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/80416c1c7040aabbafa527a6ea652948.png?thumb=1&w=320&h=220&f=webp&q=90"
                                    width="201px" height="117px "></img><span class="zi15">Xiaomi civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/80416c1c7040aabbafa527a6ea652948.png?thumb=1&w=320&h=220&f=webp&q=90"
                                    width="201px" height="117px "></img><span class="zi15">Xiaomi civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                        </ul>
                    </li>
        
                    <li class="tab">笔记本
                        <ul class="chlid4">
                            <li class="box1"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/35f352268526045e077a230802beb588.png?thumb=1&w=320&h=220&f=webp&q=90"
                                    width="201px" height="117px "></img><span class="zi15">Xiaomi civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                        </ul>
                    </li>
                    <li class="table">平板
                        <ul class="chlid5">
                            <li class="box1"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/35f352268526045e077a230802beb588.png?thumb=1&w=320&h=220&f=webp&q=90"
                                    width="201px" height="117px "></img><span class="zi15">Xiaomi civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                        </ul>
                    </li>
                    <li class="home">家电 <ul class="chlid6">
                            <li class="box1"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/35f352268526045e077a230802beb588.png?thumb=1&w=320&h=220&f=webp&q=90"
                                    width="201px" height="117px "></img><span class="zi15">Xiaomi civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                        </ul>
                    </li>
                    <li class="wife">路由器 <ul class="chlid7">
                            <li class="box1"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/35f352268526045e077a230802beb588.png?thumb=1&w=320&h=220&f=webp&q=90"
                                    width="201px" height="117px "></img><span class="zi15">Xiaomi civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                        </ul>
                    </li>
                    <li class="serve">服务中心 <ul class="chlid8">
                            <li class="box1"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/35f352268526045e077a230802beb588.png?thumb=1&w=320&h=220&f=webp&q=90"
                                    width="201px" height="117px "></img><span class="zi15">Xiaomi civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                        </ul>
                    </li>
                    <li class="com">社区 <ul class="chlid9">
                            <li class="box1"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/35f352268526045e077a230802beb588.png?thumb=1&w=320&h=220&f=webp&q=90"
                                    width="201px" height="117px "></img><span class="zi15">Xiaomi civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                            <li class="box1"><img src="./tu.webp" width="201px" height="117px "></img><span class="zi15">Xiaomi
                                    civi3</span>
                                <p class="zi16">2999元起</p>
                            </li>
                        </ul>
                    </li>
                </ul>
        

        其中的css用display:none display:blockhover来写 以此类推

        .chlid2 {
            position: relative;
            top: 45px;
            left: -417px;
            width: 1377px;
            height: 204px;
            display: none;
            background-color: white;
            float: left;
            z-index: 10;
            /* position: relative; */
            border-top: 1px solid #e0e0e0;
        }
        .Redmi:hover .chlid2 {
            display: block;
        }
        
        侧边导航栏

        • 导航栏的二级菜单

          相同的

          • 嵌套

            <div class="cechild1">
                                <ul>
                                    <li>
                                        <p class="a"><img
                                                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5c57d3a5e8a2fde79bcffce9d5344c80.png?thumb=1&w=80&h=80&f=webp&q=90"><span
                                                class="zi3">Xiaomi MIX系列</span></p>
                                    </li>
                                    <li>
                                        <p class="a"><img
                                                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/168b20a5ea19280f9ddb3cc423f1db4e.png?thumb=1&w=80&h=80&f=webp&q=90"><span
                                                class="zi3">Xiaomi MIX系列</span></p>
                                    </li>
                                    <li>
                                        <p class="a"><img
                                                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4ed8c4ca59357db902916b5b9dfb8016.png?thumb=1&w=80&h=80&f=webp&q=90"><span
                                                class="zi3">Xiaomi MIX系列</span></p>
                                    </li>
                                    <li>
                                        <p class="a"><img
                                                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/42436481ce985c1f69be688a15d7531e.png?thumb=1&w=80&h=80&f=webp&q=90"><span
                                                class="zi3">Xiaomi MIX系列</span></p>
                                    </li>
                                    <li>
                                        <p class="a"><img
                                                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2a6dfdc51ff25583042e86d9ae2697b3.png?thumb=1&w=80&h=80&f=webp&q=90"><span
                                                class="zi3">Xiaomi MIX系列</span></p>
                                    </li>
                                    <li>
                                        <p class="a"><img
                                                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c15a3d1b4e8bf2af17e6b5ad5559cfcb.png?thumb=1&w=80&h=80&f=webp&q=90"><span
                                                class="zi3">Xiaomi MIX系列</span></p>
                                    </li>
                                </ul>
            
                            </div>
            

            css

            .cechild1 {
                height: 454px;
                width: 266px;
                margin: 0;
                padding: 2px 0;
                list-style-type: none;
                background-color: white;
                position: relative;
                top: -58px;
                left: 234px;
                z-index: 10;
                border: 1px solid #e0e0e0;
                display: none;
                box-shadow: 2px 0px 10px #e0e0e0;
            }
            
            轮播图

            先写个盒子,把图放进去然后超出的隐藏

            然后用css动画使其平移

            <div class="banner-container">
            		<div class="banner-img-container">
            			<img src="./轮播图1.jpg" alt="">
            			<img src="./轮播图3.jpg" alt="">
            			<img src="./轮播图2.jpg" alt="">
            		</div>
            	</div>
            

            css部分

            .banner-container {
            		width: 1200px;
            		height: 400px;
            		/* 轮播图居中 */
            		margin: 1rem auto;
            		/* 隐藏超出展示容器的内容 */
            		overflow: hidden;
            		position: relative;
            	}
            
            	.banner-container .banner-img-container {
            		width: 6000px;
            		height: 400px;
            		overflow: hidden;
            		position: absolute;
            		/* 开启弹性盒,让图片横向排列 */
            		display: flex;
            		animation: run 10s ease infinite;
            	}
            
            	.banner-container .banner-img-container img {
            		width: 1200px;
            		height: 100%;
            	}
            
            	@keyframes run {
            
            		0%,
            		10% {
            			/* margin-left: 0; */
            			transform: translateX(0);
            		}
            
            		20%,
            		30% {
            			/* margin-left: -992px;; */
            			transform: translateX(-1200px);
            		}
            
            		40%,
            		50% {
            			/* margin-left: -1984px; */
            			transform: translateX(-2400px);
            		}
            
            		60%,
            		70% {
            			/* margin-left: -2976px; */
            			transform: translateX(-3600px);
            		}
            
            		80%,
            		90% {
            			/* margin-left: -3968px; */
            			transform: translateX(-4800px);
            		}
            
            		100% {
            			/* margin-left: 0; */
            			transform: translateX(0);
            		}
            	}
            

            body

            先写个大盒子,里面部分一块一块用div嵌套

            其中每个用

            • 然后用

              flex布局
               <div class="next2">
                              <div class="span1">
                                  <ul class="span1child">
                                      <li class="scc1"><img
                                              src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9613bd4127fede053f8ba5049eff0392.jpeg?thumb=1&w=468&h=1228&f=webp&q=90"
                                              width="234px" height="603px"></li>
                                  </ul>
                              </div>
                              <ul class="span2">
                                  <li class="next2child">
                                      <div class="nc1">
                                          <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202309200030_9a6a9bf107f4b4a7a25e4ccedf0c1174.png?thumb=1&w=400&h=400&f=webp&q=90"
                                              width="160px" height="160px">
                                      </div>
                                      <span class="zi5">Redmi Note 13 Pro</span>
                                      <p class="zi6"> 小金刚品质</p>
                                      <p class="price">1499元起</p>
                                  </li>
                                  <li class="next2child">
                                      <div class="nc1">
                                          <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202309200030_9a6a9bf107f4b4a7a25e4ccedf0c1174.png?thumb=1&w=400&h=400&f=webp&q=90"
                                              width="160px" height="160px">
                                      </div>
                                      <span class="zi5">Redmi Note 13 Pro</span>
                                      <p class="zi6"> 小金刚品质</p>
                                      <p class="price">1499元起</p>
                                  </li>
                                  <li class="next2child">
                                      <div class="nc1">
                                          <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202309200030_9a6a9bf107f4b4a7a25e4ccedf0c1174.png?thumb=1&w=400&h=400&f=webp&q=90"
                                              width="160px" height="160px">
                                      </div>
                                      <span class="zi5">Redmi Note 13 Pro</span>
                                      <p class="zi6"> 小金刚品质</p>
                                      <p class="price">1499元起</p>
                                  </li>
                                  <li class="next2child">
                                      <div class="nc1">
                                          <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202309200030_9a6a9bf107f4b4a7a25e4ccedf0c1174.png?thumb=1&w=400&h=400&f=webp&q=90"
                                              width="160px" height="160px">
                                      </div>
                                      <span class="zi5">Redmi Note 13 Pro</span>
                                      <p class="zi6"> 小金刚品质</p>
                                      <p class="price">1499元起</p>
                                  </li>
                                  <li class="next2child">
                                      <div class="nc1">
                                          <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202309200030_9a6a9bf107f4b4a7a25e4ccedf0c1174.png?thumb=1&w=400&h=400&f=webp&q=90"
                                              width="160px" height="160px">
                                      </div>
                                      <span class="zi5">Redmi Note 13 Pro</span>
                                      <p class="zi6"> 小金刚品质</p>
                                      <p class="price">1499元起</p>
                                  </li>
                                  <li class="next2child">
                                      <div class="nc1">
                                          <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202309200030_9a6a9bf107f4b4a7a25e4ccedf0c1174.png?thumb=1&w=400&h=400&f=webp&q=90"
                                              width="160px" height="160px">
                                      </div>
                                      <span class="zi5">Redmi Note 13 Pro</span>
                                      <p class="zi6"> 小金刚品质</p>
                                      <p class="price">1499元起</p>
                                  </li>
                                  <li class="next2child">
                                      <div class="nc1">
                                          <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202309200030_9a6a9bf107f4b4a7a25e4ccedf0c1174.png?thumb=1&w=400&h=400&f=webp&q=90"
                                              width="160px" height="160px">
                                      </div>
                                      <span class="zi5">Redmi Note 13 Pro</span>
                                      <p class="zi6"> 小金刚品质</p>
                                      <p class="price">1499元起</p>
                                  </li>
                                  <li class="next2child">
                                      <div class="nc1">
                                          <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202309200030_9a6a9bf107f4b4a7a25e4ccedf0c1174.png?thumb=1&w=400&h=400&f=webp&q=90"
                                              width="160px" height="160px">
                                      </div>
                                      <span class="zi5">Redmi Note 13 Pro</span>
                                      <p class="zi6"> 小金刚品质</p>
                                      <p class="price">1499元起</p>
                                  </li>
              
              
              
                              </ul>
                          </div>
              

              css

              .span2 {
                  display: flex;
                  flex-wrap: wrap;
                  justify-content: space-between;
                  width: 978px;
                  height: 614px;
                  background-color: #f5f5f5;
                  float: left;
                  margin-left: 14px;
                  min-height: 1px;
              }
              
              上移阴影效果

              hover然后是css的动画

              .next2child {
                  width: 234px;
                  height: 295px;
                  padding: 0;
                  background-color: white;
                  transition: all 0.5s;
              
              }
              
              .next2child:hover {
                  transform: translateY(-3px);
                  box-shadow: 0 3px 10px #b0b0b0;
              }
              

              第一横行用盒子框住里面用

              • 下面则用竖着的5个

                  最下面也用

                  标签描述

                    <p>
                                                  <span class="inforlast2">小米之家</span>
                                                  <span class="inforlast2">MIUI</span>
                                                  <span class="inforlast2">米家</span>
                                                  <span class="inforlast2">米聊</span>
                                                  <span class="inforlast2">多看</span>
                                                  <span class="inforlast2">游戏</span>
                                                  <span class="inforlast2">音乐</span>
                                                  <span class="inforlast2">政企服务</span>
                                                  <span class="inforlast2">小米天猫店</span>
                                                  <span class="inforlast2">小米集团隐私政策</span>
                                                  <span class="inforlast2">小米公司儿童信息保护规则</span>
                                                  <span class="inforlast2">小米商城隐私政策</span>
                                                  <span class="inforlast2">小米商城用户协议</span>
                                                  <span class="inforlast2">问题反馈</span>
                                                  <span class="inforlast3">select</span>
                  
                                              </p>
                                              <p>
                                                  <span class="inforlast3">Location</span>
                                              </p>
                                              <p>
                                                  <span class="inforlast2">北京互联网法院法律服务工作站</span>
                                                  <span class="inforlast2">中国消费者协会</span>
                                                  <span class="inforlast2">北京消费者协会</span>
                  
                                              </p>
                                              <p class="x"><span>mi.com</span>
                                                  <span> 京ICP证110507号
                                                  </span>
                                                  <span>京ICP备10046444号</span>
                                                  <span>京公网安备11010802020134号</span>
                                                  <span>京网文[2023]0169-004号</span><br>
                                                  <span>(京)网械平台备字(2018)第00005号</span>
                                                  <span>互联网药品信息服务资格证 (京)-非经营性-2014-0090</span>
                                                  <span>营业执照</span><br>
                                                  <span>医疗器械质量公告</span>
                                                  <span>食品经营许可证</span>
                                                  <span>mi.com</span>
                                                  <span> 京ICP证110507号
                                                  </span>
                                                  <span>京ICP备10046444号</span>
                                                  <span>京公网安备11010802020134号</span>
                                                  <span>京网文[2023]0169-004号</span><br>
                                                  <span>(京)网械平台备字(2018)第00005号</span>
                                                  <span>互联网药品信息服务资格证 (京)-非经营性-2014-0090</span>
                                                  <span>营业执照</span>
                                                  <span>医疗器械质量公告</span>
                                              </p>
                  

标签:2999,Redmi,小米,Xiaomi,civi3,官网,元起,left
From: https://www.cnblogs.com/ning-1/p/17779015.html

相关文章

  • 重磅升级!官网全新改版上线啦~
    新布局、新风格新体验、新服务棱镜七彩新版官网正式上线啦!各版块功能全新升级为广大用户提供更优质的服务体验!重构版块信息,用户需求一键直达新官网结构大焕新,升级后的官网根据用户需求进行了更合理的设置与规划,导航栏布局清晰,设有首页、产品与服务、解决方案、服务方案、新闻中心、......
  • 关闭小米手机的USB安装提示弹窗(及开发者模式找不到MIUI优化的解决办法)
    结论: 1.设置-更多设置-开发者选项(划到最底部)-关闭“MIUI优化”2.如果没有这个选项,在开发者选项界面底部,找一个重置默认设置之类的按钮,多点几次就出来了。(或执行 adbshellsettingsandputsecuremiui_optimization0 Source:https://xiaomilive.com/how-to-dis......
  • 全新操作系统澎湃OS启用!小米股价拉涨4%创近8个月新高 突破13港元
    受全新操作系统澎湃OS启用消息影响,小米(小米集团-W)港股盘中拉涨4.31%,报13.08港元触及近期高点,创今年2月以来新高。截稿前,小米涨4.15%,报13.06港元,市值3269亿港元。消息面上,小米集团董事长雷军今日在个人微博及公众号发布消息称,小米全新的操作系统“小米澎湃OS”(XiaomiHyperOS)......
  • pytorch官网方法安装报错 | 【解决方法】
    pytorch官网给出了两种安装方法condapytorch,去这里检查conda的pytorch的历史版本piptorch,去这里检查pip的torch的历史版本pytorch和torch的区别pip的torch集成了pytorch(cpu版的pytorch)和pytorch-cuda(GPU版的pytorch),所以只需要pipinstalltorch即可conda则是需要......
  • 有望逼近25万!小米汽车售价曝光:两大竞争优势 将直面华为问界等对手
    风国际证券分析师郭明錤日前发布研报称,小米汽车首款车型预计将在2024年发售,出货量预估5-6万台。郭明錤在报告中表示,华为新问界M7销售超预期,象征着中国电动车市场在制造方面因高度产业分工,竞争焦点已开始转移至自动驾驶、软件、营销与渠道。从小米的核心竞争力看,这样的新竞争格局......
  • 香港联通官网
    粤港澳大湾区建设中的通信需求具有以下特点:高速、稳定、安全的网络需求:随着粤港澳大湾区经济的快速发展,各类企业和机构对于高速、稳定、安全的网络需求越来越高。他们需要借助先进的通信技术,实现数据传输、信息共享、远程办公等功能,以提高工作效率和竞争力。多元化的通信服务需......
  • 学校官网
    首先对官网进行区域分块,如图所示先把三部分都放在一个大盒子里设置好背景色part1分为欢迎条,搜索栏,导航栏三部分搜索栏:分为左右两部分,进行浮动。给右边部分加入绝对定位与左边拉开间距。问题:1.input输入框太小了导航栏:问题:1.二级菜单把下面的内容顶下去 ......
  • 小米ac2100路由器输入openwrt固件
    工具小米ac2100路由器输入openwrt固件 2022年09月27日收录于话题#Openwrt #ac2100 OpenWrt可以被描述为一个嵌入式的 Linux 发行版。(主流路由器固件有dd-wrt,tomato,openwrt,padavan四类)对比一个单一的、静态的系统,OpenWrt的包管理提供了一个完全可写的文......
  • 【技术解密】RabbitMQ消息积压不消费怎么办?小米给你最佳解决方案!
    大家好,我是小米。今天我们来聊一下关于RabbitMQ的消费问题。有小伙伴私信我说“在使用RabbitMQ时会出现消费卡死的情况,重启服务后可以正常消费,但过一段时间消息又积压不消费了,只能再次重启服务”,这个问题确实令人头疼,但是不用担心,我们一起来解决这个难题!检查连接是否正确首先,我们......
  • 199元!小米机械键盘TKL发布:87键、两种轴体可选
    今日,小米机械键盘TKL正式发布,目前已在小米商城、小米有品众筹上线,众筹价199元,众筹结束后将恢复249元零售价。ID设计上,小米机械键盘TKL采用紧凑87键布局,压缩了F键区与主键区间距,保留F键区分割排列样式,键帽为科学布局,配合更大弧度,保证了稳定敲击,长时间不累手。据介绍,键帽采用双色......