响应式

master
tangyi 2021-09-27 15:31:44 +08:00
parent a982c1c086
commit 8cac52ad79
7 changed files with 122 additions and 64 deletions

View File

@ -14,9 +14,8 @@ ul {
.ty_herader { .ty_herader {
box-shadow: 0px 3px 6px rgb(0 0 0 / 20%); box-shadow: 0px 3px 6px rgb(0 0 0 / 20%);
padding-bottom: 7px;
position: relative; position: relative;
z-index: 2; z-index: 100000;
} }
.ty_herader>img { .ty_herader>img {
@ -33,7 +32,7 @@ ul {
.ty_herader>nav { .ty_herader>nav {
padding-top: 31px; padding-top: 31px;
justify-content: space-between; justify-content: space-between;
background-color: #fff;
align-items: flex-end; align-items: flex-end;
} }
.ty_herader .dis>a{ .ty_herader .dis>a{

View File

@ -5704,7 +5704,7 @@ select {
} }
.pod{ .pod{
background-color: rgb(245, 245, 245); /* background-color: rgb(245, 245, 245); */
top: 0px; top: 0px;
position: relative; position: relative;
@ -5723,9 +5723,36 @@ select {
top: 0px; top: 0px;
height: 100%; height: 100%;
} }
.ty_listnavdIV{ /* .ty_listnavdIV{
position: fixed; position: fixed;
top: 68px; top: 68px;
width: 100%; width: 100%;
background-color: rgba(0, 0, 0, .2); background-color: rgba(0, 0, 0, .2);
} } */
.foot-iframe {
width: 100%;
height: 400px;
}
/* input,textarea{
padding-left: 14px;
padding-right: 14px;
} */
.ty_tit{
height: auto;
line-height: 22px;
padding: 25px 0 22px 20px;
}
.ty_left{
height: auto;
padding-bottom: 30px;
}
.ty_riscon{margin-top: 15px;padding-left: 40px;}
.ty_name > :nth-child(1),.ty_int > :nth-child(1),.ty_setle > :nth-child(1),.ty_img > :nth-child(1){margin-right: 10px;}
.ty_btn {width: 100%;margin-top: 20px;}
.ty_btn > button{border-radius: 3px;}
.ty_setle > select{cursor: pointer;}
.ty_lititnoe > span{color: #333333;}
.left-title{color: #CB1919!important;}
td{border-bottom: 1px solid #ebebeb;}
tfoot tr td{border-bottom: none;}

View File

@ -8,6 +8,7 @@
<title>关于我们</title> <title>关于我们</title>
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css" /> <link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css" />
<link rel="stylesheet" href="../../css/aboutUs.css"> <link rel="stylesheet" href="../../css/aboutUs.css">
<link rel="stylesheet" href="../../css/huaxia.css">
<link rel="stylesheet" href="../../css/centerHead.css"> <link rel="stylesheet" href="../../css/centerHead.css">
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script> <script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script> <script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
@ -29,21 +30,31 @@
<body> <body>
<header class="ty_herader"> <header class="ty_herader">
<img src="../../img/grzx/topimg.jpg" title="图1" alt="图片已缺失"> <img src="../../img/grzx/topimg.jpg" title="图1" alt="图片已缺失">
<nav class="ty_w ty_w1220 ty_ds"> <nav class="dis p-zy320 pod" >
<img src="../../img/logo.png" title="图2" alt="图片已缺失"> <a href="">
<img src="../../img/logo.png" title="图2" alt="图片已缺失">
</a>
<div class="ty_listnavdIV">
<ul class="ty_listnav"> <ul class="ty_listnav">
<li> 123</li> <li> 123</li>
<li><span class="ty_di"></span><a target="_parent" href="../../index.html">网站首页</a></li> <li><span class="ty_di"></span><a target="_parent" href="../../index.html">网站首页</a></li>
<li><span class="ty_di"></span><a target="_parent" class="ty_gr" href="../aboutUs/aboutUs.html">关于我们</a></li> <li><span class="ty_di"></span><a target="_parent" class="ty_gr" href="../aboutUs/aboutUs.html">关于我们</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../logshoppingcar/shopcar.html"><img class="ty_topicon" title="图3" src="../../img/sy-scart.png" alt="图片已缺失">我的购物车</a></li> <li><span class="ty_di"></span><a target="_parent" href="../logshoppingcar/shopcar.html"><img class="ty_topicon" title="图3" src="../../img/sy-scart.png" alt="图片已缺失">我的购物车</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../artNetwork/pointsMall.html">积分商城</a></li> <li><span class="ty_di"></span><a target="_parent" href="../artNetwork/pointsMall.html">积分商城</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../contactUs/contactUs.html">联系我们</a></li> <li><span class="ty_di"></span><a target="_parent" href="../contactUs/contactUs.html">联系我们</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../grzx/personalData.html" >个人中心</a></li> <li><span class="ty_di"></span><a target="_parent" href="../grzx/personalData.html" >个人中心</a></li>
<li><a target="_parent" href="../logshoppingcar/login.html">【退出】</a></li> <li><a target="_parent" href="../logshoppingcar/login.html">【退出】</a></li>
</ul> </ul>
</div>
<div class="ty_btntop">
<img class="ty_btntopimg" src="../../img/public/gn.png">
</div>
</nav> </nav>
</header> </header>

View File

@ -15,54 +15,39 @@
<script src="https://unpkg.com/i18next/dist/umd/i18next.js"></script> <script src="https://unpkg.com/i18next/dist/umd/i18next.js"></script>
<script src="../../js/huaxia.js"></script> <script src="../../js/huaxia.js"></script>
<style> <style>
.foot-iframe {
width: 100%;
height: 400px;
}
input,textarea{
padding-left: 14px;
padding-right: 14px;
}
.ty_tit{
height: auto;
line-height: 22px;
padding: 25px 0 22px 20px;
}
.ty_left{
height: auto;
padding-bottom: 30px;
}
.ty_riscon{margin-top: 15px;padding-left: 40px;}
.ty_name > :nth-child(1),.ty_int > :nth-child(1),.ty_setle > :nth-child(1),.ty_img > :nth-child(1){margin-right: 10px;}
.ty_btn {width: 100%;margin-top: 20px;}
.ty_btn > button{border-radius: 3px;}
.ty_setle > select{cursor: pointer;}
.ty_lititnoe > span{color: #333333;}
.left-title{color: #CB1919!important;}
td{border-bottom: 1px solid #ebebeb;}
tfoot tr td{border-bottom: none;}
</style> </style>
</head> </head>
<body class="ty_co"> <body class="ty_co">
<header class="ty_herader"> <header class="ty_herader">
<img src="../../img/grzx/topimg.jpg" title="图1" alt="图片已缺失"> <img src="../../img/grzx/topimg.jpg" title="图1" alt="图片已缺失">
<nav class="ty_w ty_w1220 ty_ds"> <nav class="dis p-zy320 pod" >
<img src="../../img/logo.png" title="图2" alt="图片已缺失"> <a href="">
<img src="../../img/logo.png" title="图2" alt="图片已缺失">
</a>
<div class="ty_listnavdIV">
<ul class="ty_listnav"> <ul class="ty_listnav">
<li> 123</li> <li> 123</li>
<li><span class="ty_di"></span><a target="_parent" href="../../index.html">网站首页</a></li> <li><span class="ty_di"></span><a target="_parent" href="../../index.html">网站首页</a></li>
<li><span class="ty_di"></span><a target="_parent" class="ty_gr" href="../aboutUs/aboutUs.html">关于我们</a></li> <li><span class="ty_di"></span><a target="_parent" href="../aboutUs/aboutUs.html">关于我们</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../logshoppingcar/shopcar.html"><img class="ty_topicon" title="图3" src="../../img/sy-scart.png" alt="图片已缺失">我的购物车</a></li> <li><span class="ty_di"></span><a target="_parent" href="../logshoppingcar/shopcar.html"><img class="ty_topicon" title="图3" src="../../img/sy-scart.png" alt="图片已缺失">我的购物车</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../artNetwork/pointsMall.html">积分商城</a></li> <li><span class="ty_di"></span><a target="_parent" href="../artNetwork/pointsMall.html">积分商城</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../contactUs/contactUs.html">联系我们</a></li> <li><span class="ty_di"></span><a target="_parent" href="../contactUs/contactUs.html">联系我们</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../grzx/personalData.html" >个人中心</a></li> <li><span class="ty_di"></span><a target="_parent" class="ty_gr" href="../grzx/personalData.html" >个人中心</a></li>
<li><a target="_parent" href="../logshoppingcar/login.html">【退出】</a></li> <li><a target="_parent" href="../logshoppingcar/login.html">【退出】</a></li>
</ul> </ul>
</div>
<div class="ty_btntop">
<img class="ty_btntopimg" src="../../img/public/gn.png">
</div>
</nav> </nav>
</header> </header>
<div class="mian "> <div class="mian ">

View File

@ -10,6 +10,8 @@
<title>联系我们</title> <title>联系我们</title>
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css" /> <link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css" />
<link rel="stylesheet" href="../../css/aboutUs.css"> <link rel="stylesheet" href="../../css/aboutUs.css">
<link rel="stylesheet" href="../../css/huaxia.css">
<link rel="stylesheet" href="../../css/centerHead.css"> <link rel="stylesheet" href="../../css/centerHead.css">
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script> <script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script> <script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
@ -50,21 +52,31 @@
<body> <body>
<header class="ty_herader"> <header class="ty_herader">
<img src="../../img/grzx/topimg.jpg" title="图1" alt="图片已缺失"> <img src="../../img/grzx/topimg.jpg" title="图1" alt="图片已缺失">
<nav class="ty_w ty_w1220 ty_ds"> <nav class="dis p-zy320 pod" >
<img src="../../img/logo.png" title="图2" alt="图片已缺失"> <a href="">
<img src="../../img/logo.png" title="图2" alt="图片已缺失">
</a>
<div class="ty_listnavdIV">
<ul class="ty_listnav"> <ul class="ty_listnav">
<li> 123</li> <li> 123</li>
<li><span class="ty_di"></span><a target="_parent" href="../../index.html">网站首页</a></li> <li><span class="ty_di"></span><a target="_parent" href="../../index.html">网站首页</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../aboutUs/aboutUs.html">关于我们</a></li> <li><span class="ty_di"></span><a target="_parent" href="../aboutUs/aboutUs.html">关于我们</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../logshoppingcar/shopcar.html"><img class="ty_topicon" title="图3" src="../../img/sy-scart.png" alt="图片已缺失">我的购物车</a></li> <li><span class="ty_di"></span><a target="_parent" href="../logshoppingcar/shopcar.html"><img class="ty_topicon" title="图3" src="../../img/sy-scart.png" alt="图片已缺失">我的购物车</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../artNetwork/pointsMall.html">积分商城</a></li> <li><span class="ty_di"></span><a target="_parent" href="../artNetwork/pointsMall.html">积分商城</a></li>
<li><span class="ty_di"></span><a target="_parent" class="ty_gr" href="../contactUs/contactUs.html">联系我们</a></li> <li><span class="ty_di"></span><a target="_parent" class="ty_gr" href="../contactUs/contactUs.html">联系我们</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../grzx/personalData.html" >个人中心</a></li> <li><span class="ty_di"></span><a target="_parent" href="../grzx/personalData.html" >个人中心</a></li>
<li><a target="_parent" href="../logshoppingcar/login.html">【退出】</a></li> <li><a target="_parent" href="../logshoppingcar/login.html">【退出】</a></li>
</ul> </ul>
</div>
<div class="ty_btntop">
<img class="ty_btntopimg" src="../../img/public/gn.png">
</div>
</nav> </nav>
</header> </header>

View File

@ -27,21 +27,34 @@
</head> </head>
<body class="tyjgzx_co"> <body class="tyjgzx_co">
<header class="ty_herader"> <header class="ty_herader">
<img src="../../img/grzx/topimg.jpg" title="图1" alt="图片已缺失"> <img src="../../img/grzx/topimg.jpg" title="图1" alt="图片已缺失">
<nav class="ty_w ty_w1220 ty_ds"> <nav class="dis p-zy320 pod" >
<img src="../../img/logo.png" title="图2" alt="图片已缺失"> <a href="">
<img src="../../img/logo.png" title="图2" alt="图片已缺失">
</a>
<div class="ty_listnavdIV">
<ul class="ty_listnav"> <ul class="ty_listnav">
<li> 123</li> <li> 123</li>
<li><span class="ty_di"></span><a target="_parent" href="../../index.html">网站首页</a></li> <li><span class="ty_di"></span><a target="_parent" href="../../index.html">网站首页</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../aboutUs/aboutUs.html">关于我们</a></li> <li><span class="ty_di"></span><a target="_parent" href="../aboutUs/aboutUs.html">关于我们</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../logshoppingcar/shopcar.html"><img class="ty_topicon" title="图3" src="../../img/sy-scart.png" alt="图片已缺失">我的购物车</a></li> <li><span class="ty_di"></span><a target="_parent" href="../logshoppingcar/shopcar.html"><img class="ty_topicon" title="图3" src="../../img/sy-scart.png" alt="图片已缺失">我的购物车</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../artNetwork/pointsMall.html">积分商城</a></li> <li><span class="ty_di"></span><a target="_parent" href="../artNetwork/pointsMall.html">积分商城</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../contactUs/contactUs.html">联系我们</a></li> <li><span class="ty_di"></span><a target="_parent" href="../contactUs/contactUs.html">联系我们</a></li>
<li><span class="ty_di"></span><a target="_parent" class="ty_gr" href="../grzx/personalData.html">个人中心</a></li> <li><span class="ty_di"></span><a target="_parent" class="ty_gr" href="../grzx/personalData.html" >个人中心</a></li>
<li><a target="_parent" href="../logshoppingcar/login.html">【退出】</a></li> <li><a target="_parent" href="../logshoppingcar/login.html">【退出】</a></li>
</ul> </ul>
</div>
<div class="ty_btntop">
<img class="ty_btntopimg" src="../../img/public/gn.png">
</div>
</nav> </nav>
</header> </header>
<div class="mian "> <div class="mian ">

View File

@ -30,23 +30,34 @@
<body> <body>
<!-- 头部导航 --> <!-- 头部导航 -->
<header class="ty_herader"> <header class="ty_herader">
<img src="../../img/grzx/topimg.jpg" title="图1" alt="图片已缺失"> <img src="../../img/grzx/topimg.jpg" title="图1" alt="图片已缺失">
<nav class="ty_w ty_w1220 ty_ds"> <nav class="dis p-zy320 pod" >
<img src="../../img/logo.png" title="图2" alt="图片已缺失"> <a href="">
<img src="../../img/logo.png" title="图2" alt="图片已缺失">
</a>
<div class="ty_listnavdIV">
<ul class="ty_listnav"> <ul class="ty_listnav">
<li> 123</li> <li> 123</li>
<li><span class="ty_di"></span><a target="_parent" href="../../index.html">网站首页</a></li> <li><span class="ty_di"></span><a target="_parent" href="../../index.html">网站首页</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../aboutUs/aboutUs.html">关于我们</a></li> <li><span class="ty_di"></span><a target="_parent" href="../aboutUs/aboutUs.html">关于我们</a></li>
<li><span class="ty_di"></span><a target="_parent" class="ty_gr" href="../logshoppingcar/shopcar.html"><img class="ty_topicon" title="图3" src="../../img/sy-scart.png" alt="图片已缺失">我的购物车</a></li> <li><span class="ty_di"></span><a target="_parent" class="ty_gr" href="../logshoppingcar/shopcar.html"><img class="ty_topicon" title="图3" src="../../img/sy-scart.png" alt="图片已缺失">我的购物车</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../artNetwork/pointsMall.html">积分商城</a></li> <li><span class="ty_di"></span><a target="_parent" href="../artNetwork/pointsMall.html">积分商城</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../contactUs/contactUs.html">联系我们</a></li> <li><span class="ty_di"></span><a target="_parent" href="../contactUs/contactUs.html">联系我们</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../grzx/personalData.html" >个人中心</a></li> <li><span class="ty_di"></span><a target="_parent" href="../grzx/personalData.html" >个人中心</a></li>
<li><a target="_parent" href="../logshoppingcar/login.html">【退出】</a></li> <li><a target="_parent" href="../logshoppingcar/login.html">【退出】</a></li>
</ul> </ul>
</div>
<div class="ty_btntop">
<img class="ty_btntopimg" src="../../img/public/gn.png">
</div>
</nav> </nav>
</header> </header>
<div class="zhanw"></div> <div class="zhanw"></div>