111

pages/index/components/index-one.vue

@@ -42,6 +42,13 @@
                     <uni-icons class="iconsearch" color="#666666" type="search" size="18"></uni-icons>
                     <text class="inpute">职位名称、薪资要求等</text>
                 </view>
+                <!-- 直播入口按钮 -->
+                <view class="live-button press-button" @click="handleLiveClick">
+                    <view class="live-icon">
+                        <uni-icons type="videocam-filled" size="16" color="#FFFFFF"></uni-icons>
+                    </view>
+                    <view class="live-text">直播</view>
+                </view>
                 <!-- <view class="chart button-click">职业图谱</view> -->
             </view>
             <view class="cards" v-if="shouldShowJobSeekerContent">
@@ -688,6 +695,11 @@ const handleServiceClick = (serviceType) => {
     }
 };
 
+// 处理直播按钮点击
+const handleLiveClick = () => {
+    $api.msg('该功能正在开发中');
+};
+
 // 跳转到测试页面
 const navToTestPage = () => {
     navTo('/pages/test/homepage-test');
@@ -1107,17 +1119,19 @@ defineExpose({ loadData });
     padding-bottom: 0 !important;
     margin-top: 0 !important;
     margin-bottom: 0 !important;
+
 .container-search
     padding: 16rpx 24rpx
     display: flex
     justify-content: space-between
+    align-items: center
     .search-input
         display: flex
         align-items: center;
-        width: 100%
+        flex: 1
         height: 80rpx;
         line-height: 80rpx
-        margin-right: 24rpx
+        margin-right: 16rpx
         background: #FFFFFF;
         border-radius: 75rpx 75rpx 75rpx 75rpx;
         .iconsearch
@@ -1128,6 +1142,35 @@ defineExpose({ loadData });
             font-size: 28rpx;
             color: #B5B5B5;
             width: 100%
+    .live-button
+        display: flex
+        align-items: center
+        justify-content: center
+        width: 90rpx
+        height: 42rpx
+        background: linear-gradient(135deg, #FF6B6B 0%, #FF8E8E 100%)
+        border-radius: 40rpx
+        box-shadow: 0 3rpx 8rpx rgba(255, 107, 107, 0.2)
+        transition: all 0.2s ease
+        flex-shrink: 0
+        
+        &:active
+            transform: scale(0.96)
+            box-shadow: 0 2rpx 6rpx rgba(255, 107, 107, 0.25)
+        
+        .live-icon
+            margin-right: 8rpx
+            display: flex
+            align-items: center
+            justify-content: center
+            
+        .live-text
+            font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif
+            font-weight: 500
+            font-size: 24rpx
+            color: #FFFFFF
+            text-align: center
+            white-space: nowrap
     .chart
         font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
         width: 170rpx;