Browse Source

update style

dayu 2 năm trước cách đây
mục cha
commit
8b95238039
1 tập tin đã thay đổi với 11 bổ sung4 xóa
  1. 11 4
      sleep/pages/home/index.vue

+ 11 - 4
sleep/pages/home/index.vue

@@ -167,8 +167,8 @@
 				</view>
 				</view>
 				
 				
 				<view class="flex-col space-y-40 home-data">
 				<view class="flex-col space-y-40 home-data">
-					<view class="flex-row self-start group_6">
-						<view class="flex-row group_7 space-x-6 home-data-item">
+					<view class="flex-row group_6 equal-division">
+						<view class="flex-row group_7 space-x-6 home-data-item equal-division-item">
 							<view class="flex-col shrink-0 self-stretch group_9 space-y-20">
 							<view class="flex-col shrink-0 self-stretch group_9 space-y-20">
 								<view class="flex-row items-center space-x-4">
 								<view class="flex-row items-center space-x-4">
 									<image
 									<image
@@ -182,7 +182,7 @@
 							<text class="self-start font_7 text_14">次/分</text>
 							<text class="self-start font_7 text_14">次/分</text>
 						</view>
 						</view>
 	          
 	          
-						<view class="flex-row justify-center group_8 space-x-6 home-data-item">
+						<view class="flex-row justify-center group_8 space-x-6 home-data-item equal-division-item">
 							<view class="flex-col space-y-20">
 							<view class="flex-col space-y-20">
 								<view class="flex-row space-x-4">
 								<view class="flex-row space-x-4">
 									<image
 									<image
@@ -264,6 +264,13 @@ export default {
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
+	.equal-division {
+		.equal-division-item {
+			padding: 0.25rem 0.38rem 0;
+			flex: 1 1 10.81rem;
+		}
+	}
+	
 	.home_add_devive {
 	.home_add_devive {
 	  margin-right: 1.25rem;
 	  margin-right: 1.25rem;
 	  margin: 1rem;
 	  margin: 1rem;
@@ -665,7 +672,7 @@ export default {
 	}
 	}
 	.group_6 {
 	.group_6 {
 	  overflow-x: hidden;
 	  overflow-x: hidden;
-	  width: 21.53rem;
+	  width: 100%;
 	  
 	  
 	  .group_7 {
 	  .group_7 {
 	    overflow-x: hidden;
 	    overflow-x: hidden;