flat: style修改

pages/index/index.vue

@@ -48,7 +48,7 @@
 			<view class="serviceItem" @click="goures()">
 				<view class="serviceItemContent">
 					<view class="itemIcon">
-						<image src="../../static/img/index/jobRegister.png" mode=""></image>
+						<image class="Icon_size" src="../../static/img/index/jobRegister.png" mode=""></image>
 					</view>
 					<view class="itemText">
 						<view class="font30">简历登记</view>
@@ -59,7 +59,7 @@
 			<view class="serviceItem" @click="go('/pageMy/my/resume/setWskill')">
 				<view class="serviceItemContent">
 					<view class="itemIcon">
-						<image src="../../static/img/index/skill.png" mode=""></image>
+						<image class="Icon_size" src="../../static/img/index/skill.png" mode=""></image>
 					</view>
 					<view class="itemText">
 						<view class="font30">最新任务</view>
@@ -70,7 +70,7 @@
 			<!-- <view class="serviceItem" @click="">
 				<view class="serviceItemContent">
 					<view class="itemIcon">
-						<image src="../../static/img/index/union.png" mode=""></image>
+						<image class="Icon_size" src="../../static/img/index/union.png" mode=""></image>
 					</view>
 					<view class="itemText">
 						<view class="font30">监管投诉</view>
@@ -81,7 +81,7 @@
 			<!-- <view class="serviceItem" @click="goLocation()">
 				<view class="serviceItemContent">
 					<view class="itemIcon">
-						<image src="../../static/img/index/near.png" mode=""></image>
+						<image class="Icon_size" src="../../static/img/index/near.png" mode=""></image>
 					</view>
 					<view class="itemText">
 						<view class="font30">就近任务</view>
@@ -98,7 +98,7 @@
             <view class="serviceItem" @click="">
             	<view class="serviceItemContent">
             		<view class="itemIcon">
-            			<image src="../../static/img/index/union.png" mode=""></image>
+            			<image class="Icon_size" src="../../static/img/index/gangwei-2.png" mode=""></image>
             		</view>
             		<view class="itemText">
             			<view class="font30">最新岗位</view>
@@ -109,7 +109,7 @@
             <view class="serviceItem" @click="">
             	<view class="serviceItemContent">
             		<view class="itemIcon">
-            			<image src="../../static/img/index/union.png" mode=""></image>
+            			<image class="Icon_size" src="../../static/img/index/shenqing.png" mode=""></image>
             		</view>
             		<view class="itemText">
             			<view class="font30">我的申请</view>
@@ -120,7 +120,7 @@
             <view class="serviceItem" @click="">
             	<view class="serviceItemContent">
             		<view class="itemIcon">
-            			<image src="../../static/img/index/union.png" mode=""></image>
+            			<image class="Icon_size" src="../../static/img/index/shoucang.png" mode=""></image>
             		</view>
             		<view class="itemText">
             			<view class="font30">我的收藏</view>
@@ -131,7 +131,7 @@
             <view class="serviceItem" @click="">
             	<view class="serviceItemContent">
             		<view class="itemIcon">
-            			<image src="../../static/img/index/union.png" mode=""></image>
+            			<image class="Icon_size" src="../../static/img/index/icon-liulan.png" mode=""></image>
             		</view>
             		<view class="itemText">
             			<view class="font30">我的浏览</view>
@@ -162,7 +162,7 @@
                 </view>
                 <view class="helpCardItem" style="border-right: 1px solid #F5F6F7;" @click="">
                 	<view class="cardItemIcon">
-                		<image src="../../static/img/index/consult.png" mode=""></image>
+                		<image src="../../static/img/index/bangzhu.png" mode=""></image>
                 	</view>
                 	<view class="font24">就业帮助</view>
                 </view>
@@ -477,7 +477,7 @@
 	};
 </script>
 
-<style>
+<style lang="scss">
     .search_style{
         color: #2297fa;
     }
@@ -670,7 +670,7 @@
 	}
 
 	.serviceItem .serviceItemContent {
-		padding: 42rpx 50rpx 42rpx 32rpx;
+		padding: 42rpx 0rpx 42rpx 32rpx;
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
@@ -682,6 +682,7 @@
 		margin-left: 16rpx;
 	}
 
+
 	.hotFunction {
 		font-size: 24rpx;
 		font-family: PingFangSC-Regular, PingFang SC;
@@ -826,4 +827,18 @@
 		height: 64rpx;
 		text-align: center;
 	}
+    .serviceItemContent .itemIcon{
+        background-color: rgba(0, 0, 0, 0.06);
+        width: 90rpx;
+        height: 90rpx;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+ 
+        .Icon_size{
+            width: 60rpx;
+            height: 60rpx;
+            border-radius: 0;
+        }
+    }
 </style>