制作识货的商品购买页面(注释加讲解)

news2025/1/15 20:55:49

在制作此页面时运用了浮动,绝对定位,固定定位,相对定位。这些可以让页面整洁美观。

商品购买页面里有很多的商品可大家观看最上面的搜索栏里可以打字下面的,首页,优惠,识物,登录注册都可以进行点击我们在制作这个页面的时候使用了多个div盒子和a链接还使用了浮动和定位, 页面整体下来很规整有多处跳转。

此页面的css:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        a{
            text-decoration: none; /* 让超链接取消下划线 */
            margin-top: 5px;
            color: #ffffff;
        }
        .box8-4:hover{
            color: rgb(255, 0, 0);
        }
        .box{
            font: 12px \5FAE\8F6F\96C5\9ED1,Arial,sans-serif;
            height: 50px;
            margin: 0 auto;
            padding: 19px 0 15px 0;
            position: relative;
            width: 1080px;
            z-index: 59;
        }
        .box1{
            float: left;
            width: 210px;
            height: 50px;
            
            overflow: hidden;
            margin-right: 40px;
        }
        .box2-1{
            position: relative;
            float: left;
            z-index: 300;
            height: 29px;
            width: 442px;
            border: 2px solid #ffffff;
        }
        .box2{
            position: relative;
            border: 2px solid #FF4338;
            float: left;
            height: 33px;
            margin-top: 8px;
            width: 500px;
        }
        .box3{
            background: url(./搜索号.png) no-repeat center center #FF4338;
            color: #fff;
            cursor: pointer;
            float: right;
            font-size: 16px;
            height: 33px;
            line-height: 33px;
            text-align: center;
            width: 54px;
        }
        .box4{
            margin-top: -8px;
            position: relative;
            z-index: 88;
            padding-left: 790px;
        }
        .box5{
            background-color: #FF4338;
            font: 12px \5FAE\8F6F\96C5\9ED1,Arial,sans-serif;
            min-width: 1080px;
            height: 40px;
            margin: 0 auto;
            position: relative;
            z-index: 58;
        }
        .box5-1{
            margin: 0 auto;
            position: relative;
            width: 1080px;
        }
        .box6{
            cursor: pointer;
            height: 40px;
            float: left;
            color: #ffffff;
            font-size: 20px;
        }
        .box7{
            width: 200px;
            height: 40px;
            float: right;
            background-color: #FF4338;
            padding-left: 5px;
        }
        .box7-1{
            display: inline-block;
            text-align: center;
            height: 22px;
            line-height: 22px;
            padding: 0 10px;
            border-radius: 10px;
            vertical-align: middle;
            margin-top: 8px;
            font-weight: bold;
            color: #fff;
        }
        .box7-2{
            width: 24px;
            height: 21px;
            display: inline-block;
            vertical-align: top;
            background: url(./购物车.png) no-repeat center top transparent;
        }
        .box7-3{
            margin-left: 10px;
            display: inline-block;
            /* line-height: 40px; */
            width: 80px;
            height: 4px;
        }
       .box11{
        border-top: 1px #dbdbdb dotted;
        text-align: center;
        padding-top: 20px;
        margin-top: 20px;
        margin-bottom: 30px;
       }

       .hhh1{
            width: 100%;
            height: 410px;
            background-color: #f6f6f6;
        }
        .hhh1-1{
            width: 800px;
            height: 400px;
            /* background-color: rebeccapurple; */
            position:relative;
            left: 550px;
        }
        .h1{
            width: 150px;
            height: 380px;
            display: inline-flex;
            margin-left: 35px;
            margin-top: -240px;
            line-height: 40px; /* 设置行高 */
            flex-direction: column-reverse;
        }
        .hh1{
            color: #353535;
        }
        .r2{
            text-align: center;
            color: #000000;
            position:relative;
            top: -370px;
            left: -40px; /* 左边距离 */
        }
        .r2-1{
            text-align: center;
            color: #000000;
            position:relative;
            top: -90px;
            left: -20px; /* 左边距离 */
        }
        .r2-2{
            text-align: center;
            color: #000000;
            position:relative;
            top: -130px;
            left: -20px; /* 左边距离 */
        }
        .r3{
            margin: 0 auto;
            margin-top: 5px;
            padding: 10px 40px;
            width: 1100px;
            color: #999;
            font-size: 12px;
            font-family: "Microsoft YaHei";
        }
        .r3-1{
            line-height: 2em;
            vertical-align: top;
            text-align: center;
        }
        .r3-2{
            text-align: center;
            margin-bottom: 30px;
        }
        .r3-3{
            width: 70px;
            height: 50px;
        }
        .rr1{
            width: 35px;
            height: 35px;
            position: absolute; /* 绝对定位 */
            left: 0px; /* 左边距离 */
            top: 5px;
        }
        .q1{
            width: 100%;
            height: 65px;
            
        }
        .q-1{
            width: 820px;
            height: 65px;
        }
        .q-1-1{
            width: 620px;
            height: 65px;
            position: absolute; /* 绝对定位 */
            left: 200px;
            top: 124px;
        }
        .w1{
            width: 70px;
            height: 65px;
        }
        .w-1{
            position: absolute; /* 绝对定位 */
            left: 77px; /* 左边距离 */
            top: 7px;
        }
        .w-1:hover{
            color: rgb(255, 0, 0);
        }
        .w-2:hover{
            color: rgb(255, 0, 0);
        }
        .w-3:hover{
            color: rgb(255, 0, 0);
        }
        .w-4:hover{
            color: rgb(255, 0, 0);
        }
        .w2{
            width: 70px;
            height: 65px;
            margin-left: 80px;
        }
        .w-2{
            position: absolute; /* 绝对定位 */
            left: 233px; /* 左边距离 */
            top: 7px;
        }
        .w3{
            width: 70px;
            height: 65px;
            margin-left: 80px;
        }
        .w-3{
            position: absolute; /* 绝对定位 */
            left:388px; /* 左边距离 */
            top: 7px;
        }
        .w4{
            width: 70px;
            height: 65px;
            margin-left: 80px;
        }
        .w-4{
            position: absolute; /* 绝对定位 */
            left:541px; /* 左边距离 */
            top: 7px;
        }
        .d1{
            width: 100%;
            height: 5025px;
            background: #f1f1f1;
        }
        .d-1{
            width: 1010px;
            height: 340px;
            position: absolute; /* 绝对定位 */
            left:200px; /* 左边距离 */
            top: 200px;
        }
        .d-01{
            width: 250px;
            height: 340px;
            background-color: #fff;
        }
        .d-02{
            width: 250px;
            height: 20px;
            margin-top: 20px;
            margin-left: 10px;

        }
        .d-02 a{
            margin-left: 10px;
        }
            a.one:link {color:#333;}
            a.one:visited {color:#333;}
            a.one:hover {color:red;}
        .ww{
                padding-top: 10px;
         }
        .y1{
            width: 540px;
            height: 340px;
            position: absolute; /* 绝对定位 */
            left:470px; /* 左边距离 */
            top: 220px;
        }
        .y1 img{
            width: 540px;
            height: 250px;
        }
        .y-1 img{
            width: 265px;
            height: 80px;
            float: left;
            margin-top: 5px;
        }
        .y-01{
            margin-right: 10px;
        }
        .y2{
            width: 270px;
            height: 340px;
            position: absolute; /* 绝对定位 */
            left:1030px; /* 左边距离 */
            top: 219px;
            background-color: #fff;
        }
        .y-2{
            width: 240px;
            height: 80px;
            padding-top: 15px;
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 5px;
        }
        .y-2 img{
            width: 50px;
            height: 50px;
            border-radius: 100%;
        }
        .y3{
            width: 180px;
            height: 42px;
            float: right;
            margin-top: 5px;
            margin-bottom: 10px;
            font-size: 14px;
        }
        .y-3{
            color: #666;
            margin-top: 5px;
        }
            a.two:link {color:#5188a6;}
            a.two:visited {color:#5188a6;}
            a.two:hover {color:#5188a6;}
        .y4{
            width: 180px;
            height: 35px;
            float: right;
            position: absolute; /* 绝对定位 */
            left:75px; /* 左边距离 */
            top: 65px;
        }
        .y4 a{
            background: #FF4338;
            color: #fff;
            font-size: 14px;
            padding: 5px 10px;
            border-radius: 3px;
            display: inline-block;
            margin-right: 10px;
            text-align: center;
        }
        .y5{
            width: 270px;
            height: 60px;
            margin-top: 13px;
            font-size: 14px;
            border-bottom: 1px solid #eee;
        }
            a.t3:link {color:#333;}
            a.t3:visited {color:#333;}
            a.t3:hover {color:red;}
        .t4{
            position: absolute; /* 绝对定位 */
            left:13px; /* 左边距离 */
            top: 136px;
        }
        .t3{
            position: absolute; /* 绝对定位 */
            left:13px; /* 左边距离 */
        }
        .t5{
            position: absolute; /* 绝对定位 */
            left:149px; /* 左边距离 */
            top: 136px;
        }
        .t6{
            position: absolute; /* 绝对定位 */
            left:149px; /* 左边距离 */
            top: 109px;
        }
        .y6{
            width: 270px;
            height: 160px;
            font-size: 14px;
            color: #333;
        }
        .s1{
            width: 87px;
            height: 58px;
            display: inline-flex;
            margin-top: 10px;
            margin-bottom: 20px;
        }
        .s2{
            width: 87px;
            height: 58px;
            display: inline-flex;
            margin-bottom: 20px;
            margin-top: 10px;
        }
        .s3{
            width: 87px;
            height: 58px;
            display: inline-flex;
            margin-bottom: 20px;
            margin-top: 10px;
        }
        .s4{
            width: 87px;
            height: 58px;
            display: inline-flex;
        }
        .s5{
            width: 87px;
            height: 58px;
            display: inline-flex;
        }
        .y6 img{
            margin-left: 20px;
        }
        .ss{
            width: 87px;
            height: 20px;
            position: absolute; /* 绝对定位 */
            left:-5px; /* 左边距离 */
            top: 220px;
            text-align: center;
        }
        .sy{
            width: 87px;
            height: 20px;
            position: absolute; /* 绝对定位 */
            left:87px; /* 左边距离 */
            top: 220px;
            text-align: center;
        }
        .se{
            width: 87px;
            height: 20px;
            position: absolute; /* 绝对定位 */
            left:187px; /* 左边距离 */
            top: 220px;
            text-align: center;
        }
        .su{
            width: 87px;
            height: 20px;
            position: absolute; /* 绝对定位 */
            left:-3px; /* 左边距离 */
            top: 297px;
            text-align: center;
        }
        .so{
            width: 87px;
            height: 20px;
            position: absolute; /* 绝对定位 */
            left:85px; /* 左边距离 */
            top: 297px;
            text-align: center;
        }
        .z1{
            width: 780px;
            height: 280px;
            background-color:#fff;
            padding: 15px;
            border-top: 2px solid #FF4338;
            position: absolute; /* 绝对定位 */
            left:200px; /* 左边距离 */
            top: 574px;
        }
        .z2{
            width: 770px;
            height: 30px;
        }
        .z2 b{
            font-size: 18px;
            color:#000;
        }
        .zz{
            width: 470px;
            height: 26px;
            float: right;
            margin-top: 4px;
        }
        .i2{
            border: 1px #666 solid;
            margin-left: 15px;
            padding:3px 8px;
        }
        .ii{
            margin-left: 15px;
            padding:3px 8px;
        }
            a.i1:link {color:#333;}
            a.i1:visited {color:#333; }
            a.i1:hover {color:red; border-color:red;}
        .zz span{
            position: absolute; /* 绝对定位 */
            left:753px; /* 左边距离 */
            top: 18px;
        }
        .z3{
            width: 770px;
            height: 230px;
            margin-top: 16px;
        }
        .x1{
            width: 138px;
            height: 230px;
            margin-right: 15px;
            display: inline-flex;
        }
        .x2{
            width: 138px;
            height: 230px;
            display: inline-flex;
        }
        .o1{
            width: 240px;
            height: 324px;
            position: absolute; /* 绝对定位 */
            left:1029px; /* 左边距离 */
            top: 574px;
            padding: 15px;
            margin-bottom: 10px;
            background-color: #fff;
        }
        .o1 b{
            font-size: 18px;
            color: #000;
        }
            a.o2:link {color:#666;}
            a.o2:visited {color:#666; }
            a.o2:hover {color:red;}
        .o3{
            width: 240px;
            height: 55px;
            margin-top: 20px;
        }
            a.oo:link {color:#333;}
            a.oo:visited {color:#333; }
            a.oo:hover {color:red;}
        .o2{
            margin-left: 110px;
        }
        .oo{
            font-size: 14px;
        }
        .ff{
            width: 175px;
            height: 47px;
            float: right;
        }
        .vv{
            width: 138px;
            height: 43px;
            margin-top: 15px;
            position: absolute; /* 绝对定位 */
            left:px; /* 左边距离 */
            top: 200px;
            font-size: 14px;
        }
        .x1 p{
            color: #FF4338;
            font-size: 14px;
            width: 138px;
            height: 19px;
            position: absolute; /* 绝对定位 */
            left:px; /* 左边距离 */
            top: 252px;
            margin-top: 15px;
        }
        .x2 p{
            color: #FF4338;
            font-size: 14px;
            width: 138px;
            height: 19px;
            position: absolute; /* 绝对定位 */
            left:px; /* 左边距离 */
            top: 252px;
            margin-top: 15px;
        }
        .p1{
            width: 780px;
            height: 260px;
            padding: 15px;
            margin-bottom: 10px;
            background-color: rgb(255, 255, 255);
            position: absolute; /* 绝对定位 */
            left:200px; /* 左边距离 */
            top: 900px;
        }
        .p1-1{
            width: 780px;
            height: 260px;
            padding: 15px;
            margin-bottom: 10px;
            background-color: rgb(255, 255, 255);
            position: absolute; /* 绝对定位 */
            left:200px; /* 左边距离 */
            top: 1210px;
        }
        .p1-2{
            width: 780px;
            height: 260px;
            padding: 15px;
            margin-bottom: 10px;
            background-color: rgb(255, 255, 255);
            position: absolute; /* 绝对定位 */
            left:200px; /* 左边距离 */
            top: 1520px;
        }
        .p1-3{
            width: 820px;
            height: 260px;
            padding: 15px;
            margin-bottom: 10px;
            /* background-color: rgb(255, 255, 255); */
            position: absolute; /* 绝对定位 */
            left:185px; /* 左边距离 */
            top: 1810px;
        }
        .p1-4{
            width: 780px;
            height: 260px;
            padding: 15px;
            margin-bottom: 10px;
            background-color: rgb(255, 255, 255);
            position: absolute; /* 绝对定位 */
            left:200px; /* 左边距离 */
            top: 2185px;
        }
        .p1-5{
            width: 780px;
            height: 260px;
            padding: 15px;
            margin-bottom: 10px;
            background-color: rgb(255, 255, 255);
            position: absolute; /* 绝对定位 */
            left:200px; /* 左边距离 */
            top: 2495px;
        }
        .p1-6{
            width: 820px;
            height: 260px;
            padding: 15px;
            margin-bottom: 10px;
            /* background-color: rgb(255, 255, 255); */
            position: absolute; /* 绝对定位 */
            left:185px; /* 左边距离 */
            top: 2800px;
        }

        .p1-7{
            width: 780px;
            height: 260px;
            padding: 15px;
            margin-bottom: 10px;
            background-color: rgb(255, 255, 255);
            position: absolute; /* 绝对定位 */
            left:200px; /* 左边距离 */
            top: 3180px;
        }
        .p1-8{
            width: 780px;
            height: 260px;
            padding: 15px;
            margin-bottom: 10px;
            background-color: rgb(255, 255, 255);
            position: absolute; /* 绝对定位 */
            left:200px; /* 左边距离 */
            top: 3495px;
        }
        .p1-9{
            width: 820px;
            height: 260px;
            padding: 15px;
            margin-bottom: 10px;
            /* background-color: rgb(255, 255, 255); */
            position: absolute; /* 绝对定位 */
            left:185px; /* 左边距离 */
            top: 3795px;
        }


        .p1-10{
            width: 780px;
            height: 260px;
            padding: 15px;
            margin-bottom: 10px;
            background-color: rgb(255, 255, 255);
            position: absolute; /* 绝对定位 */
            left:200px; /* 左边距离 */
            top: 4170px;
        }
        .p1-11{
            width: 780px;
            height: 260px;
            padding: 15px;
            margin-bottom: 10px;
            background-color: rgb(255, 255, 255);
            position: absolute; /* 绝对定位 */
            left:200px; /* 左边距离 */
            top: 4480px;
        }
        .p1-12{
            width: 820px;
            height: 260px;
            padding: 15px;
            margin-bottom: 10px;
            /* background-color: rgb(255, 255, 255); */
            position: absolute; /* 绝对定位 */
            left:185px; /* 左边距离 */
            top: 4775px;
        }
        .p1-13{
            width: 780px;
            height: 20px;
            padding: 15px;
            margin-bottom: 10px;
            background-color: rgb(255, 255, 255);
            position: absolute; /* 绝对定位 */
            left:200px; /* 左边距离 */
            top: 5145px;
        }
        .p1-14{
            position: absolute; /* 绝对定位 */
            left:365px; /* 左边距离 */
            top: 15px;
        }
        .p1-14-1{
            position: absolute; /* 绝对定位 */
            left:430px; /* 左边距离 */
            top: 18px;
        }
        .p2 b{
            font-size: 18px;
            color: #000;
        }
            a.o2:link {color:#666;}
            a.o2:visited {color:#666; }
            a.o2:hover {color:red;}
        .p2{
            width: 240px;
            height: 324px;
            position: absolute; /* 绝对定位 */
            left:1029px; /* 左边距离 */
            top: 942px;
            padding: 15px;
            margin-bottom: 10px;
            background-color: #fff;
        }
        .p3{
            width: 240px;
            height: 78px;
            margin-top: 20px;
        }
        .p4{
            width: 156px;
            height: 40px;
            position: absolute; /* 绝对定位 */
            left:98px; /* 左边距离 */
            top: 63px;
            font-size: 14px;
        }
        .p5{
            width: 156px;
            height: 40px;
            position: absolute; /* 绝对定位 */
            left:98px; /* 左边距离 */
            top: 160px;
            font-size: 14px;
        }
        .p6{
            width: 156px;
            height: 40px;
            position: absolute; /* 绝对定位 */
            left:98px; /* 左边距离 */
            top: 260px;
            font-size: 14px;
        }
        .p7{
            width: 156px;
            height: 25px;
            position: absolute; /* 绝对定位 */
            left:97px; /* 左边距离 */
            top: 115px;
            color: #FF4338;
            font-size: 14px;
        }
        .p8{
            width: 156px;
            height: 25px;
            position: absolute; /* 绝对定位 */
            left:97px; /* 左边距离 */
            top: 206px;
            color: #FF4338;
            font-size: 14px;
        }
        .p9{
            width: 156px;
            height: 25px;
            position: absolute; /* 绝对定位 */
            left:97px; /* 左边距离 */
            top: 310px;
            color: #FF4338;
            font-size: 14px;
        }
        .yhy{
            width: 250px;
            height: 250px;
        }
        .yhy1{
            position: absolute; /* 绝对定位 */
            left:280px; /* 左边距离 */
            top: 15px;
            color: #000000;
            font-size: 14px;
        }
        .yhy2{
            font-size: 15px;
        }
        .yhy3{
            margin-right: 3px;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            vertical-align: middle;
        }
        .yhy5{
            position: absolute; /* 绝对定位 */
            left:410px; /* 左边距离 */
            top: 240px;
            color: #999;
        }
        .yhy5-1:hover{
            color: red;
        }
        .yhy2:hover{
            color: #ff0000;
        }
        .yhy6{
            width: 45px;
            height: 25px;
            position: absolute; /* 绝对定位 */
            left: 0px; /* 左边距离 */
            top: 0px;
        }
        .hhq{
            background: url(./返回顶部.jpg) no-repeat;
            width: 50px;
            height: 55px;
            margin-right: -630px;
            position: fixed;
            right: 50%;
            text-indent: -99999px;
            z-index: 9;
            bottom: 0px;
        }
        .hhq-1{
            background: url(./意见反馈.png) no-repeat right center;
            width: 40px;
            height: 50px;
            margin-right: -622px;
            position: fixed;
            right: 50%;
            text-indent: -99999px;
            width: 42px;
            z-index: 9;
            bottom: 60px;
        }
        .yhy7{
            float: left;
            width: 243px;
            height: 320px;      
            padding: 10px;
            background-color: #fff;
            margin-right: 10px;
        }
        .yhy8{
            display: block;
            width: 240px;
            position: absolute;
            top: 50%;
            margin-top: -120px;
        }
        .yhy8-1{
            margin-top: 238px;
            color: #333;
            font-size: 16px;
            font-weight: 700;
            line-height: 18px;
            height: 19px;
            overflow: hidden;
        }
        .yhy9{
            margin-top: 25px;
            color: #FF4338;
            font-weight: 700;
        }
        .yhy9-1{
            margin-top: 6px;
            color: #FF4338;
            font-weight: 700;
        }
    </style>

 此页面的基础代码~~~

</head>
<body>
    <form action="">
     <div class="box"> 
     <div class="box1"> <img src="./识货app.png" alt=""></div>
     
     <div class="box2">
     <div> <input type="text" class="box2-1" placeholder="输入海外商品链接或关键词,点击搜索一键购!"></div>
     <div class="box3"></div>
     </div>
     <div class="box4"> <img src="./二维码.png" alt=""></div> 
     </div>

     <div class="box5">
        <div class="box5-1">
            <span ><a href="../项目  首页/识货app.html" class="box6">首页 &emsp; </a></span>
            <span ><a href="../项目 购物帮助页面/购物帮助.html" class="box6">优惠 &emsp;</a></span>
            <span ><a href="../项目 社区精选页面/社区精选页面.html" class="box6">团购 &emsp;</a></span>
            <span ><a href="../项目  首页/识货app.html" class="box6">识物 &emsp;</a></span>
        </div>

        <div class="box7">
            <div class="box7-1"> <span class="box7-2"></span> &times;  <b>0</b> <div class="box7-3"> <a href="../项目 登录/注册页面/登录注册页面.html">登录</a> <span>|</span> <a href="../项目 登录/注册页面/登录注册页面.html">注册</a></div> </div>
        </div></div>
        <div class="q1">
            <div class="q-1">
                <div class="q-1-1">
                    <img src="./鞋1.jpg" alt="" class="w1">
                    <span class="w-1">篮球</span>
                    <img src="./外套1.jpg" alt="" class="w2">
                    <span class="w-2">潮流</span>
                    <img src="./鞋2.jpg" alt="" class="w3">
                    <span class="w-3">跑步</span>
                    <img src="./平板1.jpg" alt="" class="w4">
                    <span class="w-4">数码</span>
                </div>
            </div>
        </div>
        <!-- 中间部分最大的盒子 -->
        <div class="d1">
            <div class="d-1">
                <div class="d-01">
                    <div class="d-02 ww">
                        <img src="./红1.png" alt="">
                        <a href="./鞋子01.jpg" class="one">休闲鞋</a>
                        <a href="#" class="one">跑鞋</a>
                        <a href="#" class="one">篮球鞋</a>
                    </div>
                    <div class="d-02">
                        <img src="./红2.png" alt="">
                        <a href="#" class="one">紧身衣</a>
                        <a href="#" class="one">运动短袖</a>
                    </div>
                    <div class="d-02">
                        <img src="./红3.png" alt="">
                        <a href="#" class="one">T恤</a>
                        <a href="#" class="one">衬衫</a>
                        <a href="#" class="one">夹克</a>
                        <a href="#" class="one">休闲裤</a>
                    </div>
                    <div class="d-02">
                        <img src="./红4.png" alt="">
                        <a href="#" class="one">篮球配件</a>
                        <a href="#" class="one">双肩包</a>
                        <a href="#" class="one">篮球</a>
                    </div>
                    <div class="d-02">
                        <img src="./红5.png" alt="">
                        <a href="#" class="one">手机通讯</a>
                        <a href="#" class="one">手机配件</a>
                    </div>
                    <div class="d-02">
                        <img src="./红6.png" alt="">
                        <a href="#" class="one">笔记本电脑</a>
                        <a href="#" class="one">耳机</a>
                    </div>
                    <div class="d-02">
                        <img src="./红7.png" alt="">
                        <a href="#" class="one">帽子配饰</a>
                        <a href="#" class="one">饰品手表</a>
                    </div>
                    <div class="d-02">
                        <img src="./红8.png" alt="">
                        <a href="#" class="one">耐克</a>
                        <a href="#" class="one">亚马逊</a>
                        <a href="#" class="one">京东</a>
                    </div>
                </div>
            </div>
            <div class="y1">
                <img src="./外国男的1.png" alt="">
                <div class="y-1">
                    <img src="./好价1.png" alt="" class="y-01">
                </div>
                <div class="y-1">
                    <img src="./鞋小图1.png" alt="">
                </div>
            </div>
            <div class="y2">
                <div class="y-2">
                    <img src="./小人脸图标1.png" alt="">
                    <div class="y3">
                        <p>Hi! 你好</p>
                        <p class="y-3">点此<a href="../项目 登录/注册页面/登录注册页面.html" class="two">登录</a>,发现更多精彩</p>
                    </div>
                    <div class="y4">
                        <a href="../项目 登录/注册页面/登录注册页面.html">登录</a>
                        <a href="../项目 登录/注册页面/验证码登录.html">免费注册</a>
                    </div>
                </div>
                <div class="y5">
                    <a href="#" class="t3">一键海淘全球好货</a>
                    <a href="#" class="t3 t6">识货3月招聘信息</a>
                    <br>
                    <a href="#" class="t3 t4">好物指南精选推荐</a>
                    <a href="#" class="t3 t5">医药保健助力健康</a>
                </div>
                <div class="y6">
                    <div class="s1">
                        <img src="./11.png" alt="" width="38px" height="38px">
                        <div class="ss">一键海淘</div>
                    </div>
                    <div class="s2">
                        <img src="./22.png" alt="" width="38px" height="38px">
                        <div class="sy">识货众测</div>
                    </div>
                    <div class="s3">
                        <img src="./55.png" alt="" width="57px" height="38px">
                        <div class="se">全网白菜</div>
                    </div>
                    <div class="s4">
                        <img src="./33.png" alt="" width="38px" height="38px">
                        <div class="su">装备鉴定</div>
                    </div>
                    <div class="s5">
                        <img src="./44.png" alt="" width="38px" height="38px">
                        <div class="so">优惠券</div>
                    </div>
                </div>
            </div> 
            <div class="z1">
                <div class="z2">
                    <b>今日优惠精选</b>
                    <div class="zz">
                        <a href="#" class="i1 i2">运动</a>
                        <a href="#" class="i1 i2">男装</a>
                        <a href="#" class="i1 i2">美食</a>
                        <a href="#" class="i1 i2">生活</a>
                        <a href="#" class="i1 i2">数码</a>
                        <a href="#" class="i1 ii">更多好价</a>
                        <span style="color: #666;">></span>
                    </div>
                </div>
                <div class="z3">
                    <div class="x1">
                        <img src="./2.jpg" alt="" width="138px" height="138px">
                        <div class="vv">
                            <a href="#" class="oo">每日神券:各大商城必领神券 3月31日更新</a>
                        </div>
                        <p>a21领取10元</p>
                    </div>
                    <div class="x1">
                        <img src="./3.jpg" alt="" width="138px" height="138px">
                        <div class="vv">
                            <a href="#" class="oo">男女夏款多功能手提双肩背包</a>
                        </div>
                        <p>立减80</p>
                    </div>
                    <div class="x1">
                        <img src="./1.jpg" alt="" width="138px" height="138px">
                        <div class="vv">
                            <a href="#" class="oo">Nestle 雀巢 安骼脱脂奶粉 400g*4袋</a>
                        </div>
                        <p>190.6元包邮(需用</p>
                    </div>
                    <div class="x1">
                        <img src="./5.jpg" alt="" width="138px" height="138px">
                        <div class="vv">
                            <a href="#" class="oo">京东自营图书限时促销-每满100减50元</a>
                        </div>
                        <p>满100减50元</p>
                    </div>
                    <div class="x2">
                        <img src="./4.jpg" alt="" width="138px" height="138px">
                        <div class="vv">
                            <a href="#" class="oo">天猫潮人节/新势力周: 满300减20,满</a>
                        </div>
                        <p>双重活动来袭!</p>
                    </div>
                </div>
            </div>  
            <div class="o1">
                <b>精选好文</b>
                <a href="#" class="o2">更多</a>
                <span style="color: #666;">></span>
                <div class="o3">
                    <img src="./aa.jpg" alt="" width="55px" height="37px">
                    <div class="ff">
                        <a href="#" class="oo">Reno3元气版,告诉你女神的手机该是什么样子</a>
                    </div>
                </div>
                <div class="o3">
                    <img src="./bb.png" alt="" width="55px" height="55px">
                    <div class="ff">
                        <a href="#" class="oo">致敬与回归,浴火而重生|安踏KT5测评报告</a>
                    </div>
                </div>
                <div class="o3">
                    <img src="./cc.jpg" alt="" width="55px" height="55px">
                    <div class="ff">
                        <a href="#" class="oo">从入门到进阶,户外跑鞋装备有讲究</a>
                    </div>
                </div>
                <div class="o3">
                    <img src="./dd.jpg" alt="" width="55px" height="55px">
                    <div class="ff">
                        <a href="#" class="oo">除了战靴,这些性价比篮球装备你get了嘛?</a>
                    </div>
                </div>
            </div>
            <div class="p1">
                <img src="./置顶标签.png" alt="" class="yhy6">
                 <img src="./招募啦!!!.png" alt="" class="yhy">
                 <span> <img src="./识货!!!.jpg" alt="" class="yhy3"> 识货App</span>
                 <div class="yhy1"> <span class="yhy2"> <b>识货邀你来实习!校园运动之星招募开启啦!</b> <span class="yhy5"><img src="./爱心.png" alt=""> <span class="yhy5-1">143</span>   <img src="./聊天框.png" alt=""><span class="yhy5-1">28</span> </span></span> <br> <br> 
                    <div > 识货校园运动之星招募开启啦! 只要你是在校学生、热爱运动,喜欢球鞋潮流文 <br> 化,并具备一定的照片摄影、图文编辑能力,有一颗愿意分享的心......你就是我们</div>
                 </div>
            </div>

            <div class="p1-1">
                
                 <img src="./鞋子01.jpg" alt="" class="yhy">
                 <span> <img src="./头像01.jpg" alt="" class="yhy3"> Leunghongjian</span>
                 <div class="yhy1"> <span class="yhy2"> <b>阿迪祭出大招,LS+Boost会是最强缓震吗?</b> <span class="yhy5"><img src="./爱心.png" alt=""> <span class="yhy5-1">6</span>   <img src="./聊天框.png" alt=""><span class="yhy5-1"> &nbsp;0</span> </span></span> <br> <br> 
                    <div >阿迪祭出大招,LS+Boost会是最强缓震吗? 若提及实战党们最在意球鞋哪方面的<br>性能,其中缓震这一硬指标无疑是重中之重。各大运动品牌针对这方面的性能个个 </div>
                 </div>
            </div>

            <div class="p1-2">
                
                 <img src="./鞋子02.jpg" alt="" class="yhy">
                 <span> <img src="./头像02.jpg" alt="" class="yhy3"> 穿拖鞋不打球</span>
                 <div class="yhy1"> <span class="yhy2"> <b>识货邀你来实习!校园运动之星招募开启啦!</b> <span class="yhy5"><img src="./爱心.png" alt=""> <span class="yhy5-1">9</span>   <img src="./聊天框.png" alt=""><span class="yhy5-1"> &nbsp; 0</span> </span></span> <br> <br> 
                    <div >
                        识货校园运动之星招募开启啦! 只要你是在校学生、热爱运动,喜欢球鞋潮流文 <br>
                        化,并具备一定的照片摄影、图文编辑能力,有一颗愿意分享的心......你就是我们</div>
                    </div>
            </div>
            
            



            <div class="p1-3">
                <div class="yhy7"><img src="./鞋子03.jpg" alt="" class="yhy8"> 
                <div class="yhy8-1">Nike Tanjun</div>
                <p class="yhy2">“简约的奥利奥配色系列,简洁大方。”</p>
                <div class="yhy9-1">¥217.00</div>
                </div>
                <div class="yhy7"><img src="./鞋子04.jpg" alt="" class="yhy8"> 
                    <div class="yhy8-1">adidas Ultra Boost 4.0</div>
                    <p class="yhy2">“白武上,符合夏天的味道。”</p>
                    <div class="yhy9">¥399.00</div>
                </div>

                <div class="yhy7"><img src="./鞋子05.jpg" alt="" class="yhy8"> 
                    <div class="yhy8-1">Vans Old Skool</div>
                    <p class="yhy2">“经典黑白配色,百搭易驾驭。”</p>
                    <div class="yhy9">¥338.00</div>
                </div>
            </div>

            
            <div class="p1-4">
                
                <img src="./鞋子08.jpg" alt="" class="yhy">
                <span> <img src="./头像03.jpg" alt="" class="yhy3"> Leunghongjian</span>
                <div class="yhy1"> <span class="yhy2"> <b>阿迪祭出大招,LS+Boost会是最强缓震吗?</b> <span class="yhy5"><img src="./爱心.png" alt=""> <span class="yhy5-1">6</span>   <img src="./聊天框.png" alt=""><span class="yhy5-1"> &nbsp;0</span> </span></span> <br> <br> 
                   <div >阿迪祭出大招,LS+Boost会是最强缓震吗? 若提及实战党们最在意球鞋哪方面的<br>性能,其中缓震这一硬指标无疑是重中之重。各大运动品牌针对这方面的性能个个 </div>
                </div>
           </div>

           <div class="p1-5">
               
                <img src="./鞋子09.jpg" alt="" class="yhy">
                <span> <img src="./头像04.jpg" alt="" class="yhy3"> 穿拖鞋不打球</span>
                <div class="yhy1"> <span class="yhy2"> <b>识货邀你来实习!校园运动之星招募开启啦!</b> <span class="yhy5"><img src="./爱心.png" alt=""> <span class="yhy5-1">9</span>   <img src="./聊天框.png" alt=""><span class="yhy5-1"> &nbsp; 0</span> </span></span> <br> <br> 
                   <div >
                       识货校园运动之星招募开启啦! 只要你是在校学生、热爱运动,喜欢球鞋潮流文 <br>
                       化,并具备一定的照片摄影、图文编辑能力,有一颗愿意分享的心......你就是我们</div>
                   </div>
           </div>

           <div class="p1-6">
            <div class="yhy7"><img src="./鞋子06.png" alt="" class="yhy8"> 
            <div class="yhy8-1">Nike Tanjun</div>
            <p class="yhy2">“简约的奥利奥配色系列,简洁大方。”</p>
            <div class="yhy9-1">¥217.00</div>
            </div>
            <div class="yhy7"><img src="./鞋子07.png" alt="" class="yhy8"> 
                <div class="yhy8-1">adidas Ultra Boost 4.0</div>
                <p class="yhy2">“白武上,符合夏天的味道。”</p>
                <div class="yhy9">¥399.00</div>
            </div>

            <div class="yhy7"><img src="./鞋子05.jpg" alt="" class="yhy8"> 
                <div class="yhy8-1">Vans Old Skool</div>
                <p class="yhy2">“经典黑白配色,百搭易驾驭。”</p>
                <div class="yhy9">¥338.00</div>
            </div>
            </div>




            <div class="p1-7">
                
                <img src="./鞋子01.jpg" alt="" class="yhy">
                <span> <img src="./头像01.jpg" alt="" class="yhy3"> Leunghongjian</span>
                <div class="yhy1"> <span class="yhy2"> <b>阿迪祭出大招,LS+Boost会是最强缓震吗?</b> <span class="yhy5"><img src="./爱心.png" alt=""> <span class="yhy5-1">6</span>   <img src="./聊天框.png" alt=""><span class="yhy5-1"> &nbsp;0</span> </span></span> <br> <br> 
                   <div >阿迪祭出大招,LS+Boost会是最强缓震吗? 若提及实战党们最在意球鞋哪方面的<br>性能,其中缓震这一硬指标无疑是重中之重。各大运动品牌针对这方面的性能个个 </div>
                </div>
           </div>

           <div class="p1-8">
               
                <img src="./鞋子02.jpg" alt="" class="yhy">
                <span> <img src="./头像02.jpg" alt="" class="yhy3"> 穿拖鞋不打球</span>
                <div class="yhy1"> <span class="yhy2"> <b>识货邀你来实习!校园运动之星招募开启啦!</b> <span class="yhy5"><img src="./爱心.png" alt=""> <span class="yhy5-1">9</span>   <img src="./聊天框.png" alt=""><span class="yhy5-1"> &nbsp; 0</span> </span></span> <br> <br> 
                   <div >
                       识货校园运动之星招募开启啦! 只要你是在校学生、热爱运动,喜欢球鞋潮流文 <br>
                       化,并具备一定的照片摄影、图文编辑能力,有一颗愿意分享的心......你就是我们</div>
                   </div>
           </div>

           <div class="p1-9">
            <div class="yhy7"><img src="./鞋子03.jpg" alt="" class="yhy8"> 
            <div class="yhy8-1">Nike Tanjun</div>
            <p class="yhy2">“简约的奥利奥配色系列,简洁大方。”</p>
            <div class="yhy9-1">¥217.00</div>
            </div>
            <div class="yhy7"><img src="./鞋子04.jpg" alt="" class="yhy8"> 
                <div class="yhy8-1">adidas Ultra Boost 4.0</div>
                <p class="yhy2">“白武上,符合夏天的味道。”</p>
                <div class="yhy9">¥399.00</div>
            </div>

            <div class="yhy7"><img src="./鞋子05.jpg" alt="" class="yhy8"> 
                <div class="yhy8-1">Vans Old Skool</div>
                <p class="yhy2">“经典黑白配色,百搭易驾驭。”</p>
                <div class="yhy9">¥338.00</div>
            </div>
            </div>



            <div class="p1-10">
                
                <img src="./鞋子01.jpg" alt="" class="yhy">
                <span> <img src="./头像01.jpg" alt="" class="yhy3"> Leunghongjian</span>
                <div class="yhy1"> <span class="yhy2"> <b>阿迪祭出大招,LS+Boost会是最强缓震吗?</b> <span class="yhy5"><img src="./爱心.png" alt=""> <span class="yhy5-1">6</span>   <img src="./聊天框.png" alt=""><span class="yhy5-1"> &nbsp;0</span> </span></span> <br> <br> 
                   <div >阿迪祭出大招,LS+Boost会是最强缓震吗? 若提及实战党们最在意球鞋哪方面的<br>性能,其中缓震这一硬指标无疑是重中之重。各大运动品牌针对这方面的性能个个 </div>
                </div>
           </div>

           <div class="p1-11">
               
                <img src="./鞋子02.jpg" alt="" class="yhy">
                <span> <img src="./头像02.jpg" alt="" class="yhy3"> 穿拖鞋不打球</span>
                <div class="yhy1"> <span class="yhy2"> <b>识货邀你来实习!校园运动之星招募开启啦!</b> <span class="yhy5"><img src="./爱心.png" alt=""> <span class="yhy5-1">9</span>   <img src="./聊天框.png" alt=""><span class="yhy5-1"> &nbsp; 0</span> </span></span> <br> <br> 
                   <div >
                       识货校园运动之星招募开启啦! 只要你是在校学生、热爱运动,喜欢球鞋潮流文 <br>
                       化,并具备一定的照片摄影、图文编辑能力,有一颗愿意分享的心......你就是我们</div>
                   </div>
           </div>

           <div class="p1-12">
            <div class="yhy7"><img src="./鞋子03.jpg" alt="" class="yhy8"> 
            <div class="yhy8-1">Nike Tanjun</div>
            <p class="yhy2">“简约的奥利奥配色系列,简洁大方。”</p>
            <div class="yhy9-1">¥217.00</div>
            </div>
            <div class="yhy7"><img src="./鞋子04.jpg" alt="" class="yhy8"> 
                <div class="yhy8-1">adidas Ultra Boost 4.0</div>
                <p class="yhy2">“白武上,符合夏天的味道。”</p>
                <div class="yhy9">¥399.00</div>
            </div>

            <div class="yhy7"><img src="./鞋子05.jpg" alt="" class="yhy8"> 
                <div class="yhy8-1">Vans Old Skool</div>
                <p class="yhy2">“经典黑白配色,百搭易驾驭。”</p>
                <div class="yhy9">¥338.00</div>
            </div>
            </div>
           
            <div class="p1-13"><span class="p1-14">加载更多 </span> <span class="p1-14-1"> <img src="./双层下键.jpg" alt=""></span> </div>

            <div class="p2"> 
                <b>热门优惠</b>
                <a href="#" class="o2">更多</a>
                <span style="color: #666;">></span>
                <div class="p3">
                    <img src="./tm.jpg" alt="" width="74px" height="74px">
                    <div class="p4">
                        <a href="#" class="oo">天猫618超级红包,每天可抢3次!</a>
                    </div>
                    <div class="p7">最高可获得618元红包</div>
                </div>
                <div class="p3">
                    <img src="./jd.png" alt="" width="74px" height="74px">
                    <div class="p5">
                        <a href="#" class="oo">京东618京享红包来了!</a>
                    </div>
                    <div class="p8">5月29日18点开抢!</div>
                </div>
                <div class="p3">
                    <img src="./12.png" alt="" width="74px" height="74px">
                    <div class="p6">
                        <a href="#" class="oo">天猫618年中大促玩法解析!</a>
                    </div>
                    <div class="p9">及时更新</div>
                </div>
            </div>
        </div>
         
       
        
        <div class="box11">
           <div> <img src="./正精多.png" alt=""> </div>
        </div>

        <div class="hhh1">
            <div class="hhh1-1">
                <div class="h1">
                    <p class="r2">  <img src="./识.png" alt="" class="rr1">关于我们</p>
                    <p>
                        <a href="#" class="hh1">内容发布规范</a>
                    </p>
                    <p>
                        <a href="#" class="hh1">侵权投诉指引</a>
                    </p>
                    <p>
                        <a href="#" class="hh1">用户协议</a>
                    </p>
                    <p>
                        <a href="https://www.shihuo.cn/app/assets/compliance/1.0.0/index.html#/shihuoprivacy/aboutshihuo"  class="hh1">隐私政策</a>
                    </p>
                    <p>
                        <a href="../项目 意见反馈页面/意见反馈.html" class="hh1">意见反馈</a>
                    </p>
                    <p>
                        <a href="../项目 加入我们页面/加入我们.html" class="hh1">加入我们</a>
                    </p>
                    <p>
                        <a href="../项目 联系我们页面/联系我们.html" class="hh1">联系我们</a>
                    </p>
                    <p>
                        <a href="../项目 关于我们页面/关于我们.html" class="hh1">关于识货</a>
                    </p>
                </div>
                <div class="h1">
                    <p class="r2-1">  <img src="./商标头.png" alt="" class="rr1">商家图片</p>
                    <p>
                        <a href="../项目 商家合作页面/商家合作.html" class="hh1"> &emsp;商家合作</a>
                    </p>
                </div>
                <div class="h1">
                    <p class="r2-2">  <img src="./下载.png" alt="" class="rr1">手机应用</p>
                    <p>
                        <a href="#" class="hh1">Android 客户端</a>
                    </p>
                    <p>
                        <a href="#" class="hh1">iPhone 客户端</a>
                    </p>
                </div>
                <div class="h1">
                    <p class="r2-2">  <img src="./圆图像.png" alt="" class="rr1">关注我们</p>
                    <p>
                        <a href="#" class="hh1"> &emsp;新浪微博</a>
                    </p>
                    <p>
                        <a href="#" class="hh1"> &emsp;&emsp;微信</a>
                    </p>
                </div>
            </div>
        </div>
        
        <div class="r3">
            <div class="r3-1">
              <p><span>热门推荐:</span> &nbsp;<span>美国亚马逊</span> &nbsp;<span>6PM</span> &nbsp;<span>篮球鞋</span> &nbsp;<span>潮流</span> &nbsp;<span>跑步鞋</span> &nbsp;<span>健身</span> &nbsp;<span>足球鞋</span> &nbsp;<span>潮牌</span> &nbsp;<span>海淘代购</span> &nbsp;<span>运动鞋知识</span> &nbsp;<span>海淘知识</span></p>
              <p><span>友情链接:</span> <span>动域资本</span> <span>心心APP</span></p>
            </div>
            <div class="r3-2">
              <p><span>上海识致信息科技有限责任公司 沪ICP备19023651号-1</span></p>
              <p><span>已通过ISO/IE27001:2013信息安全管理体系认证 &emsp13; 已通过ISO/IEC 27701:2019隐私信息管理体系认证</span></p>
              <p><span>增值电信业务经营许可证: 沪B2-20200099</span> &emsp13; <span>互联网药品信息服务资格证书 (沪) -经营性-2019-0065</span> &emsp13; <span>营业执照消费者服务热线: (021)61221299</span></p>
              <p><span> <img src="./上海工商.png" alt="" class="r3-3"></span> <span> <img src="./网络社会 信用网.png" alt=""></span></p>
            </div>
         
      </div>
      

      <div ><a href="#" class="hhq"></a></div>
      <div > <a href="../项目 意见反馈页面/意见反馈.html" class="hhq-1"></a></div>
    </form>
</body>
</html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1618014.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

uniapp H5的弹窗滚动穿透解决

目录 方案一 事件修饰符 overscroll-behavior 修饰符 overscroll-behavior 属性 看个案例 兼容 方案二 overflow&#xff1a;hiden 有一层遮罩蒙层覆盖在body上时&#xff0c;当我们滚动遮罩层&#xff0c;它下面的内容也会跟着一起滚动&#xff0c;看起来好像是上面的…

PHP 爬虫如何配置代理 IP(CURL 函数)

在 PHP中 配置代理IP&#xff0c;可以通过设置 CURL 库的选项来实现&#xff0c;代码如下&#xff1a; 当然你要有代理ip来源&#xff0c;比如我用的这个 代理商 &#xff0c;如果想服务稳定不建议找开源代理池&#xff0c;避免被劫持。 <?php // 初始化cURL会话 $ch cu…

苍穹外卖day12 (Apache POI) 数据统计-Excel报表

文章目录 前言一、工作台1.1 今日数据1.1.1 接口设计1.1.2 代码实现 1.2 订单管理接口1.3菜品总览接口1.4 套餐总览接口1.5 订单搜索&#xff08;已完成&#xff09;1.6 各个状态的订单数量统计&#xff08;已完成&#xff09; 二、Apache POI2.1 概述2.2 效果展示 三、导出运营…

数字逻辑电路基础-有限状态机

文章目录 一、有限状态机基本结构二、verilog写一个基础有限状态机(moore型状态机)三、完整代码一、有限状态机基本结构 本文主要介绍使用verilog编写有限状态机FSM(finite state machine),它主要由三部分组成,下一状态逻辑电路,当前状态时序逻辑电路和输出逻辑电路。 有…

越秀北京 梧桐星宸 l理想人生要满配,这届海淀菁英买房主打“一步到位”

一个理想生活住区&#xff0c;装得下万般繁华与生活想象&#xff1b;一个懂包容的户型&#xff0c;能兼容全家所需并赋能成长。这届眼界超前的海淀菁英&#xff0c;买房需求已经从“阶段进阶”变成“一步到位”&#xff0c;对生活资源与生活空间的至高追求&#xff0c;让他们将…

[Flutter3] Json转dart模型举例

记录一下 Android studio plugin -> FlutterJsonBeanFactory 处理json转dart 模型 案例 json字符串, 一个 response的data返回数据 {"code":1,"msg":"\u64cd\u4f5c\u6210\u529f","data":{"list":{"id":"8…

做抖音小店正确起店的方式,新店铺想快速爆单,步骤就这几个

大家好&#xff0c;我是电商笨笨熊 开通了抖音小店&#xff0c;但是店铺一直没有流量&#xff1b; 很多新手玩家进入抖店后都会遇到这样那样的问题&#xff0c;烦恼的事情一大堆&#xff1b; 没关系&#xff0c;今天我们就来聊聊新店铺该怎么快速起店&#xff0c;新手如何做…

Springboot+Vue项目-基于Java+MySQL的学科竞赛管理系统(附源码+演示视频+LW)

大家好&#xff01;我是程序猿老A&#xff0c;感谢您阅读本文&#xff0c;欢迎一键三连哦。 &#x1f49e;当前专栏&#xff1a;Java毕业设计 精彩专栏推荐&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb; &#x1f380; Python毕业设计 &…

MLLM | Mini-Gemini: 挖掘多模态视觉语言大模型的潜力

香港中文、SmartMore 论文标题&#xff1a;Mini-Gemini: Mining the Potential of Multi-modality Vision Language Models Code and models are available at https://github.com/dvlab-research/MiniGemini 一、问题提出 通过更高分辨率的图像增加视觉标记的数量可以丰富…

ScanNet 数据集常见文件的作用极其读取方式

ScanNet 数据集是一个大规模的 RGB-D 视频数据集&#xff0c;它包含了丰富的三维场景理解任务所需的数据&#xff0c;如三维物体分类、语义体素标签和 CAD 模型检索等。数据集中的每个文件都有特定的作用&#xff0c;以下是一些常见文件及其作用的解释&#xff1a; _vh_clean.p…

【八股文】Spring 谈谈你对AOP的理解

AOP AOP(Aspect-Oriented Programming&#xff0c;面向切面编程)&#xff1a;是一种新的方法论&#xff0c;是对传统 OOP(Object-Oriented Programming&#xff0c;面向对象编程)的补充。 面向对象是纵向继承&#xff0c;面向切面是横向抽取。 OOP思想是一种垂直纵向的继承体…

C# DataSet结合FlyTreeView显示树状模型数据

目录 关于 FlyTreeView DataSet 数据准备 涉及表结构创建脚本 范例运行环境 方法设计 代码实现 方法代码 调用示例 小结 关于 FlyTreeView NineRays.WebControls.FlyTreeView 是 9rays.net 推出的一款功能强大的树状模型数据显示控件&#xff0c;本文将介绍使用其 As…

运营高手都在用的9款办公软件!一定要收藏

最近&#xff0c;运营群里的00后天天都在搞新花样&#xff0c;每天都有新的idea&#xff0c;各种跟热点、做品牌联名、拍好玩的视频、做创意海报……。但奇怪的是&#xff0c;工作量增加了、业绩增长了&#xff0c;却不见有人加班。一问&#xff0c;原来因为用上了办公神器啊&a…

通过使用XShell工具、Nginx环境实现服务器项目构建与发布

前言&#xff1a; 在信息化和数字化的今天&#xff0c;网站和应用的构建与发布已成为企业发展的重要一环。为了确保项目的顺利上线和稳定运行&#xff0c;选择合适的工具和环境至关重要。本文将详细介绍如何通过XShell工具以及Nginx环境来实现服务器项目的构建与发布&#xff0…

数据洞察创新挑战赛之智能运维赛参赛攻略--皮卡丘的皮卡

关联比赛: 数据洞察创新挑战赛之智能运维赛 背景和参赛动机 1.个人背景和专业领域 四川大学本科&#xff0c;中南大学研究生&#xff0c;专业是医学图像处理。目前就职于深信服&#xff0c;主要做云安全相关的业务开发工作。 2.何时开始关注和参与数据科学竞赛&#xff1f…

IDEA插件-通义灵码 VS ChatGPT-EasyCode

智能编码助手新时代&#xff1a;通义灵码 vs ChatGPT-EasyCode 随着人工智能技术的飞速发展&#xff0c;智能编码助手逐渐成为程序员的必备工具。它们可以帮助程序员提高编码效率&#xff0c;降低代码缺陷率&#xff0c;并解放创造力。 目前市场上涌现出了众多智能编码助手&a…

如何在Windows 10中打开和自定义搜索?这里提供详细步骤

使用Windows 10中的搜索功能&#xff0c;你可以快速查找计算机上的文件、应用程序或设置。在本文&#xff0c;你可以学习如何在Windows 10中打开和控制搜索。 打开Windows 10搜索面板 打开Windows 10搜索面板很容易。通常&#xff0c;你可以在任务栏上找到搜索图标。只需单击…

Redis篇:缓存击穿及解决方案

1.何为缓存击穿 缓存击穿问题也叫热点Key问题&#xff0c;就是一个被高并发访问并且缓存重建业务较复杂的key突然失效了&#xff08;有可能是正好过期了&#xff09;&#xff0c;无数的请求访问会在瞬间给数据库带来巨大的冲击。 常见的解决方案有两种&#xff1a; 互斥锁 逻…

仓库管理存在的问题及改进对策?

大部分人都指导仓库问题会影响一个仓库操作或与之相关的整个流程链的速度、效率和生产力。但在大多数情况下&#xff0c;只有在流程开始甚至完成后才能识别这些错误。 到那时通常已经来不及阻止错误了&#xff0c;甚至可能来不及减少造成的损害。 所以这也是我写这篇内容的目…

C++-DAY1

思维导图 有以下定义&#xff0c;说明哪些量可以改变哪些不可以改变&#xff1f; const char *p; const (char *) p; char *const p; const char* const p; char const *p; (char *) const p; char const* const p; const char *p&#xff1a;指针 p 所指向的内容不可改…