样式

pages/home/home.vue

@@ -73,26 +73,26 @@
 	flex-direction column
 .header
 	_fj()
-	_wh(100%,88rpx)
+	_wh(100%,42px)
 	background-color $red
 .header-item
-	width calc(50% - 20rpx)
+	width calc(50% - 30px)
 	padding 0 10px
 .header-user
-	_font(32rpx, 88rpx, #fff,,)
+	_font(16px, 42px, #fff,,)
 .header-r
 	_fj(flex-end)
 /deep/ .header-r uni-button
 	margin-right 0
 .header-button
-	_wh(160rpx, 60rpx)
-	_font(32rpx,60rpx,#333,,)
+	_wh(auto, 34px)
+	_font(16px,34px,#333,,)
 .nav-wrapper
-	_wh(calc(100% - 60rpx),calc(100% - 148rpx))
+	_wh(calc(100% - 15px),calc(100% - 72px))
 	padding 0 20%
 	background-color #fff
-	border-radius 12rpx
-	margin 30rpx auto
+	border-radius 12px
+	margin 15px auto
 .nav-wrap
 	_fj(flex-start)
 	align-content center
@@ -101,13 +101,13 @@
 .nav-item
 	_fj(center)
 	align-items center
-	_wh(30%,200rpx)
-	border-radius 20rpx
+	_wh(30%,82px)
+	border-radius 12px
 	border 10px solid #acbec6
-	margin 15rpx 5% 15rpx 0
+	margin 15px 5% 15px 0
 .nav-item:nth-child(3n)
 	margin-right 0
 .nav-text
-	_font(40rpx, 60rpx, #333,,)
-	letter-spacing: 4rpx
+	_font(18px, 42px, #333,,)
+	letter-spacing: 2px
 </style>