flat:职业图谱小程序端页面完成

pages/index/components/index-one.vue

@@ -124,6 +124,12 @@
                     </view>
                     <view class="service-title" style="overflow:unset">高校毕业生<br/>智慧就业服务</view>
                 </view>
+                <view class="service-item press-button" @click="handleServiceClick('career-planning')">
+                    <view class="service-icon service-icon-11">
+                        <image class="service-icon-img" src="/static/icon/antOutline.png" mode="aspectFit"></image>
+                    </view>
+                    <view class="service-title">职业规划推荐</view>
+                </view>
                 <view class="service-item press-button" @click="navToTestPage">
                     <view class="service-icon service-icon-10">
                         <uni-icons type="gear-filled" size="32" color="#FFFFFF"></uni-icons>
@@ -1319,15 +1325,17 @@ defineExpose({ loadData });
             align-items: center
             justify-content: center
         .service-icon-11
-            background: linear-gradient(135deg, #FF9800 0%, #FFB74D 100%)
+            background-color: #72A4FC
             position: relative
-            &::before
-                content: '📈'
-                position: absolute
-                top: 50%
-                left: 50%
-                transform: translate(-50%, -50%)
-                font-size: 32rpx
+            display: flex
+            align-items: center
+            justify-content: center
+            .service-icon-img
+                width: 42rpx
+                height: 42rpx
+                position: relative
+                z-index: 1
+                filter: brightness(1.8) contrast(1.4)
         .service-icon-12
             background: linear-gradient(135deg, #4CAF50 0%, #81C784 100%)
             position: relative