|
|
@@ -0,0 +1,233 @@
|
|
|
+# @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)
|
