#

whycq

2023-02-13 1bea37073f305929215bf2c3f28e2263acb6fc20

 static/css/app.less

@@ -1,10 +1,11 @@
.main {
   margin-top: 5rpx;
   margin: 15px 15px 0 15px;
   min-height: 80rpx;
   width: 100%;
   background-color: #FFF;
   display: grid;
   justify-items: center;
   box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.5);
   border-radius: 5px;
   .item {
      height: 80rpx;
      width: 90%;
@@ -21,14 +22,16 @@
   }
}
.list {
   margin-top: 5rpx;
   width: 100%;
   margin: 15px 15px 0 15px;
   min-height: 80rpx;
   // background-color: #bbb;
   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 {
      // background-color: #007aff;
      margin-top: 10rpx;
      display: grid;
      grid-template-columns: 1fr 3fr;
      .desc {
@@ -36,6 +39,51 @@
      }
   }
   &-right {
		
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center;
   }
}
   &:first-child {
      margin-top: 25px;
   }
   &:last-child {
      border:none;
   }
   :last-child {
      margin-bottom: 10rpx;
   }
}
.buttom {
   width: 100%;
   position: fixed;
   bottom: 0;
   left: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 100rpx;
   background-color: #FFF;
   box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.4) ;
}

// 输入框
.uni-input {
   min-height: 80rpx;
   width: 100%;
   background-color: #f8f8f8;
   box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5) ;
   position: fixed;
   top: 100px;
   left: 0;
}
 // #ifdef APP-PLUS 
   .uni-input {
      min-height: 80rpx;
      width: 100%;
      background-color: #f8f8f8;
      box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5) ;
      position: fixed;
      top: 0;
      left: 0;
   }
   // #endif