Procházet zdrojové kódy

横屏模式下上下状态栏高度保持不变,教材封面等比缩小

zq před 1 měsícem
rodič
revize
1d43945661
2 změnil soubory, kde provedl 9 přidání a 1 odebrání
  1. 4 1
      pages.json
  2. 5 0
      pages/tabbar/person/index.vue

+ 4 - 1
pages.json

@@ -114,7 +114,10 @@
 		"navigationBarBackgroundColor": "#F8F8F8",
 		"backgroundColor": "#F8F8F8",
 		"onReachBottomDistance": 100,
-		"disableSwipeBack": true
+		"disableSwipeBack": true,
+		"rpxCalcMaxDeviceWidth": 0, // rpx 计算所支持的最大设备宽度,单位 px,默认值为 960  
+		"rpxCalcBaseDeviceWidth": 375, // rpx 计算使用的基准设备宽度,设备实际宽度超出 rpx 计算所支持的最大设备宽度时将按基准宽度计算,单位 px,默认值为 375  
+		"rpxCalcIncludeWidth": 750 // rpx 计算特殊处理的值,始终按实际的设备宽度计算,单位 rpx,默认值为 750  
 	},
 	"uniIdRouter": {
 		"loginPage": "pages/login/index"

+ 5 - 0
pages/tabbar/person/index.vue

@@ -148,6 +148,11 @@
 
 			.book-box {
 				width: 85%;
+
+				@media (orientation: landscape) {
+					width: 65%;
+				}
+
 				aspect-ratio: 3 / 4;
 				background-color: #d9d9d9;