hwb0 3 سال پیش
والد
کامیت
f9a59c6a58
7فایلهای تغییر یافته به همراه26 افزوده شده و 53 حذف شده
  1. 3 3
      pages/bean/index.vue
  2. 1 1
      pages/choice/index.vue
  3. 2 3
      pages/index/index.vue
  4. 2 2
      pages/lucky/index.vue
  5. 11 40
      pages/process/index.vue
  6. 3 1
      pages/ticketBox/index.vue
  7. 4 3
      pages/user/index.vue

+ 3 - 3
pages/bean/index.vue

@@ -104,15 +104,15 @@
 			height: 230rpx;
 			line-height: 230rpx;
 			border-radius: 10rpx;
-			background-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);
+			background: url(https://mp-public-test-1307117429.cos.ap-shanghai.myqcloud.com/md-bkgd.png) center center;
 			font-size: 50rpx;
 			padding-left: 180rpx;
 			font-weight: bold;
 			margin-bottom: 20rpx;
 
 			image {
-				width: 50rpx;
-				height: 50rpx;
+				width: 130rpx;
+				height: 130rpx;
 				margin-right: 16rpx;
 			}
 		}

+ 1 - 1
pages/choice/index.vue

@@ -185,7 +185,7 @@
 	.choice {
 		width: 100%;
 		min-height: calc(100vh - 50px);
-		background-image: linear-gradient(to right, #ebbba7 0%, #cfc7f8 100%);
+		background: url(https://mp-public-test-1307117429.cos.ap-shanghai.myqcloud.com/background.png) center center;
 		padding-bottom: 150rpx;
 
 		&-title {

+ 2 - 3
pages/index/index.vue

@@ -30,7 +30,7 @@
 			</view>
 			<view class="box-ticket-tip">超值保底100%中奖</view>
 			<view class="box-start flex">
-				<view class="flex box-start-action" @click="exchange">
+				<view class="flex box-start-action" @click="toProcess">
 					<text>立即</text>
 					<text>开刮</text>
 				</view>
@@ -185,7 +185,6 @@
 	.box {
 		width: 100%;
 		min-height: calc(100vh - 50px);
-		// background-image: linear-gradient(to right, #ebbba7 0%, #cfc7f8 100%);
 		background: url(https://mp-public-test-1307117429.cos.ap-shanghai.myqcloud.com/background.png) center center;
 
 		&-top {
@@ -277,7 +276,7 @@
 				}
 				
 				.title{
-					margin-top: 20rpx;
+					margin-top: 8rpx;
 					font-size: 34rpx;
 					color: #EA350A;
 					text-align: center;

+ 2 - 2
pages/lucky/index.vue

@@ -246,8 +246,8 @@
 <style lang="scss" scoped>
 	.lucky {
 		width: 100%;
-		height: calc(100vh - 50px);
-		background-image: linear-gradient(to right, #ebbba7 0%, #cfc7f8 100%);
+		min-height: calc(100vh - 50px);
+		background: url(https://mp-public-test-1307117429.cos.ap-shanghai.myqcloud.com/background.png) center center;
 
 		&-number {
 			padding-top: 300rpx;

+ 11 - 40
pages/process/index.vue

@@ -1,15 +1,13 @@
 <template>
 	<view>
-		<u-navbar title="兑奖" :border="true" :placeholder="true" :autoBack="true" bgColor="#fff" />
+		<!-- <u-navbar title="兑奖" :border="true" :placeholder="true" :autoBack="true" bgColor="#fff" /> -->
 		<view class="process">
 			<view class="flex box-wrap">
 				<view class="box">
-					<view class="hand">
-						<view class="ing" @click="toChoice">刮开测手气</view>
-					</view>
+					
 				</view>
 			</view>
-			<view class="btn" @click="put">放入我的票包,暂不兑奖</view>
+			<view class="btn" @click="put">立即刮开兑奖</view>
 		</view>
 	</view>
 </template>
@@ -45,49 +43,22 @@
 <style lang="scss" scoped>
 	.process {
 		width: 100%;
-		height: calc(100vh - 50px);
-		background: url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic3.zhimg.com%2F50%2Fv2-a6f5c8b5b66fe87e4e79c1fc82a61a36_hd.jpg&refer=http%3A%2F%2Fpic3.zhimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1649658373&t=f216ee4825d5b36e62aa3a490516bfb1) center center;
+		min-height: calc(100vh - 50px);
+		background: url(https://mp-public-test-1307117429.cos.ap-shanghai.myqcloud.com/background.png) center center;
 	}
 
 	.box-wrap {
-		padding: 100rpx 0 100rpx;
+		padding: 280rpx 0 120rpx;
 
 		.box {
 			position: relative;
-			width: 80%;
-			height: 900rpx;
-			background-color: $uni-bg-color;
+			width: 540rpx;
+			height: 820rpx;
+			background-color: rgba(255, 255, 255, 0.75);
+			border-radius: 10rpx;
 		}
 
-		.hand {
-			position: absolute;
-			bottom: 20rpx;
-			width: 100%;
-			height: 100rpx;
-
-			.ing {
-				margin: auto;
-				width: 80%;
-				height: 100rpx;
-				text-align: center;
-				line-height: 100rpx;
-				font-size: 50rpx;
-				font-weight: bold;
-				background-color: #FFFFFF;
-			}
-		}
+		
 	}
 
-	.btn {
-		margin: auto;
-		width: 380rpx;
-		height: 60rpx;
-		line-height: 60rpx;
-		border-radius: 8rpx;
-		color: rgba(140, 140, 140, 100);
-		font-size: 28rpx;
-		text-align: center;
-		border: 1px solid rgba(140, 140, 140, 100);
-		background-color: #FFFFFF;
-	}
 </style>

+ 3 - 1
pages/ticketBox/index.vue

@@ -92,7 +92,8 @@
 				width: 330rpx;
 				border-radius: 10rpx;
 				margin-bottom: 40rpx;
-				border: 1px solid rgba(187, 187, 187, 25);
+				background-color: #FFFFFF;
+				// border: 1px solid rgba(187, 187, 187, 25);
 
 				image {
 					width: 300rpx;
@@ -117,6 +118,7 @@
 
 			&-item:last-child {
 				border: none;
+				background: none;
 			}
 		}
 		

+ 4 - 3
pages/user/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<view>
 		<!-- 非H5撑高元素 -->
-		<view class="status_bar"></view>
+		<!-- <view class="status_bar"></view> -->
 		<!-- 头部背景 -->
 		<view class="user"></view>
 		<!-- 账户信息 -->
@@ -180,9 +180,10 @@
 	.user {
 		display: flex;
 		align-items: center;
-		height: 230rpx;
+		height: 260rpx;
 		padding: 0 36rpx;
-		background: linear-gradient(to right, #a1c4fd 0%, #c2e9fb 100%);
+		// background: linear-gradient(to right, #a1c4fd 0%, #c2e9fb 100%);
+		background: url(https://mp-public-test-1307117429.cos.ap-shanghai.myqcloud.com/my-bkgd.png) center center;
 	}
 
 	.account {