123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103 |
- .page-calendar{
- background: #543928;
- min-height:100vh;
- width:100%;
- display: flex;
- padding-bottom:10px;
- .calendar-out{
- width:95%;
- margin:auto;
- height:90%;
- margin-top:10px;
- .top-header{
- height:20px;
- background-image: url(/static/images/caltop.png);
-
- }
- .top-content{
- background:#FFF;
- }
- .mid-bg{
- height:110px;
- background-image: url(/static/images/calmid.jpg);
- background-size: 101% 110px;
- background-repeat: no-repeat;
- width: 100%;
- }
- .mid-data{
- background:#FFF;
- height:250px;
- overflow: hidden;
- overflow-y: auto;
- .news-date{
- font-size:14px;
- font-weight: bold;
- margin-left:10px;
- }
- .data-list{
- margin-top:10px;
- display:flex;
- flex-direction: column;
- margin-bottom:10px;
- margin-left:10px;
- margin-right: 10px;
- .item{
- height:80px;
- overflow: hidden;
- display:flex;
- flex-direction: row;
- justify-content: flex-start;
- align-items: center;
- .image{
- width:70px;
- height: 70px;
- display:flex;
- justify-content: center;
- align-items: center;
- margin-right: 10px;
-
- .img{
- width:100%;
- height:100%;
- border-radius: 10px;
- overflow: hidden;
- }
- }
- .news{
- width:70%;
- height:100%;
- .title{
- height:30px;
- display:flex;
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
- margin-left:5px;
- .text{
- font-size:16px;
- font-weight:bold;
- color:#000;
- }
- .date{
- font-size:12px;
- margin-right:10px;
- }
- }
- .intro{
- font-size:12px;
- color:#aaaaaa;
- margin-top:5px;
- margin-left:5px;
- }
- }
- }
- }
-
-
- }
- }
-
-
- }
|