Browse Source

no message

py 6 months ago
parent
commit
793f39eff5
3 changed files with 32 additions and 26 deletions
  1. 6 0
      common/css/common.css
  2. 8 8
      pages/login/invite.vue
  3. 18 18
      pages/my/inner-page/all_profit.vue

+ 6 - 0
common/css/common.css

@@ -641,6 +641,9 @@ body{
 .mb-20{
     margin-bottom: 20rpx;
 }
+.mb-40{
+    margin-bottom: 40rpx;
+}
 .pb-30{
     padding-bottom: 30rpx;
 }
@@ -677,6 +680,9 @@ body{
 .b-rad-100{
     border-radius: 100rpx;
 }
+.b-rad-40{
+    border-radius: 40rpx;
+}
 .b-rad-20{
     border-radius: 20rpx;
 }

+ 8 - 8
pages/login/invite.vue

@@ -15,13 +15,13 @@ export default {
 
 <template>
   <view class="flex-common-css box-b align-items-center flex-justify-center">
-    <view class="fs-14 fc-f mb-10">
+    <view class="fs-28 fc-f mb-20">
       请输入邀请码
     </view>
-    <view class="w-80 mb-50">
-      <input class="input-b" v-model="code" placeholder="" placeholder-class="text-align-center fs-14"></input>
+    <view class="w-80 mb-40">
+      <input class="input-b" v-model="code" placeholder="" placeholder-class="text-align-center fs-28"></input>
     </view>
-    <view class="but-b b-rad-20 text-align-center fc-f fs-14">
+    <view class="but-b b-rad-40 text-align-center fc-f fs-28">
       确认绑定
     </view>
   </view>
@@ -32,9 +32,9 @@ export default {
   background-image: linear-gradient(46deg, #3364d1, #42d6dd);
 }
 .input-b{
-  height: 50px;
+  height: 100rpx;
   border: none;
-  border-radius: 10px;
+  border-radius: 20rpx;
   background: #fff;
   text-align: center;
 }
@@ -44,7 +44,7 @@ export default {
 .but-b{
   background-image: linear-gradient(46deg, #7a8fbf, #59b3b7);
   width: 60%;
-  line-height: 40px;
-  border: 1px solid #fff;
+  line-height: 80rpx;
+  border: 2rpx solid #fff;
 }
 </style>

+ 18 - 18
pages/my/inner-page/all_profit.vue

@@ -21,38 +21,38 @@
 		<view class="nav-box bgc-f box-sizing-border align-items-center">
 			<!-- <i @click="returnBut" class="el-icon-arrow-left fw-b fs-20 mr-10"></i> -->
 			<uni-icons @click="returnBut" type="left" size="20"></uni-icons>
-			<view class="fs-14 fw-b">总收益</view>
+			<view class="fs-28 fw-b">总收益</view>
 		</view>
-		<view class="head-box flex-direction-column align-items-center flex-justify-center b-rad-10 mb-10">
-			<view class="fs-14 fc-f mb-4">
+		<view class="head-box flex-direction-column align-items-center flex-justify-center b-rad-20 mb-10">
+			<view class="fs-28 fc-f mb-16">
 				总收益
 			</view>
-			<view class="fs-18 fc-f fw-b mb-4">
+			<view class="fs-18 fc-f fw-b mb-16">
 				100
 			</view>
-			<view class="fs-14 fc-f text-align-center tx-box b-rad-20">
+			<view class="fs-28 fc-f text-align-center tx-box b-rad-20">
 				提现
 			</view>
 		</view>
-		<view class="fs-14 fw-b mb-10">
+		<view class="fs-28 fw-b mb-10">
 			历史明细
 		</view>
-		<view class="scroll-view-css b-rad-10">
+		<view class="scroll-view-css b-rad-20">
 			<view v-for="item in 18" :key="item.id"
-				class="p-10 box-sizing-border bgc-f b-rad-10 align-items-center flex-justify-space">
+				class="p-20 box-sizing-border bgc-f b-rad-20 align-items-center flex-justify-space">
 				<view>
-					<view class="fs-14 fw-b mb-4">
+					<view class="fs-28 fw-b mb-16">
 						静态释放
 					</view>
 					<view class="fs-12 fc-858585">
 						2023-12-11 20:44:10
 					</view>
 				</view>
-				<view class="fs-14 fw-b">
+				<view class="fs-28 fw-b">
 					0.4
 				</view>
 			</view>
-			<view class="fs-14 text-align-center pt-10">
+			<view class="fs-28 text-align-center pt-10">
 				~暂无记录
 			</view>
 		</view>
@@ -61,28 +61,28 @@
 
 <style scoped lang="scss">
 	.box-b {
-		padding: 60px 10px 10px;
+		padding: 120rpx 20rpx 20rpx;
 	}
 
 	.nav-box {
 		width: 100%;
-		height: 40px;
-		line-height: 40px;
+		height: 80rpx;
+		line-height: 80rpx;
 		position: absolute;
 		top: 0;
 		left: 0;
-		padding-left: 10px;
+		padding-left: 20rpx;
 	}
 
 	.tx-box {
 		width: 30%;
-		height: 40px;
+		height: 80rpx;
 		background: #ff952d;
-		line-height: 40px;
+		line-height: 80rpx;
 	}
 
 	.head-box {
-		padding: 30px 0;
+		padding: 60rpx 0;
 		background-image: linear-gradient(270deg, #ffc62c, #ffa954);
 	}
 </style>