fe / yohobuy-node · Commits

Go to a project

Authored by yyq
Commit 189572c0a11d0efe521cc5c17d0b94e46faaa5b3 1 parent 143659c4

css 调整

Inline Side-by-side
Showing 5 changed files with 122 additions and 213 deletions
... ... @@ -17,6 +17,9 @@
}
.yoho-page {
/*
楼层头部样式
*/
.floor-header {
position: relative;
margin: 80px 0 40px;
... ...
... ... @@ -228,9 +228,8 @@ a {
@import "header";
@import "footer";
@import "404";
@import "index/index";
@import "product/index";
@import "plugins/slider";
@import "common/index";
@import "plugin/index";
/* 模块 */
@import "index/index";
... ...
.yoho-dialog {
position: fixed;
padding: 20px;
top: 50%;
left: 50%;
min-height: 130px;
min-width: 350px;
background: #f8f8f8;
z-index: 1001;
border: 5px solid rgba(0,0,0,.38);
.close {
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
}
.content {
text-align: center;
}
.btns {
text-align: center;
}
.alert-sure{
background: #000;
color: #fff;
}
.confirm-sure{
background: #000;
color: #fff;
}
.btn {
display: inline-block;
width: 56px;
height: 26px;
line-height: 26px;
text-align: center;
border: 1px solid #000;
cursor: pointer;
margin-left: 10px;
&:first-child {
margin-left: 0;
}
}
&.alert-dialog .content,
&.confirm-dialog .content {
width: 350px;
height: auto;
min-height: 90px;
overflow: hidden;
line-height: 20px;
position: relative;
padding-top: 40px;
padding-bottom: 20px;
p{
position: absolute;
left: 0;
bottom: 25px;
width: 100%;
color: #444;
line-height: 25px;
}
div{
position: absolute;
top: 0;
left: 100px;
padding-top: 30px;
font-size: 22px;
font-weight: bold;
width: 150px;
height: 30px;
line-height: 30px;
margin: 0 auto;
span{
background: url(/cart/del.png);
float: left;
width: 27px;
height: 30px;
}
}
}
&.subcontent-dialog {
padding: 30px 0px 30px 0px;
.content {
font-weight: bold;
margin: 0px auto 30px auto;
}
.sub-content {
text-align: center;
font-size: 12px;
color: #555;
margin-left: 5px;
margin-bottom: 5px;
}
.btn {
margin-top: 25px;
width: 100px;
font-size: 13px;
margin-left: 0;
margin-right: 0;
&.black {
background-color: #000;
color: #fff;
}
}
}
}
.yoho-dialog {
position: fixed;
padding: 20px;
top: 50%;
left: 50%;
min-height: 130px;
min-width: 350px;
background: #f8f8f8;
z-index: 1001;
border: 5px solid rgba(0, 0, 0, 0.38);
.close {
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
}
.content {
text-align: center;
}
.btns {
text-align: center;
}
.alert-sure {
background: #000;
color: #fff;
}
.confirm-sure {
background: #000;
color: #fff;
}
.btn {
display: inline-block;
width: 56px;
height: 26px;
line-height: 26px;
text-align: center;
border: 1px solid #000;
cursor: pointer;
margin-left: 10px;
&:first-child {
margin-left: 0;
}
}
&.alert-dialog .content,
&.confirm-dialog .content {
width: 350px;
height: auto;
min-height: 90px;
overflow: hidden;
line-height: 20px;
position: relative;
padding-top: 40px;
padding-bottom: 20px;
p {
position: absolute;
left: 0;
bottom: 25px;
width: 100%;
color: #444;
line-height: 25px;
}
div {
position: absolute;
top: 0;
left: 100px;
padding-top: 30px;
font-size: 22px;
font-weight: bold;
width: 150px;
height: 30px;
line-height: 30px;
margin: 0 auto;
span {
background: url(/cart/del.png);
float: left;
width: 27px;
height: 30px;
}
}
}
&.subcontent-dialog {
padding: 30px 0;
.content {
font-weight: bold;
margin: 0 auto 30px;
}
.sub-content {
text-align: center;
font-size: 12px;
color: #555;
margin-left: 5px;
margin-bottom: 5px;
}
.btn {
margin-top: 25px;
width: 100px;
font-size: 13px;
margin-left: 0;
margin-right: 0;
&.black {
background-color: #000;
color: #fff;
}
}
}
}
... ...
@import "slider";
@import "dialog";
... ...
.slider {
position: relative;
height: 327px;
width: 100%;
overflow: hidden;
img {
max-width: 100%;
max-height: 100%;
}
}
.slide-pagination {
position: absolute;
left: 0;
right: 0;
bottom: 12px;
text-align: center;
}
.slide-pagination-inner {
display: inline-block;
position: relative;
padding: 7px;
vertical-align: middle;
}
.slide-shade {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #000;
opacity: 0.3;
border-radius: 13px;
}
.slide-pagination-last span {
display: block;
float: left;
position: relative;
margin: 0 7px;
width: 12px;
height: 12px;
background: #fff;
cursor: pointer;
opacity: 0.6;
border-radius: 6px;
z-index: 2;
&.focus {
opacity: 1;
}
}
.slide-switch {
display: none;
&.show {
display: block;
}
a {
display: block;
position: absolute;
top: 50%;
margin: -30px 0 0;
width: 60px;
height: 60px;
line-height: 56px;
text-align: center;
z-index: 2;
background: #fff;
opacity: 0.55;
&:hover{
opacity: 0.9;
}
.iconfont {
font-size: 32px;
color: #59585a;
}
}
.prev {
left: 0;
}
.next {
right: 0;
}
}
\ No newline at end of file