剧中

pages/index/index.vue

@@ -100,7 +100,18 @@ export default {
 		}
 	},
 	onLoad() {
-
+		uni.request({
+		    url: 'https://www.example.com/request', //仅为示例，并非真实接口地址。
+		    data: {
+		        text: 'uni.request'
+		    },
+		    header: {
+		        'custom-header': 'hello' //自定义请求头信息
+		    },
+		    success: (res) => {
+		        console.log(res.data);
+		    }
+		});
 	},
 	methods: {
 		changeActiveTab(activeTab) {
@@ -205,6 +216,7 @@ export default {
 					row-gap: 10rpx;
 					.info{
 						padding: 18rpx 0;
+						box-sizing: border-box;
 						display: flex;
 						align-items: center;
 						justify-content: center;
@@ -243,10 +255,11 @@ export default {
 			row-gap: 20rpx;
 			.grid_box{
 				border-radius: 19rpx;
-				padding: 77rpx 0 88rpx 0;
+				padding: 77rpx 0;
 				display: flex;
 				flex-direction: column;
 				align-items: center;
+				justify-content: center;
 				box-sizing: border-box;
 				.main_title{
 					font-size: 60rpx;

unpackage/dist/dev/mp-weixin/common/vendor.js

@@ -6705,5 +6705,6 @@ exports._export_sfc = _export_sfc;
 exports.createSSRApp = createSSRApp;
 exports.e = e;
 exports.f = f;
+exports.index = index;
 exports.n = n;
 exports.o = o;

unpackage/dist/dev/mp-weixin/pages/index/index.js

@@ -7,6 +7,20 @@ const _sfc_main = {
     };
   },
   onLoad() {
+    common_vendor.index.request({
+      url: "https://www.example.com/request",
+      //仅为示例，并非真实接口地址。
+      data: {
+        text: "uni.request"
+      },
+      header: {
+        "custom-header": "hello"
+        //自定义请求头信息
+      },
+      success: (res) => {
+        console.log(res.data);
+      }
+    });
   },
   methods: {
     changeActiveTab(activeTab) {

unpackage/dist/dev/mp-weixin/pages/index/index.wxss

@@ -96,6 +96,7 @@
 }
 .main_content .content .card_wrap .info_grid .info {
   padding: 18rpx 0;
+  box-sizing: border-box;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -132,10 +133,11 @@
 }
 .main_content .grid_layout .grid_box {
   border-radius: 19rpx;
-  padding: 77rpx 0 88rpx 0;
+  padding: 77rpx 0;
   display: flex;
   flex-direction: column;
   align-items: center;
+  justify-content: center;
   box-sizing: border-box;
 }
 .main_content .grid_layout .grid_box .main_title {