Explorar el Código

样式修改;

郭鹏飞 hace 8 meses
padre
commit
4a3eb34d15
Se han modificado 1 ficheros con 16 adiciones y 44 borrados
  1. 16 44
      src/pages/staff/index.vue

+ 16 - 44
src/pages/staff/index.vue

@@ -31,21 +31,18 @@
 					<text class="amount"><span>{{jsData.turnover}}</span>元</text>
 				</view>
 			</view>
-			<view class="num first">
+			<u-line margin="20rpx 0" />
+			<view class="num">
 				<view class="item">
 					<text>余额</text>
 					<text class="amount"><span>{{money.dBalance}}</span>元</text>
 				</view>
-				<view class="item" v-if="money.getAmount > 0">
-					<text>可提现</text>
-					<text class="amount"><span>{{money.getAmount}}</span>元</text>
-				</view>
-				<view class="item" v-else>
-					0.00
+				<view class="item">
 					<text>可提现</text>
+					<text class="amount"><span>{{money.getAmount || 0}}</span>元</text>
 				</view>
-				<view class="withdraw" @click="goWithdraw">
-					申请提现
+				<view class="item">
+					<view class="withdraw" @click="goWithdraw">申请提现</view>
 				</view>
 			</view>
 		</view>
@@ -371,7 +368,6 @@
 		width: 100vw;
 		height: 100vh;
 		padding: 30rpx 38rpx;
-		box-sizing: border-box;
 		background: linear-gradient(152deg, #DCFFF8 0%, #F1FEFF 100%);
 	}
 
@@ -383,7 +379,6 @@
 		box-shadow: 0px 4rpx 12rpx 0px rgba(88, 209, 187, 0.1);
 		border-radius: 24rpx;
 		padding: 24rpx;
-		box-sizing: border-box;
 
 		.left {
 			border-radius: 100px;
@@ -432,39 +427,27 @@
 
 	.jsdata {
 		width: 100%;
-		height: 264rpx;
-		background: #FFFFFF;
-		box-shadow: 0px 4rpx 12rpx 0px rgba(88, 209, 187, 0.1);
-		border-radius: 20rpx;
 		padding: 24rpx;
-		box-sizing: border-box;
 		margin-top: 24rpx;
+		background: #FFFFFF;
+		border-radius: 20rpx;
+		box-shadow: 0px 4rpx 12rpx 0px rgba(88, 209, 187, 0.1);
 
 		.num {
-			// width: 95%;
-			height: 50%;
-			margin: 0 auto;
-			border-bottom: 1px solid #EEEEEE;
-			box-sizing: border-box;
-			// background-color: #fff;
 			display: flex;
 			justify-content: space-between;
-			// align-items: center;
-
 
 			.item {
-				// flex: 1;
-				// height: 100%;
+				width: 33.3%;
 				display: flex;
-				flex-direction: column;
 				align-items: center;
+				flex-direction: column;
+				justify-content: center;
 
 				text {
-					// margin-top: 5px;
 					color: #2F3437;
 					font-size: 26rpx;
 					display: inline-block;
-
 				}
 
 				.amount {
@@ -502,30 +485,21 @@
 				padding: 10rpx;
 			}
 
-		}
-
-		.first {
-			// margin-top: 24rpx;
-			border: none;
-			align-items: center;
-
 			.withdraw {
-				width: 152rpx;
+				width: 80%;
 				height: 52rpx;
-				background: linear-gradient(135deg, #FF8B66 0%, #EE5B2D 100%);
+				color: #fff;
 				border-radius: 98rpx;
 				text-align: center;
-				// margin-left: -50px;
 				padding: 0px 10rpx;
-				box-sizing: border-box;
 				line-height: 52rpx;
-				color: #fff;
+				background: linear-gradient(135deg, #FF8B66 0%, #EE5B2D 100%);
 			}
+
 		}
 
 		.money {
 			// width: 100%;
-			box-sizing: border-box;
 			display: flex;
 			justify-content: space-between;
 			align-items: center;
@@ -564,7 +538,6 @@
 		margin: 10px auto 0px;
 		border-radius: 20rpx;
 		padding: 26rpx 24rpx;
-		box-sizing: border-box;
 		background-color: #fff;
 
 		.top {
@@ -635,7 +608,6 @@
 		margin: 10px auto 0px;
 		border-radius: 20rpx;
 		padding: 26rpx 24rpx;
-		box-sizing: border-box;
 		background-color: #fff;
 
 		.title {