App网页

 

<!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>Document</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
    }

    #div1 {
        background-color: green;
        height: 30px;
        text-align: center;
        padding-top: 5px;
    }

    #iapp {
        color: aliceblue;
    }

    .icon {
        width: 25px;
        height: 25px;
        float: left;
        padding-left: 10px;

    }
    .icon3 {
        width: 25px;
        height: 25px;
        margin-bottom: 12px;
        margin-right: -25px;

    }
    .icon4 {
        width: 25px;
        height: 25px;
        margin-bottom: 12px;
        margin-right: -25px;

    }
    .icon5 {
        width: 25px;
        height: 25px;
        margin-bottom: 12px;
        margin-right: -30px;

    }
    .icon6 {
        width: 25px;
        height: 25px;
        margin-bottom: 12px;
        margin-right: -25px;
    }


    .icon1 {
        width: 25px;
        height: 25px;
        float: right;
        padding-right: 10px;

    }

    #div2 a {
        margin: 2%;
        color: black;
        border: none;
        text-decoration: none;
    }

    #div2 {
        width: 100%;
        background-color: #EEEFF3;
        padding-top: 10PX;
        height: 35px;
        text-align: center;
    }

    #imgg {
        width: 100%;
    }

    #img1 {
        float: left;
        width: calc(100px - 10px);
        margin-right: 10px;
    }

    #div3 {
        width: calc(100% - 10px);
        margin: 0 auto;

    }

    #div4 {
        width: 100%;
        height: 90px;
        /* margin-bottom: 15px; */
    }

    hr {
        margin: 5px 0 5px;
    }

    #spann {
        font-size: 12px;
    }
    .cla{
        font-size: 2px;
        color: #8E9093;
    }
    #footer{
        height: 40px;
        width: 100%;
        position: fixed;
        bottom: 0;
        background-color: #EEEFF3;
        margin: auto;
        text-align: center;
        border-top:1px solid #8E9093 ;

    }
    #footer a{
        
        margin: 7%  7%;
        color: #bfbfbf;
        font-size: 6px;
    }
</style>

<body>
    <div id="div1">
        <svg t="1646293671844" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="3089" width="200" height="200">
            <path
                d="M953.474215 908.234504l-152.576516-163.241391c61.92508-74.48211 95.81186-167.36973 95.81186-265.073744 0-229.294809-186.63531-415.930119-416.102133-415.930119-229.294809 0-415.930119 186.63531-415.930119 415.930119s186.63531 415.930119 415.930119 415.930119c60.032925 0 118.00168-12.55703 172.186125-37.327062 16.169326-7.396607 23.221905-26.318159 15.825298-42.315471-7.396607-16.169326-26.318159-23.221905-42.315471-15.825298-45.927768 20.813707-94.951789 31.478582-145.695952 31.478582-194.031917 0-351.94087-157.908953-351.94087-351.94087 0-194.031917 157.908953-351.94087 351.94087-351.94087 194.031917 0 351.94087 157.908953 351.94087 351.94087 0 91.339493-34.918864 177.86259-98.048043 243.743995-12.213002 12.729044-11.868974 33.026709 0.860071 45.239711 1.032085 0.860071 2.236183 1.204099 3.268268 2.064169 0.860071 1.204099 1.376113 2.752226 2.408198 3.956325l165.477574 177.00252c6.192508 6.70855 14.793214 10.148833 23.393919 10.148833 7.912649 0 15.653284-2.92424 21.845792-8.600706C964.827146 941.433227 965.515202 921.135562 953.474215 908.234504z"
                p-id="3090" fill="#ffffff"></path>
        </svg>
        <span id="iapp">iApp应用测试</span>
        <svg t="1646293641300" class="icon1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="2248" width="200" height="200">
            <path
                d="M510.37806 337.803609c-98.010221 0-177.748287 78.842673-177.748287 175.75284 0 96.91426 79.738066 175.763073 177.748287 175.763073 9.537214 0 19.620873-0.978281 31.797194-3.088338 18.196431-3.281743 30.290887-20.538779 26.963095-38.471197-2.924609-15.732309-16.693194-27.152407-32.747845-27.152407-2.071172 0-4.15974 0.196475-6.123464 0.563842-7.937786 1.402953-14.233166 2.056845-19.807115 2.056845-61.159942 0-110.915136-49.201585-110.915136-109.671819 0-60.467163 49.679469-109.661585 110.747313-109.661585 61.116963 0 110.832248 49.194422 110.832248 109.661585 0 5.892197-0.656963 12.0832-2.088568 19.531845-3.327792 17.928325 8.769734 35.189454 26.959002 38.464033 2.006703 0.360204 4.045129 0.546446 6.070252 0.546446 16.204054 0 30.019711-11.43033 32.832779-27.116591 2.13871-11.45182 3.13848-21.435195 3.13848-31.41857 0.042979-46.873564-18.435884-90.990341-52.033074-124.223233C602.407056 356.106464 557.790906 337.803609 510.37806 337.803609z"
                p-id="2249" fill="#ffffff"></path>
            <path
                d="M938.476161 432.79917c-2.185782-11.426237-11.037381-20.499893-22.563902-23.12058-41.909505-9.508561-76.781734-34.929534-98.185206-71.550593-21.334911-36.560684-26.191522-79.099523-13.68979-119.709429 3.52836-11.123338 0.007163-23.235191-8.951883-30.840402-41.860387-35.721573-89.536222-62.938448-141.695163-80.885192-3.152806-1.088798-6.437619-1.639337-9.776667-1.639337-8.256034 0-16.182564 3.431146-21.724791 9.376555-29.236881 31.04404-68.840878 48.140417-111.5107 48.140417-42.673915 0-82.305541-17.125029-111.607914-48.230468-7.877411-8.333806-20.510126-11.512195-31.580253-7.726985-52.483328 18.171871-100.131535 45.416376-141.640927 80.988546-8.815783 7.591909-12.322653 19.620873-8.934486 30.67258 12.586666 40.645722 7.759731 83.180468-13.597693 119.78106-21.306258 36.5965-56.149834 62.006216-98.17395 71.561849-11.540847 2.709715-20.396539 11.812023-22.559808 23.166629-5.228071 27.169803-7.877411 54.346769-7.877411 80.770582 0 26.426883 2.64934 53.603849 7.873318 80.763418 2.174526 11.411911 11.023054 20.488637 22.552645 23.12058 41.913599 9.512654 76.785827 34.922371 98.19237 71.547523 21.349237 36.59343 26.177196 79.128175 13.583366 119.795387-3.363607 10.969842 0.121773 23.013133 8.973372 30.758538 41.84913 35.707246 89.494267 62.920028 141.662417 80.902588 11.466146 3.885494 23.738657 0.549515 31.454386-7.680936 29.29828-31.091112 68.925812-48.216141 111.593588-48.216141s82.302471 17.125029 111.560842 48.183396c5.556553 5.955642 13.494339 9.380648 21.782096 9.380648 3.27765 0 6.537903-0.520863 9.829879-1.599428 52.126194-17.968234 99.774401-45.184085 141.652184-80.912821 8.791224-7.577582 12.308327-19.628036 8.94165-30.758538-12.597923-40.678468-7.745405-83.20605 13.672394-119.773897 21.324678-36.625152 56.192813-62.030775 98.19237-71.547523 11.390421-2.592035 20.23588-11.633968 22.549575-23.106254 5.223978-27.184129 7.870248-54.358025 7.870248-80.770582C946.342316 487.171522 943.697069 459.965903 938.476161 432.79917zM728.572524 789.878798c-26.02677 20.157085-54.736649 36.553521-85.487 48.818869-36.682457-32.144094-83.60207-49.779753-132.792399-49.779753-48.926316 0-95.838765 17.635659-132.767839 49.786916-30.744211-12.262278-59.45716-28.655643-85.491093-48.812729 9.894348-47.441499 1.889023-96.449679-22.763446-138.627291-24.448832-41.966811-63.427588-73.339332-110.186542-88.840374-2.381234-16.343223-3.584642-32.758078-3.584642-48.869011 0-16.043395 1.203408-32.451086 3.584642-48.851615 46.612621-15.389502 85.584214-46.758953 110.186542-88.850607 24.523533-42.024116 32.525788-91.033319 22.74912-138.620128 26.0237-20.149922 54.735625-36.543288 85.494163-48.815799 36.821627 32.201399 83.73817 49.861618 132.778072 49.861618 49.194422 0 96.109941-17.635659 132.792399-49.779753 30.751375 12.269441 59.45716 28.662807 85.48086 48.812729-9.809413 47.63388-1.835811 96.634898 22.667256 138.620128 24.445762 41.966811 63.416332 73.343425 110.182448 88.850607 2.381234 16.386202 3.584642 32.801057 3.584642 48.940642 0.143263 15.443737-1.031493 31.797194-3.499707 48.701189-46.763047 15.504112-85.73771 46.873564-110.186542 88.836281C726.84416 693.189665 718.845998 742.190683 728.572524 789.878798z"
                p-id="2250" fill="#ffffff"></path>
        </svg>

    </div>
    <div id="div2">
        <a href="" style="color: #529668;">推荐</a>
        <a href="">热点</a>
        <a href="">北京</a>
        <a href="">社会</a>
        <a href="">娱乐</a>
        <a href="">科技</a>
    </div>
    <!-- <div> -->
    <img id="imgg" style="margin-bottom:5px ;" src="img/1.png" alt="">
    <!-- </div> -->

    <!-- <div id="div3"> -->
        <div id="div4">
            <img id="img1" src="img/2.png" alt="">
            <span id="spann">领导的毛病都是让下属给惯出来的,如何教育领导?</span>
            <br><br>
            <span class="cla">前两天:</span>
            
        </div>
        <hr>
        <div id="div4">
            <img id="img1" src="img/2.png" alt="">
            <span id="spann">领导的毛病都是让下属给惯出来的,如何教育领导?</span>
            <br><br>
            <span class="cla">前两天:</span>
        </div>
        <hr>
        <div id="div4">
            <img id="img1" src="img/2.png" alt="">
            <span id="spann">领导的毛病都是让下属给惯出来的,如何教育领导?</span>
            <br><br>
            <span class="cla">前两天:</span>
        </div>
        <hr>
        <div id="div4">
            <img id="img1" src="img/2.png" alt="">
            <span id="spann">领导的毛病都是让下属给惯出来的,如何教育领导?</span>
            <br><br>
            <span class="cla">前两天:</span>
        </div>
        <hr>    
    <!-- </div> -->
    <div id="footer">
        <a style="color: #529668;"><svg t="1646309793071" class="icon3" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2245" width="200" height="200"><path d="M958.400956 451.54921c-0.058328-5.760191-2.597151-11.215436-6.965645-14.97097L524.345166 69.511143c-7.498788-6.445806-18.581194-6.445806-26.079982 0L309.582871 231.6755l0-102.017488c0-11.04966-8.901741-19.532869-19.951401-19.532869l-88.034009 0c-11.048637 0-19.928888 8.482185-19.928888 19.532869l0 211.954343L71.176063 436.57824c-4.423753 3.800559-6.967692 9.341762-6.967692 15.173584l0 105.500822c0 7.819083 4.554736 14.921851 11.660574 18.183128 2.670829 1.226944 5.51562 1.824555 8.343015 1.824555 4.699022 0 9.346879-1.654686 13.048177-4.836145l53.29788-45.825698 0 324.100516c0 60.677964 49.364291 110.042255 110.042255 110.042255L764.792447 960.741257c60.677964 0 110.042255-49.364291 110.042255-110.042255L874.834702 527.026228l51.585889 44.335764c5.955642 5.119601 14.356986 6.282077 21.481244 2.965541 7.122211-3.313465 11.645225-10.488889 11.565407-18.342764L958.400956 451.54921zM221.578538 150.034085l48.095391 0 0 115.941616-48.095391 41.336454L221.578538 150.034085zM570.718333 920.725892 436.666244 920.725892 436.666244 700.642404c0-11.031241 8.976442-20.007683 20.007683-20.007683l94.0357 0c11.031241 0 20.007683 8.976442 20.007683 20.007683L570.71731 920.725892zM834.818313 495.895207l0 354.803795c0 38.612413-31.414477 70.02689-70.02689 70.02689l-154.058748 0L610.732675 700.642404c0-33.096792-26.926256-60.023048-60.023048-60.023048l-94.0357 0c-33.096792 0-60.023048 26.926256-60.023048 60.023048l0 220.084511L260.59925 920.726915c-38.612413 0-70.02689-31.414477-70.02689-70.02689L190.57236 495.895207c0-1.172709-0.121773-2.314719-0.315178-3.432169l322.113255-276.958846 322.70268 277.348726C834.921667 493.848595 834.818313 494.858598 834.818313 495.895207zM525.411451 173.947727c-7.502881-6.445806-18.587334-6.446829-26.086122 0.00307L104.223736 513.663896l0-52.726875 407.081439-349.870436 407.176606 349.9523 0.521886 51.205219L525.411451 173.947727z" fill="#529668" p-id="2246"></path></svg>首页</a>
        <a><svg t="1646310181639" class="icon4" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3072" width="200" height="200"><path d="M0.5 240v544c0 35.3 28.7 64 64 64h896c35.3 0 64-28.7 64-64V240c0-35.3-28.7-64-64-64h-896c-35.3 0-64 28.7-64 64z m72 0h880c4.4 0 8 3.6 8 8v44L570.8 493.6c-36.9 19.1-80.7 19.1-117.6 0l-388.7-201V248c0-4.4 3.6-8 8-8z m880 544h-880c-4.4 0-8-3.6-8-8V364.6l388.7 201.1c36.9 19.1 80.7 19.1 117.6 0L960.5 364v412c0 4.4-3.6 8-8 8z" p-id="3073" fill="#bfbfbf"></path></svg>信息</a>
        <a><svg t="1646310333358" class="icon5" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4764" width="200" height="200"><path d="M807.926606 809.371912v-1.445306c-23.124912-106.952717-101.171489-191.503176-200.175018-226.190544 46.972477-32.519407 77.323924-86.718419 77.323924-148.143966 0-99.726182-80.937191-180.663373-180.663374-180.663373s-180.663373 80.937191-180.663373 180.663373c0 61.425547 31.0741 115.624559 78.046577 148.86662-85.273112 30.351447-154.647848 96.835568-187.167254 182.10868-57.089626-67.206775-91.05434-153.925194-91.054341-248.592802 0.722653-213.182781 173.436838-385.896965 385.896966-385.896965 185.721948 0 345.42837 132.245589 378.67043 315.076923 2.890614 13.730416 15.898377 23.124912 29.628793 20.234298 13.730416-2.890614 23.124912-15.898377 20.234298-29.628794C899.703599 229.081157 719.762879 79.491884 509.470713 79.491884c-240.643613 0-435.760056 195.839097-435.760057 435.760057 0 122.851094 51.308398 234.139732 133.690897 313.631616 1.445307 2.16796 3.613267 3.613267 5.058574 5.058574 78.046577 72.988003 182.831334 117.069866 297.010586 117.069866 107.675371 0 211.01482-39.745942 291.229358-111.288638 5.781228-5.058574 9.394495-13.007763 7.949188-21.679605l-0.722653-6.503881v-2.167961z m-433.592096-375.779816c0-71.542696 58.534933-130.077629 130.077628-130.077629s130.077629 58.534933 130.077629 130.077629-58.534933 130.077629-130.077629 130.077629-130.077629-58.534933-130.077628-130.077629z m135.136203 467.55681c-97.558222 0-186.444601-36.132675-254.37403-96.112914C285.44813 693.747354 388.064926 614.978123 504.412138 614.978123c118.515173 0 223.299929 82.382498 251.483416 197.284403-68.652082 57.089626-156.093155 88.88638-246.424841 88.88638z" fill="#bfbfbf" p-id="4765"></path><path d="M858.51235 734.215949m-27.460833 0a27.460833 27.460833 0 1 0 54.921666 0 27.460833 27.460833 0 1 0-54.921666 0Z" fill="#bfbfbf" p-id="4766"></path><path d="M901.87156 639.548342m-27.460833 0a27.460833 27.460833 0 1 0 54.921665 0 27.460833 27.460833 0 1 0-54.921665 0Z" fill="#bfbfbf" p-id="4767"></path><path d="M923.551164 542.712773m-27.460832 0a27.460833 27.460833 0 1 0 54.921665 0 27.460833 27.460833 0 1 0-54.921665 0Z" fill="#bfbfbf" p-id="4768"></path></svg>通讯录</a>
        <a><svg t="1646310396072" class="icon6" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5694" width="200" height="200"><path d="M512 328c-100.8 0-184 83.2-184 184S411.2 696 512 696 696 612.8 696 512 612.8 328 512 328z m0 320c-75.2 0-136-60.8-136-136s60.8-136 136-136 136 60.8 136 136-60.8 136-136 136z" p-id="5695" fill="#e6e6e6"></path><path d="M857.6 572.8c-20.8-12.8-33.6-35.2-33.6-60.8s12.8-46.4 33.6-60.8c14.4-9.6 20.8-27.2 16-44.8-8-27.2-19.2-52.8-32-76.8-8-14.4-25.6-24-43.2-19.2-24 4.8-48-1.6-65.6-19.2-17.6-17.6-24-41.6-19.2-65.6 3.2-16-4.8-33.6-19.2-43.2-24-14.4-51.2-24-76.8-32-16-4.8-35.2 1.6-44.8 16-12.8 20.8-35.2 33.6-60.8 33.6s-46.4-12.8-60.8-33.6c-9.6-14.4-27.2-20.8-44.8-16-27.2 8-52.8 19.2-76.8 32-14.4 8-24 25.6-19.2 43.2 4.8 24-1.6 49.6-19.2 65.6-17.6 17.6-41.6 24-65.6 19.2-16-3.2-33.6 4.8-43.2 19.2-14.4 24-24 51.2-32 76.8-4.8 16 1.6 35.2 16 44.8 20.8 12.8 33.6 35.2 33.6 60.8s-12.8 46.4-33.6 60.8c-14.4 9.6-20.8 27.2-16 44.8 8 27.2 19.2 52.8 32 76.8 8 14.4 25.6 22.4 43.2 19.2 24-4.8 49.6 1.6 65.6 19.2 17.6 17.6 24 41.6 19.2 65.6-3.2 16 4.8 33.6 19.2 43.2 24 14.4 51.2 24 76.8 32 16 4.8 35.2-1.6 44.8-16 12.8-20.8 35.2-33.6 60.8-33.6s46.4 12.8 60.8 33.6c8 11.2 20.8 17.6 33.6 17.6 3.2 0 8 0 11.2-1.6 27.2-8 52.8-19.2 76.8-32 14.4-8 24-25.6 19.2-43.2-4.8-24 1.6-49.6 19.2-65.6 17.6-17.6 41.6-24 65.6-19.2 16 3.2 33.6-4.8 43.2-19.2 14.4-24 24-51.2 32-76.8 4.8-17.6-1.6-35.2-16-44.8z m-56 92.8c-38.4-6.4-76.8 6.4-104 33.6-27.2 27.2-40 65.6-33.6 104-17.6 9.6-36.8 17.6-56 24-22.4-30.4-57.6-49.6-97.6-49.6-38.4 0-73.6 17.6-97.6 49.6-19.2-6.4-38.4-14.4-56-24 6.4-38.4-6.4-76.8-33.6-104-27.2-27.2-65.6-40-104-33.6-9.6-17.6-17.6-36.8-24-56 30.4-22.4 49.6-57.6 49.6-97.6 0-38.4-17.6-73.6-49.6-97.6 6.4-19.2 14.4-38.4 24-56 38.4 6.4 76.8-6.4 104-33.6 27.2-27.2 40-65.6 33.6-104 17.6-9.6 36.8-17.6 56-24 22.4 30.4 57.6 49.6 97.6 49.6 38.4 0 73.6-17.6 97.6-49.6 19.2 6.4 38.4 14.4 56 24-6.4 38.4 6.4 76.8 33.6 104 27.2 27.2 65.6 40 104 33.6 9.6 17.6 17.6 36.8 24 56-30.4 22.4-49.6 57.6-49.6 97.6 0 38.4 17.6 73.6 49.6 97.6-6.4 19.2-14.4 38.4-24 56z" p-id="5696" fill="#bfbfbf"></path></svg>设置</a>

    </div>
</body>

</html>

 

 

 

 

 

posted @ 2022-03-04 09:30  33的男孩  阅读(113)  评论(0编辑  收藏  举报