#

whycq

2023-02-13 b710c0b8e06e1ff475d4e0d5ee241fd71c607678

 static/css/app.less

@@ -1,10 +1,11 @@
.main {
   margin-top: 5rpx;
   margin: 5px 15px 0 15px;
   min-height: 80rpx;
   width: 100%;
   background-color: #FFF;
   display: grid;
   justify-items: center;
   box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
   border-radius: 5px;
   .item {
      height: 80rpx;
      width: 90%;
@@ -21,12 +22,16 @@
   }
}
.list {
   margin: 5px 15px 0 15px;
   margin: 5px 25px 0 15px;
   min-height: 80rpx;
   display: grid;
   background-color: #FFF;
   grid-template-columns: 550rpx 1fr;
   border-bottom: 1px solid #bbb;
   box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
   border-radius: 5px;
   &-left {
      margin-top: 10rpx;
      display: grid;
      grid-template-columns: 1fr 3fr;
      .desc {
@@ -38,6 +43,9 @@
      grid-template-columns: 1fr 1fr;
      align-items: center;
   }
   &:first-child {
      margin-top: 25px;
   }
   &:last-child {
      border:none;
   }
@@ -46,13 +54,14 @@
   }
}
.buttom {
   width: 100%;
   position: fixed;
   bottom: 0;
   left: 0;
	
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 100rpx;
   // background-color: #007aff;
   background-color: #FFF;
   box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.4) ;
}