调整首页

pages/home/index.wxss

@@ -1 +1,97 @@
-/* pages/home/index.wxss */
+/* pages/home/index.wxss */
+@import "/app.wxss";
+
+.top {
+  background-color: var(--deep-green);
+}
+
+.chooseParkWrapper {
+  height: 46px;
+  display: flex;
+  align-items: center;
+  padding: 0 32rpx;
+  color: #fff;
+  font-size: 34rpx;
+}
+
+.park {
+  margin-left: 30rpx;
+}
+
+.parkContent {
+  display: flex;
+  align-items: center;
+}
+
+.notLoginWrapper {
+  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;
+}