Browse Source

样式修改

tanxue 2 weeks ago
parent
commit
10f048b182
1 changed files with 28 additions and 0 deletions
  1. 28 0
      common/styles/global/components.scss

+ 28 - 0
common/styles/global/components.scss

@@ -735,6 +735,34 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 	}
 	}
 	.share-close{width: 360rpx;height: 70rpx;line-height: 70rpx;background-color: #fff;border: 1rpx solid #3fd2a1;
 	.share-close{width: 360rpx;height: 70rpx;line-height: 70rpx;background-color: #fff;border: 1rpx solid #3fd2a1;
 		color: #3fd2a1;text-align: center;border-radius: 8rpx;margin: 32rpx auto 0;border-radius: 35rpx;}
 		color: #3fd2a1;text-align: center;border-radius: 8rpx;margin: 32rpx auto 0;border-radius: 35rpx;}
+	
+	@include mediaSmall() {
+			padding: 21rpx;
+	
+			.share-title{font-size: 22rpx;margin-bottom: 23rpx;}
+			.close-btn{width: 65rpx;height: 65rpx;}
+			.close-btn::after{width: 23rpx;height: 23rpx;}
+			.share-list{margin: 27rpx 0;}
+			.share-item{
+				.share-icon{width: 52rpx;height: 52rpx;margin-bottom: 10rpx;}
+				.share-text{font-size: 20rpx;}
+			}
+			.share-close{width: 234rpx;height: 46rpx;line-height: 46rpx;border-radius: 23rpx;margin: 21rpx auto 0;}
+		}
+	
+		@include mediaBig() {
+			padding: 51rpx;
+	
+			.share-title{font-size: 54rpx;margin-bottom: 58rpx;}
+			.close-btn{width: 160rpx;height: 160rpx;}
+			.close-btn::after{width: 58rpx;height: 58rpx;}
+			.share-list{margin: 67rpx 0;}
+			.share-item{
+				.share-icon{width: 128rpx;height: 128rpx;margin-bottom: 16rpx;}
+				.share-text{font-size: 46rpx;}
+			}
+			.share-close{width: 576rpx;height: 112rpx;line-height: 112rpx;border-radius: 56rpx;margin: 51rpx auto 0;}
+		}
 }
 }
 
 
 // 遮盖层
 // 遮盖层