#

components/teaching-case/teaching-case.vue

@@ -97,8 +97,8 @@
 		padding: 20rpx 30rpx;
 		// padding-bottom: 20rpx;
 		.img{
-			width: 180rpx;
-			height: 180rpx;
+			width: 150rpx;
+			height: 160rpx;
 			image{
 				width: 100%;
 				height:100%;
@@ -116,7 +116,7 @@
 			
 			.title{
 				display: flex;
-				margin-bottom: 5px;
+				margin-bottom: 10rpx;
 				.tag{
 					border: 1px #00b2b6 solid;
 					font-size: 12px;
@@ -138,7 +138,7 @@
 				
 			}
 			.introduce{
-				font-size: 16px;
+				font-size: 28rpx;
 				color: #a7a7a7;
 				// padding: 20rpx 0;
 				overflow: hidden;
@@ -169,7 +169,7 @@
 						font-size: 30rpx;
 					}
 					.price{
-						font-size: 45rpx;
+						font-size: 40rpx;
 						font-weight: bold;
 						color: #f8a551;
 						padding-right: 10rpx;

unpackage/dist/dev/mp-weixin/components/teaching-case/teaching-case.wxss

@@ -32,8 +32,8 @@
   padding: 20rpx 30rpx;
 }
 .teaching_case .img {
-  width: 180rpx;
-  height: 180rpx;
+  width: 150rpx;
+  height: 160rpx;
 }
 .teaching_case .img image {
   width: 100%;
@@ -49,7 +49,7 @@
 }
 .teaching_case .right .title {
   display: flex;
-  margin-bottom: 5px;
+  margin-bottom: 10rpx;
 }
 .teaching_case .right .title .tag {
   border: 1px #00b2b6 solid;
@@ -70,7 +70,7 @@
   white-space: nowrap;
 }
 .teaching_case .right .introduce {
-  font-size: 16px;
+  font-size: 28rpx;
   color: #a7a7a7;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -100,7 +100,7 @@
   font-size: 30rpx;
 }
 .teaching_case .right .operate .left .price {
-  font-size: 45rpx;
+  font-size: 40rpx;
   font-weight: bold;
   color: #f8a551;
   padding-right: 10rpx;