移动积分去支付样式

pages/integral/integral.wxss

@@ -454,21 +454,144 @@ page {
 .num-reduce {
   width: 50rpx;
   height: 50rpx;
+  line-height: 50rpx;
   color: #000000;
   border: solid 2rpx;
   border-radius: 26rpx;
   font-size: 52rpx;
   text-align: center;
-  justify-content: center;
 }
 
 .num-add {
   width: 52rpx;
   height: 52rpx;
+  line-height: 52rpx;
   background-color: rgb(255, 114, 0);
   border: none;
   border-radius: 26rpx;
   color: #ffffff;
   font-size: 50rpx;
-  justify-content: center;
+  text-align: center;
+}
+
+
+.payment {
+  position: fixed;
+  width: 600rpx;
+  height: 540rpx;
+  top: 35%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background-color: white;
+  border-radius: 14rpx;
+  padding: 24rpx;
+  box-sizing: border-box;
+  top: 63%;
+}
+
+.payment-code {
+  height: 160rpx;
+  padding: 16rpx 32rpx;
+  box-sizing: border-box;
+}
+
+.payment-code1 {
+  height: 66rpx;
+  line-height: 66rpx;
+  font-size: 30rpx;
+}
+
+.payment-code2 {
+  font-size: 28rpx;
+  color: #999999;
+  margin-top: 16rpx;
+}
+
+.payment-code3 {
+  height: 100rpx;
+  line-height: 100rpx;
+  font-size: 40rpx;
+  color: rgb(51, 51, 51);
+  font-weight: bold;
+  padding: 0 28px 0 40px;
+  text-align: left;
+}
+
+.payment-code-input {
+  margin: 0 auto;
+  padding: 16rpx 88rpx 16rpx 116rpx;
+  box-sizing: border-box;
+  border-bottom: 2rpx solid #DCDFE6;
+  text-align: left;
+}
+
+.payment-input {
+  font-size: 32rpx;
+  display: inline-block;
+  width: 280rpx;
+}
+
+.payment-code-btn {
+  margin-top: 28rpx;
+}
+
+.payment-button {
+  width: 70% !important;
+  height: 90rpx !important;
+  line-height: 90rpx !important;
+  background-color: #fa7200 !important;
+  color: white !important;
+  font-size: 34rpx !important;
+  font-weight: bold !important;
+  padding: 0 !important;
+}
+
+.payment-refresh {
+  text-align: center;
+  height: 60rpx;
+  line-height: 60rpx;
+  font-size: 14px;
+  color: #ffad0a;
+}
+
+.payment-code3-text {
+  vertical-align: top;
+  margin-right: 8rpx;
+  font-size: 36rpx;
+}
+
+.payment-code-input-text {
+  color: #ffad0a;
+  vertical-align: super;
+  font-size: 36rpx;
+  margin-right: 12px;
+}
+
+.showToast {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 360rpx;
+  height: 360rpx;
+  background-color: rgba(0, 0, 0, 0.8);
+  border-radius: 14rpx;
+}
+
+.showToast-icon {
+  width: 200rpx;
+  height: 200rpx;
+  margin: 0 auto;
+  text-align: center;
+  line-height: 200rpx;
+}
+
+.showToast-text {
+  color: white;
+  font-size: 130rpx;
+}
+
+.showToast-title {
+  color: white;
+  padding: 0 40rpx;
 }