bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
历届学生/罗朝/一号店/css/clear.css Normal file
View File

@@ -0,0 +1,19 @@
body,ul,p,h3,h1,h2,h4,h5,h6 {
margin: 0;
padding: 0;
}
body {
background-color: #f5f5f5;
}
a {
color: #333;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
input {
outline: none;
}

573
历届学生/罗朝/一号店/css/index.css Normal file
View File

@@ -0,0 +1,573 @@
.header {
background: #f4f4f4;
border-bottom: 1px solid #e5e5e5;
height: 30px;
}
.left_menu li{
float: left;
line-height: 30px;
}
.left_menu li:first-child:hover .drop_address{
display: block;
}
.left_menu .iconfont{
color: #ff4040
}
.icon-dizhi {
margin-left: 10px;
}
.left_menu p {
font-size: 12px;
padding-left: 3px;
vertical-align: bottom;
color: #666;
}
.left_menu li:last-child {
margin-left: 20px;
}
.left_menu li:fast-child {
position: relative;
}
.drop_address {
position: absolute;
border: 1px solid #dbdbdb;
background: #fff;
top: 30px;
padding: 15px 0px 15px 20px;
box-sizing: border-box;
overflow: hidden;
display: none;
z-index: 9999;
}
.search_city input{
width: 135px;
height: 26px;
padding: 0 8px 0 5px;
background: url("../img/address_search.png");
background-repeat: no-repeat;
background-position: 4px 5px;
box-sizing: border-box;
padding-left: 26px;
border: 1px solid #dbdbdb;
}
.search_city {
width: 100%;
}
.search_city span,
.hot_city span,
.find_city .chart_title {
font-size: 12px;
font-weight: bold;
color: #666;
padding-right: 10px;
}
.find_city span {
width: 22px;
height: 20px;
line-height: 20px;
text-align: center;
color: gray;
font-size: 12px;
background: #eee;
margin-right: 5px;
padding-right: 0;
display: inline-block;
}
.chart span {
margin-top: 5px;
float: left;
}
.hot_city ul{
width: 600px;
}
.hot_city ul li{
padding: 0 21px 5px 0;
}
.hot_city ul li a{
font-size: 12px;
}
.hot_city {
overflow: hidden;
border-bottom: 1px dotted #e0e0e0;
}
.close {
right: 11px;
top: -2px;
color: #ccc;
font-size: 16px;
}
.right_menu li{
float: left;
line-height: 30px;
font-size: 12px;
color: #666;
}
.right_menu li a{
font-size: 12px;
color: #666;
}
.right_menu li:first-child {
margin: 0 10
}
.right_menu li:nth-child(2) {
margin-left:8px;
}
.right_menu li:nth-child(3) {
margin:0 15px;
border-left: 1px solid #f4f4f4;
border-right: 1px solid #f4f4f4;
}
.right_menu li:first-child a{
color: #ff4040;
}
.right_menu li:last-child {
padding: 0 7px;
}
.right_menu .iconfont {
vertical-align: top;
}
.logo{
margin-top: 1px;
}
.logo_center {
overflow: hidden;
}
.logo_new {
width: 140px;
height: 140px;
}
.logo_new_text {
width: 160px;
height: 90px;
right: 0;
top: 30px;
}
.logo_left {
position: relative;
width: 300px;
height: 140px;
}
.search_right {
padding-top: 50px;
}
.search_right_input input {
width: 100%;
border-radius: 100px;
height: 38px;
line-height: 38px;
color: #333;
background: #fcfcfc;
border: 1px solid #e2e2e2;
padding-left: 32px;
box-sizing: border-box;
}
.search_right_input {
width: 512px;
}
.cart_shop {
width: 120px;
height: 20px;
padding: 9px 0 9px;
border: 1px solid #e2e2e2;
border-radius: 100px;
background: #fff;
text-align: center;
line-height: 20px;
color: #333;
font-size: 16px;
margin-left: 17px;
}
.icon-sousuo {
right: 13px;
top: 6px;
font-size: 20px;
}
.icon-gouwuche {
font-size: 19px;
}
.search_list {
padding-top: 8px;
padding-left: 32px;
}
.search_list a{
color: #aaa;
font-size: 14px;
margin-right: 10px;
line-height: 19px;
}
.menu {
height: 38px;
}
.menu_center ul li {
float: left;
margin-left: 30px;
line-height: 38px;
position: relative;
}
.menu_center ul li .menu_dropmenu{
position: absolute;
width: 1070px;
height: 410px;
background: #ff0;
top: 38px;
background-color: #fff;
border: 1px solid #ff4040;
z-index: 99999;
display: none;
}
.menu_center .active:hover .menu_dropmenu {
display: block;
}
.menu_center ul li a{
font-size: 16px;
color: #333;
}
.menu_center .active {
width: 140px;
height: 38px;
text-align: center;
line-height: 38px;
font-size: 16px;
background-color: #ff4040;
box-sizing: border-box;
}
.menu_center .active a{
color: #fff;
}
.icon-caidan {
padding-right: 13px;
font-size: 12px;
}
.banner {
width: 100%;
height: 400px;
background: url("../img/banner_1.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;;
}
.banner ul {
left: 50%;
bottom: -10px;
margin-left: -300px;
}
.banner ul li {
float: left;
margin-right: 10px;
width: 110px;
height: 40px;
background: #fff;
text-align: center;
color: #333;
font-size: 14px;
line-height: 40px;
}
.on_active {
background-color: #333 !important;
color: #fff !important;
}
.advertisement {
height: 110px;
margin-top: 20px;
margin-bottom: 20px;
}
.shop_list_center {
height: 362px;
}
.item {
width: 530px;
height: 362px;
margin-right: 10px;
background-color: #fff;
padding: 22px 20px 18px;
box-sizing: border-box;
}
.list_shop_items .item:last-child{
margin-right: 0px;
}
.item_title h3 {
font-size: 26px;
color: #493188;
margin-right: 7px;
float: left;
}
.item_title span {
font-size: 16px;
color: rgba(69,52,127,0.7);
display: inline-block;
height: 37px;
line-height: 37px;
}
.item_info {
width: 490px;
height: 130px;
margin-top: 21px;
background: url("../img/item_info_back.jpg");
background-size: cover;
box-sizing: border-box;
}
.item_info_zhezhao {
width: 490px;
height: 130px;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #000;
z-index: 0;
opacity: .4;
}
.shop_titles,
.info_title,
.img_list {
z-index: 3;
margin-top: 25px;
}
.shop_titles {
width: 50px;
height: 50px;
border-radius: 100%;
margin-left: 20px;
margin-right: 20px;
}
.img_list li {
float: left;
width: 80px;
height: 80px;
background: #fff;
margin-right: 10px;
}
.img_list li img {
width: 60px;
height: 60px;
margin: 10px 10px 10px 10px;
transition: all 0.2s ease-in;
}
.info_title .info_title_sub{
font-size: 18px;
color: #fff;
height: 18px;
font-weight: bold;
line-height: 18px;
}
.info_title_sp {
color: #fff;
font-size: 16px;
margin-top: 8px;
height: 16px;
line-height: 16px;
font-weight: lighter;
}
.enter {
width: 63px;
height: 23px;
border: 1px solid #fff;
border-radius: 100px;
margin-left: 20px;
font-size: 14px;
color: #fff;
text-indent: 12px;
line-height: 20px;
margin-top: 15px;
box-sizing: border-box;
cursor: pointer;
text-align: center;
}
.icon-jiantou1 {
font-size: 14px;
}
.img_list {
margin-left: 15px;
}
.gold_color{
color: #AC8602 !important;
}
.img_list li:hover img {
margin-left: 4px;
}
.imported_center {
background: #fff;
margin-top: 20px;
overflow: hidden;
}
.imported_center_left {
width: 899px;
height: 421px;
padding: 22px 20px 18px;
box-sizing: border-box;
}
.imported_center_right {
width: 170px;
height: 421px;
float: left;
border-left: 1px solid #f6f6f6;
}
.imported_center_left .item_title h3 {
color: #B77347;
font-weight: initial;
}
.imported_center_left .item_title span {
color: rgba(183,115,71,0.7);
}
.imported_list {
margin-top: 20px;
}
.list_hot {
width: 189px;
height: 334px;
background: url("../img/item_back.jpg") no-repeat;
background-size: cover;
}
.list_hot ul li {
width: 74px;
height: 23px;
text-align: center;
line-height: 23px;
color: #fff;
margin-right: 9px;
margin-bottom: 9px;
float: left;
background: #ecc5ab;
border: 1px solid #f7e8de;
font-size: 14px;
font-weight: lighter;
}
.list_hot ul{
padding-left: 14px;
padding-top: 20px;
}
.imported_list_items{
width: 335px;
}
.imported_list_items_top {
width: 100%;
height: 167px;
background-color: #faf7f6;
}
.items_top_left {
margin-top: 40px;
margin-left: 30px;
}
.items_top_left p {
color: #793a11;
font-size: 14px;
}
.items_top_left span {
font-size: 14px;
color: #b77347;
}
.items_top_left button {
margin-top: 15px;
color: #e49337;
text-align: center;
width: 78px;
height: 27px;
line-height: 25px;
background: #faf7f6;
border: 1px solid rgba(228,147,55,0.5) !important;
}
.items_top_left+img{
margin-top: 40px;
width: 110px;
height: 110px;
float: right;
margin-right: 30px;
}
.items_bottom_left {
width: 167px;
height: 167px;
position: relative;
border-right: 1px solid #f6f6f6;
}
.items_bottom_left img {
position: absolute;
right: 10px;
bottom: 10px;
width: 90px;
height: 90px;
}
.s_ti {
margin-top: 15px;
margin-left: 15px;
}
.s_ti p {
font-size: 14px;
color:#666;
font-weight: 300;
}
.s_ti span {
font-size: 14px;
color:#666;
font-weight: bolder;
}
.clear_border {
border: none;
}
.imported_center_right {
background: url("../img/paihangbang.png") no-repeat;
background-size: 71px 71px;
background-position: right top;
}
.imported_center_right p {
font-size: 16px;
margin-top: 20px;
margin-left: 20.5px;
color: #333;
margin-bottom: 7px;
}
.imported_center_right span {
font-size: 14px;
margin-left: 20.5px;
color: #999;
}
.imported_center_right ul li {
width: 90px;
height: 90px;
position: relative;
background-color: #fff;
box-shadow: 0 2px 20px 0 rgba(0,0,0,0.07);
margin-bottom: 11px;
}
.imported_center_right ul li img{
margin-top: 15px;
margin-left: 15px;
width: 60px;
height: 60px;
}
.imported_center_right ul li div {
position: absolute;
font-size: 12px;
color: #fff;
width: 40px;
height: 16px;
text-align: center;
font-weight: bold;
left: 0;
top: 0;
}
.imported_center_right ul li:first-child div {
background: url("../img/top1.png") no-repeat;
background-size: cover;
}
.imported_center_right ul li:nth-child(2) div {
background: url("../img/top2.png") no-repeat;
background-size: cover;
}
.imported_center_right ul li:last-child div {
background: url("../img/top3.png") no-repeat;
background-size: cover;
}
.imported_center_right ul{
margin: 0 auto;
width: 90px;
margin-top: 13px;
}

43
历届学生/罗朝/一号店/css/public.css Normal file
View File

@@ -0,0 +1,43 @@
/* 公共的使用次数比较多的css代码 */
.left {
float: left;
}
.right {
float: right;
}
.back-fff{
background: #fff;
}
.width-1070 {
width: 1070px;
}
.margin-auto {
margin: auto;
}
.display-block {
display: inline-block;
}
.position-relative {
position: relative;
}
.position-absolute {
position: absolute;
}
.overflow-hidden{
overflow: hidden;
}
.margin-left-transition {
transition: all 0.6s;
}
.margin-left-start:hover {
margin-right: 40px;
}
.lef-start:hover {
right: 20px;
}