.main { margin: 15px 15px 0 15px; min-height: 80rpx; 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%; display: grid; grid-template-columns: 1fr 3fr 1fr; border-bottom: 1px solid #bbb; align-items: center; &-right { display: grid; grid-template-columns: 3fr 1fr; align-items: center; color: #007aff; } } } .list { margin: 15px 15px 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 { text-align: right; } } &-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