locky
/
ASJAzoauth


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
							# @Author    : Rocky
# @File      : beian.py
# @Time      : 2023/3/30 19:10
from django.http import HttpResponse


def beianPath(request, **kwargs):
    html = """
    <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>珠海安士佳电子有限公司</title>
    <link rel="stylesheet" href="index.css" </head>

    <body>
        <div class="header con">
            <div class="photo"></div>
            <div class="headerlist">
                <ul>
                    <li><a class="active">帮助中心</a></li>
                    <li><a>售后服务</a></li>
                </ul>
                <div class="serch">
                    <input type="text" placeholder="搜索">
                </div>
            </div>
        </div>
        <div class="nav">
            <ul class="con">
                <li>首页</li>
                <li>产品类目</li>
                <li>热卖商品</li>
                <li>帮助中心</li>
                <li>资讯</li>
                <li>关于我们</li>
            </ul>
        </div>
        <div class="banner"
        ></div>
        <div class="list con">
            <div class="item">
                <img src="https://ansjerfilemanager.s3.cn-northwest-1.amazonaws.com.cn/app/static/3.jpg">
                <p>无线基站套装</p>
            </div>
            <div class="item">
                <img src="https://ansjerfilemanager.s3.cn-northwest-1.amazonaws.com.cn/app/static/1-1-C1.jpg">
                <p>C1</p>
            </div>
            <div class="item">
                <img src="https://ansjerfilemanager.s3.cn-northwest-1.amazonaws.com.cn/app/static/1-1-306.jpg">
                <p>C306</p>
            </div>
        </div>
        <div class="footer">
            <div class="con">
                <ul>
                    <li>网站导航</li>
                    <li>物流配送</li>
                    <li>售后服务</li>
                    <li>配送服务</li>
                    <li>退换货政策</li>
                    <li>联系我们</li>
                    <li>隐私政策</li>
                    <li>服务协议</li>
                </ul>
            </div>
            <div style="text-align: center; "><a href="https://beian.miit.gov.cn/">粤ICP备12041005号</a></div>
        </div>
    </body>

</html>

<style>
    * {
    padding: 0;
    margin: 0;
}

ul {
    list-style: none;
}

.con {
    width: 966px;
    margin: 0 auto;
}

.header {
    height: 110px;
}

.photo {
    width: 165px;
    height: 110px;
    background: url(../图片/logo.png);
    float: left;
    background-position: center;
    background-size: 100% 100%;
}

.headerlist {
    float: right;
}

.headerlist ul {
    height: 44px;
    margin-top: 10px;
    line-height: 44px;
}

.headerlist li {
    float: left;
}

.headerlist a {
    border-right: 1px solid #b2c7ea;
    padding-left: 13px;
    padding-right: 13px;
    font-size: 13px;
    color: indigo;
}

.headerlist .last {
    border: 0;
    padding-right: 0;
}

.headerlist li .active {
    color: pink;
}

.serch {
    float: right;
    width: 234px;
    height: 28px;
    border: 1px solid indigo;
}

.serch input {
    border: 0;
    outline: none;
    width: 210px;
    float: left;
    height: 28px;
    padding-left: 14px;
}

.nav {
    height: 53px;
    line-height: 53px;
    border-top: 1px solid #edf4fc;
    background-color: #274964;
    color: aliceblue;
}

.nav li {
    float: left;
    font-size: 16px;
    padding-right: 76px;
}

.banner {
    height: 380px;
    background: url('https://ansjerfilemanager.s3.cn-northwest-1.amazonaws.com.cn/app/static/backdrop.jpg') no-repeat center;
    background-size: cover;
}

.list {
    height: 213px;
    margin-top: 11px;
    margin-bottom: 125px;
}

.item {
    height: 222px;
    width: 230px;
    border: 1px solid #cccccc;
    float: left;
    margin-right: 12px;
}

.item img {
    width: 230px;
    height: 222px;
    display: block;
}

.item p {
    height: 47px;
    padding-left: 28px;
    line-height: 47px;
    color: #274964;
}

.footer {
    height: 206px;
    border-top: 1px solid cornsilk;
    background-color: #cccccc;
}

.footer ul {
    height: 84px;
    padding-top: 30px;
    padding-bottom: 30px;
    line-height: 28px;
    border-bottom: 1px solid gray;
}

.footer ul li {
    width: 210px;
    padding-left: 30px;
    font-size: 12px;
    float: left;
    color: indigo;
}

.footer p {
    height: 61px;
    line-height: 61px;
    padding-left: 30px;
    font-size: 12px;
}

.footer p span {
    color: indigo;
}
</style>
    """
    return HttpResponse(html)