Parcourir la source

修改页面细节

hwb0 il y a 3 ans
Parent
commit
674fa99948
5 fichiers modifiés avec 20 ajouts et 16 suppressions
  1. 1 1
      App.vue
  2. 18 12
      packageGoods/ticket/index.vue
  3. 1 1
      packageOther/about/index.vue
  4. 0 1
      pages/index/index.vue
  5. 0 1
      pages/ticketBox/detail.vue

+ 1 - 1
App.vue

@@ -49,7 +49,7 @@
 
 	// 设置整个项目的背景色
 	page {
-		background-color: #f8f8f8;
+		background-color: #F9F7F5;
 		font-size: 14px;
 		color: #333;
 	}

+ 18 - 12
packageGoods/ticket/index.vue

@@ -7,7 +7,7 @@
 					hover-class="navigator-hover" v-for="(item, index) in list" :key="index">
 					<image :src="item.picUrl" mode="aspectFill"></image>
 					<view class="info">
-						<view class="title">{{ item.title }}</view>
+						<view class="title ells-one">{{ item.title }}</view>
 						<view class="price">¥{{ $numberFormat(item.salePrice) }}</view>
 					</view>
 				</navigator>
@@ -78,27 +78,28 @@
 
 <style lang="scss">
 	.ticket-box {
-		margin: 30rpx 0;
+		margin: 34rpx 0;
 
 		&-list {
-			justify-content: space-around;
+			justify-content: space-between;
+			padding: 0 34rpx;
 			flex-wrap: wrap;
 			padding-bottom: 100rpx;
 
 			&-item {
 				flex-direction: column;
 				box-sizing: border-box;
-				padding: 20rpx;
+				padding: 12rpx;
 				width: 330rpx;
-				border-radius: 10rpx;
-				margin-bottom: 40rpx;
+				border-radius: 22rpx;
+				margin-bottom: 34rpx;
 				background-color: #FFFFFF;
-				// border: 1px solid rgba(187, 187, 187, 25);
 
 				image {
 					width: 300rpx;
-					height: 430rpx;
-					border-radius: 5px;
+					height: 240rpx;
+					border-radius: 22rpx;
+					margin-bottom: 34rpx;
 				}
 
 				.info {
@@ -106,13 +107,18 @@
 				}
 
 				.title {
-					line-height: 42rpx;
-					margin: 10rpx 0 10rpx;
+					line-height: 36rpx;
+					font-size: 36rpx;
+					font-weight: bold;
+					margin-bottom: 20rpx;
 				}
 
 				.price {
+					font-size: 26rpx;
+					font-weight: bold;
+					color: #FF4208;
 					line-height: 42rpx;
-					color: #EB7009;
+					margin-bottom: 24rpx;
 				}
 			}
 

+ 1 - 1
packageOther/about/index.vue

@@ -54,7 +54,7 @@
 		}
 		
 		&-action{
-			padding: 20rpx 60rpx;
+			padding: 20rpx 34rpx;
 		}
 	}
 </style>

+ 0 - 1
pages/index/index.vue

@@ -749,7 +749,6 @@
 				width: 310rpx;
 				height: 90%;
 				border-radius: 50%;
-				border: 5px solid #FFFED1;
 				overflow: hidden;
 				
 				.btn {

+ 0 - 1
pages/ticketBox/detail.vue

@@ -544,7 +544,6 @@
 	
 	// 盲票奖品列表
 	.prize-list {
-		border: 1px solid #FFFFFF;
 		padding: 0 34rpx;
 		
 		&-item {