123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224 |
- .page-school-index{
- background:url(https://business.coffunity.cn/upload/school.png);
- background-size: cover;
- background-color:#cfab7b;
- width:100vw;
- min-height:100vh;
-
- display:flex;
- flex-direction: column;
- position:relative;
- overflow: hidden;
- .user-header{
- margin-top:0px;
- margin-left:20px;
- border-radius: 10px;
- width:150px;
- overflow: hidden;
- }
- .school-item{
- position:fixed;
- bottom:10px;
- left:10px;
- right:10px;
- display: flex;
- flex-direction: column;
-
- .process{
- height:20px;
- display:flex;
- flex-direction: row;
- .heart{
-
- font-size:12px;
- color:#FFF;
- }
- .process-txt{
- width:100%;
- border-radius: 10px;
- margin-left:10px;
- z-index:-1;
- position:relative;
- .bg{
- width:100%;
- height:100%;
- background:#FFF;
- opacity: 0.3;
- position:absolute;
- border-radius: 10px;
- }
- .bar{
- border:1px solid $teacher-main-color;
- height:80%;
- margin:3px;
- border-radius: 10px;
- overflow: hidden;
- .p{
- background:$teacher-main-color;
-
- height:100%;
- }
- }
-
- }
- }
-
- .content{
- width:100%;
- height:260px;
- margin-bottom: 60px;
- border-radius: 10px;
- margin-top:10px;
- overflow: hidden;
- border:3px solid #643b17;
- position:relative;
- z-index:900;
-
- .bg{
- width:100%;
- height:100%;
- background:#FFF;
- opacity: 0.8;
- position:absolute;
- z-index:-1;
- }
-
- .user{
- border-bottom: 3px solid #643b17;
- width:100%;
- display:flex;
- flex-direction: row;
- height:60px;
- z-index:910;
- .left{
- display:flex;
- flex-direction: row;
- height:100%;
- width:75%;
- .header{
- width:30%;
- height:100%;
- display:flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- .img{
- width:40px;
- height:40px;
- border-radius: 10px;
- }
- }
- .info{
- font-size:12px;
- height:100%;
- width:100%;
- display:flex;
- flex-direction: column;
- justify-content: flex-start;
- align-items:center;
- margin-left:10px;
- padding-top:5px;
- color:#653b18;
- .text{
- height:20px;
- width:100%;
- line-height: 20px;
- text-align:left;
- }
- }
- }
- .right{
- display:flex;
- justify-content: center;
- align-items: center;
- .btn{
- background:#CCC;
- padding:0px;
- margin:0px;
- height:30px;
- line-height: 30px;
- font-size:12px;
- padding-left:10px;
- padding-right: 10px;
- border-radius: 5px;
- }
- .active{
- background:#653b18;
- color:#FFF;
- .uni-icons{
- color:#FFF;
- margin-right: 5px;
- }
- }
- }
- }
-
-
- .donate{
- height:70%;
- width:100%;
- display:flex;
- justify-content: center;
- align-items: center;
- z-index:920;
- .mid{
- display:flex;
- justify-content: center;
- align-items: center;
- height:100%;
- color:#000;
- font-size:14px;
- }
- }
-
- .heart_total{
- justify-content:left;
- margin-left: 20px;
- margin-top: 10px;
- height:26px;
- align-items: center;
- font-size:12px;
- color:#653b18;
- font-weight: bold;
- }
-
- .item-list{
- height:180px;
- overflow: hidden;
- overflow-y: auto;
- .items{
- margin-left:10px;
- margin-right:10px;
- .item{
- width:100%;
- display:flex;
- flex-direction: row;
- height:30px;
- justify-content: center;
- align-items: center;
- font-size:12px;
- color:#653b18;
- .date{
- display:flex;
- width:30%;
- justify-content: center;
- align-items: center;
- }
- .name{
- diaplay:flex;
- width:50%;
- justify-content: flex-start;
- align-items: center;
- }
- .qty{
- display: flex;
- width:20%;
- justify-content: center;
- align-items: center;
- }
- }
- }
- }
- }
- }
- }
|