/* pages/home/index.wxss */ @import "/app.wxss"; .top { background-color: var(--deep-green); position: fixed; left: 0; top: 0; width: 100vw; z-index: 99; } .chooseParkWrapper { height: 46px; display: flex; align-items: center; padding: 0 32rpx; color: #fff; font-size: 34rpx; } .park { margin-left: 20rpx; } .parkContent { display: flex; align-items: center; } .notLoginWrapper, .logined { padding: 30rpx 32rpx; background-color: var(--middle-green); display: flex; align-items: center; } .loginBtn { margin-left: 30rpx; } .rechargeWrapper { background: linear-gradient(to bottom, var(--middle-green), #fff ); overflow: hidden; } .card { margin-top: 1vh; margin-left: 46rpx; margin-right: 46rpx; border-radius: 30rpx; padding: 28rpx 30rpx; /* background-color: rgb(173, 217, 203); */ background: linear-gradient(to bottom right, rgb(212, 240, 231), rgb(145, 206, 185)); } .cardTop { display: flex; align-items: center; } .cardTopLeft { display: flex; align-items: center; flex: 1; } .cardContent { margin: 30rpx 20rpx 0; } .cardItem { display: flex; align-items: center; margin-bottom: 30rpx; font-size: 34rpx; } .cardItemValue { display: flex; flex: 1; align-items: center; } .cardItemValue .text { flex: 1; } .recharge { background: #fff; padding: 20rpx 30rpx; margin-top: 30rpx; margin-left: 46rpx; margin-right: 46rpx; margin-bottom: 40rpx; border-radius: 30rpx; } .operate { margin-left: 46rpx; margin-right: 46rpx; margin-bottom: 40rpx; } .welcome { margin-top: 20rpx; margin-left: 30rpx; font-size: 32rpx; color: #fff; } .moneyBox { display: flex; justify-content: space-between; margin-top: 30rpx; } .money { flex: 1; padding: 16rpx; display: flex; justify-content: center; align-items: center; border: 1rpx solid #ccc; margin-right: 30rpx; } .moneyInput { margin-top: 30rpx; margin-bottom: 30rpx; } .others { margin-left: 46rpx; margin-right: 46rpx; margin-top: 40rpx; margin-bottom: 40rpx; }