You've already forked qlg.tsgz.moe
Init Repo
This commit is contained in:
369
static/app2/css/my.css
Executable file
369
static/app2/css/my.css
Executable file
@ -0,0 +1,369 @@
|
||||
body:after {
|
||||
content: "";
|
||||
position: fixed;
|
||||
/*top: -10px;*/
|
||||
bottom: -10px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
box-shadow: 0 -0.5vw 2.3vw 3px rgba(25, 25, 25, 0.1);
|
||||
/*-webkit-box-shadow: 0 0.5vw 2.3vw 15px #ccc;
|
||||
-moz-box-shadow: 0 0.5vw 2.3vw 15px #ccc;
|
||||
-o-box-shadow: 0 0.5vw 2.3vw 15px #ccc;
|
||||
-ms-box-shadow: 0 0.5vw 2.3vw 15px #ccc;*/
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.my{
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.mui-scroll{
|
||||
/* background: url(../img/my_bg.png) no-repeat center top; */
|
||||
background-size: 100% ;
|
||||
}
|
||||
|
||||
|
||||
.con{
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
left: 15px;
|
||||
width: 93%;
|
||||
/* height: 70px; */
|
||||
|
||||
}
|
||||
.con .login{
|
||||
width: 78px;
|
||||
height:78px;
|
||||
border-radius: 100px;
|
||||
border: 3px solid #ebebeb;
|
||||
color: white;
|
||||
text-align: center;
|
||||
line-height: 72px;
|
||||
/*margin: 0 auto;*/
|
||||
position: absolute;
|
||||
top: -20px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 0;
|
||||
margin:0px auto;
|
||||
/* font-size: 22px; */
|
||||
background: white;
|
||||
color: black;
|
||||
}
|
||||
.con1{
|
||||
margin-top: 30px;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items:center;
|
||||
padding: 10px;
|
||||
height:120px ;
|
||||
}
|
||||
.con1 img{
|
||||
display: inline-block;
|
||||
width: 78px;
|
||||
height: 78px;
|
||||
border-radius: 100px;
|
||||
border: 3px solid #fff;
|
||||
margin-right: 20px;
|
||||
/* left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
z-index: 11;
|
||||
position: absolute; */
|
||||
}
|
||||
.con1 .left {
|
||||
width: 60%;
|
||||
height: 80px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: flex-start;
|
||||
flex-direction: column;
|
||||
}
|
||||
.con1 p{
|
||||
display: inline-block;
|
||||
/* position: absolute; */
|
||||
font-size: 19px;
|
||||
color: #fff;
|
||||
font-weight:300;
|
||||
/* width: 60%; */
|
||||
|
||||
/* left: 0; */
|
||||
/* top: 85px; */
|
||||
/* right: 0; */
|
||||
/* margin: 0 auto; */
|
||||
/* width: 100%; */
|
||||
/* text-align: center; */
|
||||
}
|
||||
.con1 .left p span {
|
||||
padding-right: 10px;
|
||||
font-size: 14px
|
||||
}
|
||||
.seeting{
|
||||
font-size: 22px;
|
||||
color: #fff;
|
||||
/* margin-top: 15px;
|
||||
margin-left: 9px;
|
||||
float: left; */
|
||||
width: 10%;
|
||||
}
|
||||
.hyz{
|
||||
width: 102px;
|
||||
height: 26.4px;
|
||||
font-size: 13.2px;
|
||||
line-height: 29px;
|
||||
text-indent: 27px;
|
||||
color: #fff;
|
||||
background: url(../img/hyz_bg.png) no-repeat center top;
|
||||
background-size: 100%;
|
||||
right: 0;
|
||||
position: absolute;
|
||||
top: 111px;
|
||||
}
|
||||
.nav {
|
||||
width: 96%;
|
||||
height: 122px;
|
||||
background: white;
|
||||
/* margin-bottom: 9px; */
|
||||
margin: 0 2%;
|
||||
padding-top: 58px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.nblock{
|
||||
width: 33.3%;
|
||||
height: 72px;
|
||||
text-align: center;
|
||||
float: left;
|
||||
/* padding-top: 10px; */
|
||||
}
|
||||
.nblock p{
|
||||
color: #525252;
|
||||
font-size: 13.2px;
|
||||
margin-top: 3px;
|
||||
|
||||
}
|
||||
|
||||
.order, .myMoney, .myYouhuiquan, .mydata, .shenqingcon{
|
||||
margin: 6px 2%;
|
||||
width: 96%;
|
||||
}
|
||||
/* 优惠券 */
|
||||
.myYouhuiquan{
|
||||
/* height: 150px; */
|
||||
width: 98%;
|
||||
margin: 5px auto 0px;
|
||||
/* padding-top: 30px; */
|
||||
/* display: none; */
|
||||
}
|
||||
.myYouhuiquan_con{
|
||||
/* position: absolute; */
|
||||
height: 100px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
background: white;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #FFFFFF;
|
||||
border-radius: 5px;
|
||||
/* border-bottom: 1px solid #e6e6e6; */
|
||||
}
|
||||
.myYouhuiquan_con1{
|
||||
width: 90%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
/* padding-top: 111px; */
|
||||
/* background: #000000; */
|
||||
margin: 15px auto 2px;
|
||||
}
|
||||
.myYouhuiquan_cb{
|
||||
width:33.333%;
|
||||
height: 50px;
|
||||
padding: 4px auto;
|
||||
text-align: center;
|
||||
/* float: left; */
|
||||
/* position: relative; */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* align-items: center; */
|
||||
justify-content: center;
|
||||
border-bottom: 1px solid #c0c0c0;
|
||||
/* border: 1px solid #C0C0C0; */
|
||||
}
|
||||
|
||||
.myYouhuiquan_cb p{
|
||||
color: #525252;
|
||||
font-size: 18px;
|
||||
}
|
||||
.myYouhuiquan_cb .orange{
|
||||
color:#FC773F;
|
||||
font-size: 18px;
|
||||
}
|
||||
/* 订单 */
|
||||
|
||||
.order_title{
|
||||
width: 100%;
|
||||
height: 43px;
|
||||
background: white;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
line-height: 43px;
|
||||
|
||||
}
|
||||
|
||||
.order_title p{
|
||||
font-size: 18px;
|
||||
color: black;
|
||||
float: left;
|
||||
margin: 0;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.order_title .order_more{
|
||||
color: #909090;
|
||||
font-size: 17px;
|
||||
float: right;
|
||||
margin: 0;
|
||||
margin-right: 12px;
|
||||
|
||||
}
|
||||
.order_con{
|
||||
background: white;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
.order_cb{
|
||||
width: 20%;
|
||||
height: 90px;
|
||||
text-align: center;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
.orderimg{
|
||||
width: 30px;
|
||||
/* height: 30px; */
|
||||
margin: 10px auto;
|
||||
}
|
||||
.orderimg img{
|
||||
width:100%;
|
||||
/* margin-top: 15px; */
|
||||
}
|
||||
.order_cb p{
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
/* margin-top: 3px; */
|
||||
/* color: #525252; */
|
||||
color: #909090;
|
||||
font-size: 18px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.logistics{
|
||||
height: 96px;
|
||||
background: white;
|
||||
}
|
||||
.waitReceive{
|
||||
position: relative;
|
||||
}
|
||||
.num{
|
||||
position: absolute;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
background: red;
|
||||
color: white;
|
||||
font-size: 10.8px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
top: 5px;
|
||||
left: 70%;
|
||||
}
|
||||
|
||||
.myMoney{
|
||||
width: 96%;
|
||||
background: white;
|
||||
|
||||
}
|
||||
.moneycon_{
|
||||
width: 25%;
|
||||
float: left;
|
||||
height: 100px;
|
||||
position: relative;
|
||||
}
|
||||
.moneycon_ img{
|
||||
text-align: center;
|
||||
width: 61px;
|
||||
height: 61px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
top:5px;
|
||||
}
|
||||
.moneycon_ p{
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
color: #E51329;
|
||||
font-size: 14.4px;
|
||||
}
|
||||
.share{
|
||||
font-size: 14.4px;
|
||||
color: #ffffff;
|
||||
margin-top: 15px;
|
||||
margin-right: 9px;
|
||||
float: right;
|
||||
}
|
||||
.mydata .mydata-content{
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.mydata .mydata-content .mydata-table-view-cell{
|
||||
width: 25%;
|
||||
text-align: center;
|
||||
padding: 5px 0px;
|
||||
border-right: 1px solid #ECECEC;
|
||||
border-bottom: 1px solid #ECECEC;
|
||||
|
||||
}
|
||||
.mydata .mydata-content .mydata-table-view-cell a {
|
||||
color:#525252 ;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
.mydata .mydata-content .mydata-table-view-cell p {
|
||||
font-size: 18px;
|
||||
}
|
||||
.mydata .mydata-content .mydata-table-view-cell .mydata-media-body {
|
||||
font-size: 13px;
|
||||
|
||||
}
|
||||
.shenqingcon {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.shenqingcon .shenqingcon_{
|
||||
width: 24%;
|
||||
text-align: center;
|
||||
}
|
||||
.shenqingcon .shenqingcon_ img{
|
||||
text-align: center;
|
||||
width: 61px;
|
||||
height: 61px;
|
||||
/* position: absolute;
|
||||
left: 0;
|
||||
right: 0; */
|
||||
margin: 0 auto;
|
||||
top:5px;
|
||||
}
|
Reference in New Issue
Block a user