银花优选微信小程序修改后的最新版本代码
This commit is contained in:
ss001
202
pages/myincome/index.wxss
Normal file
202
pages/myincome/index.wxss
Normal file
@@ -0,0 +1,202 @@
|
||||
/**index.wxss**/
|
||||
page{
|
||||
background: #ccc;
|
||||
}
|
||||
.container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 14px;
|
||||
color: #000;
|
||||
}
|
||||
.clear{ height:0;clear:both;}
|
||||
|
||||
.myincome-box{
|
||||
margin: 0;
|
||||
padding:0.8em;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
}
|
||||
.myincome-box .myincome-box-to{
|
||||
width: 100%;
|
||||
background-color: #383843;
|
||||
border-radius: 0.5em;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.myincome-box .myincome-item{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0;
|
||||
padding: 0.8em;
|
||||
width:auto;
|
||||
color: #fff;
|
||||
|
||||
}
|
||||
.myincome-box .myincome-item view{
|
||||
font-size: 1.2em;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
.myincome-box .myincome-item view.title{
|
||||
color:#939393;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.myincome-box .myincome-item-to{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: 0;
|
||||
padding:0;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
}
|
||||
.myincome-box .myincome-item-to .myincome-item{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height:4em;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
.myincome-box .myincome-item-to .myincome-item view{
|
||||
font-size: 1.2em;
|
||||
color:#ff4d00;
|
||||
}
|
||||
.myincome-box .myincome-item-to .myincome-item view.title{
|
||||
color:#939393;
|
||||
font-size: 1em;
|
||||
}
|
||||
.myincome-list{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
padding: 0 0.8em;
|
||||
box-sizing: border-box
|
||||
}
|
||||
.myincome-list .list-item{
|
||||
margin-bottom:0.8em;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding:0.8em;
|
||||
background-color: #fff;
|
||||
box-sizing: border-box;
|
||||
border-radius:0.5em;
|
||||
}
|
||||
.myincome-list .list-item.seef{background-color: #f5f5f5;}
|
||||
.myincome-list .list-item .title{
|
||||
flex-grow: 1;
|
||||
color:#939393;
|
||||
}
|
||||
.myincome-list .list-item .money{
|
||||
width:auto;
|
||||
color:#ff4d00;
|
||||
}
|
||||
.myincome-list .list-item .ico{
|
||||
width:1.2em;
|
||||
height: 1.2em;
|
||||
}
|
||||
.myincome-list .list-item .ico image{
|
||||
width:100%;
|
||||
height: 100%;
|
||||
}
|
||||
.balance-title{width:100%; height: 2.5em; line-height: 2.5em; padding:0 1em;box-sizing: border-box;}
|
||||
.balance-box0{
|
||||
display: flex;
|
||||
flex-direction:column;
|
||||
padding: 0 0.8em;
|
||||
padding-top: 0;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.balance-box0 .balance-box0-to{
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
width: 100%;
|
||||
border-radius:0.5em;
|
||||
background-color: #fff;
|
||||
}
|
||||
.balance-box0 .balance-item{
|
||||
display: flex;
|
||||
flex-direction:row;
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.balance-box0 .balance-item .item-left{
|
||||
display: flex;
|
||||
flex-direction:row;
|
||||
width:50%;
|
||||
padding: 0.5em 1em;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.balance-box0 .balance-item .item-right{
|
||||
display: flex;
|
||||
flex-direction:row;
|
||||
width:50%;
|
||||
padding: 0.5em 1em;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.balance-box0 .balance-item .item-image{
|
||||
display: flex;
|
||||
width:2em;
|
||||
height: 2em;
|
||||
padding: 0.5em;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
box-sizing: border-box;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.image-color0{
|
||||
background-color: #05c4db;
|
||||
}
|
||||
.image-color1{
|
||||
background-color: #ff4d00;
|
||||
}
|
||||
.image-color2{
|
||||
background-color: #9a0b95;
|
||||
}
|
||||
.image-color3{
|
||||
background-color: #eab104;
|
||||
}
|
||||
.image-color4{
|
||||
background-color: #0dc1ae;
|
||||
}
|
||||
.image-color5{
|
||||
background-color: #3313ac;
|
||||
}
|
||||
.balance-box0 .balance-item .item-image image{
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
.balance-box0 .balance-item .item-font{
|
||||
display: flex;
|
||||
flex-direction:column;
|
||||
flex-flow: 1;
|
||||
padding-left: 0.5em;
|
||||
box-sizing: border-box;
|
||||
color:#848484;
|
||||
}
|
||||
.balance-box0 .balance-item .item-font .money{
|
||||
color: #ff0000;
|
||||
}
|
||||
.Hidden_box{ position: fixed;display: flex;align-items: center; justify-content: center; top:0; left:0; width:100%;height:100vh; background:rgba(0, 0, 0, 0.5);z-index: 100;}
|
||||
.Hidden_box_to{position: relative; padding: 8px; width:90%;height:auto; background-color: #fff; box-sizing: border-box; border-radius:0.5em;}
|
||||
.Hidden_box_to.addcart_box{ position: absolute; bottom:0; width:100%;border-radius:0.5em 0.5em 0 0;}
|
||||
.Hidden_box_to .close{position: absolute; right:0.5em; top:0.5em; width:1.5em; height:1.5em; padding:0.15em; background-color:#fff;border:1px solid #f1f1f1;border-radius:50%;box-sizing:border-box;}
|
||||
.Hidden_box_to .close image{width:100%;height:100%;}
|
||||
.Hidden_box_to .title{width:100%;height:2.5em;}
|
||||
.Hidden_box_to .body{line-height:1em;}
|
||||
.Hidden_box_to .body button::after{border:0;}
|
||||
.Hidden_box_to .body button{margin-top:0.5em;background:linear-gradient(to right,#00B050,#00B050);color:#fff; border-radius:0.5em;}
|
||||
.Hidden_box_to.gotoagent .body{padding:1em 0; line-height: 1.2em;}
|
||||
.Hidden_box_to.gotoagent .body button{float: left;margin-top:1.5em; width:49%;height:2em; line-height:2em;}
|
||||
.Hidden_box_to.gotoagent .body button.closebtn{margin-right: 2%; background:#eee; color:#aaa;}
|
||||
Reference in New Issue
Block a user