Jelajahi Sumber

首页基础跳转

zhengkaixin 1 tahun lalu
induk
melakukan
62773d5138

+ 21 - 7
components/nx-search.vue

@@ -7,11 +7,17 @@
                 <view class="seach-select" v-if="selectList.length>0">
                     <!-- 选中值 -->
                     <view class="select-value" @click="selectClick">
+						
                         {{selectList[selectIndex].name}}
                         <text class="cuIcon-triangledownfill" style="">
 						</text>
 						
-							 <u-icon style="margin-left: 16rpx;" name="arrow-down-fill" size="16" color="#999999"></u-icon>
+							<u-icon style="margin-left: 16rpx;"
+							  v-if="selectList.length==1"
+							  name="arrow-rightward" size="16" color="#999999"></u-icon>
+							 <u-icon style="margin-left: 16rpx;"
+							  v-if="selectList.length>1"
+							  name="arrow-down-fill" size="16" color="#999999"></u-icon>
 						
 						
                     </view>
@@ -51,10 +57,7 @@
         props: {
             selectList: {
                 type: Array,
-                default: [
-
-
-                ]
+                default: ()=>[]
             },
             placeholder: {
                 value: String,
@@ -76,6 +79,10 @@
                 value: Boolean,
                 default: true
             },
+			setIsFocus: {
+			    value: Boolean,
+			    default: true
+			},
             radius: {
                 value: String,
                 default: 60
@@ -85,19 +92,25 @@
             return {
                 showSelectList: false,
                 selectIndex: 0,
-                isFocus: true,
+                isFocus: this.setIsFocus,
                 inputVal: '',
                 searchName: '取消',
                 isDelShow: false
             };
         },
+		created() {
+			//this.isFocus=this.setIsFocus;
+		},
         methods: {
             selectItem(index) {
                 this.selectIndex = index
                 this.showSelectList = !this.showSelectList;
             },
             selectClick() {
-                this.showSelectList = !this.showSelectList;
+				if(this.selectList.length>1){
+					 this.showSelectList = !this.showSelectList;
+				}
+             
             },
             triggerConfirm() {
 				
@@ -120,6 +133,7 @@
                 if (this.inputVal) {
                     this.isDelShow = true;
                 }
+				 this.$emit('focus');
             },
             blur() {
                 this.isFocus = false;

+ 3 - 9
main.js

@@ -34,15 +34,9 @@ Vue.mixin({
 	methods: {
 		
 		gotoUrl(url,tab) {
-			if(tab){
-				uni.switchTab({
-					url: "/" + url
-				})
-			}else{
-				uni.navigateTo({
-					url: "/" + url
-				})
-			}
+			uni.navigateTo({
+				url: "/" + url
+			})
 			
 		}
 	}

+ 13 - 8
pages/main/index/index.vue

@@ -8,7 +8,9 @@
 		<view class="top">
 			<!-- 搜索框 -->
 			<view class="search">
-				<u-search placeholder="请输入找工关键字" v-model="keyword" :show-action="false"></u-search>
+				<u-search placeholder="请输入找工关键字" 
+				 @focus="gotoUrl('pages/packages/search/search')"
+				 :show-action="false"></u-search>
 			</view>
 
 		</view>
@@ -19,7 +21,7 @@
 		</view>
 		<!-- 功能区 -->
 		<view class="function">
-			<view class="function-item"  @click="gotoUrl('pages/main/choreInformation/choreInformation',true)">
+			<view class="function-item"  @click="gotoUrl('pages/packages/choreInformation/choreInformation')">
 				<view class="icon-box icon-box3">
 			
 					<view class="icon">
@@ -31,7 +33,7 @@
 					零工驿站
 				</view>
 			</view>
-			<view class="function-item"  @click="gotoUrl('pages/packages/news/news')">
+			<view class="function-item"  @click="gotoUrl('pages/packages/news/news?t=1&title=爱心驿站')">
 				<view class="icon-box icon-box2">
 
 					<view class="icon">
@@ -43,7 +45,7 @@
 					爱心驿站
 				</view>
 			</view>
-			<view class="function-item" @click="gotoUrl('pages/mine/employmentService/shareEmployment')">
+			<view class="function-item" @click="gotoUrl('pages/packages/mine/employmentService/shareEmployment')">
 				<view class="icon-box">
 					<view class="icon">
 						<img src="@/assets/img/riFill-cloud-fill@1x.png" alt="">
@@ -55,7 +57,7 @@
 				</view>
 			</view>
 			
-			<view class="function-item">
+			<view class="function-item"  @click="gotoUrl('pages/packages/skillTraining/skillTraining')">
 				<view class="icon-box icon-box4">
 			
 					<view class="icon">
@@ -67,7 +69,7 @@
 					技能培训
 				</view>
 			</view>
-			<view class="function-item">
+			<view class="function-item"   @click="gotoUrl('pages/packages/news/news?t=2&title=政策发布')" >
 				<view class="icon-box icon-box5">
 
 					<view class="icon">
@@ -87,7 +89,7 @@
 		<view class="tabs">
 			<view class="title">
 				<u-tabs bg-color="#F0F0F2" :list="tabList" :is-scroll="false" :current="current" @change="change"></u-tabs>
-			   <view class="more">
+			   <view class="more"   @click="gotoUrl('pages/tab/jobInformation/jobInformation')" >
 			   	更多
 				<u-icon name="arrow-right"></u-icon>
 			   </view>
@@ -95,7 +97,10 @@
 			</view>
 			<!-- 卡片 -->
 			<view class="classify-card">
-				<view class="item" v-for="item in 3">
+				<view class="item" v-for="item in 3"  
+				 
+				 @click="gotoUrl('pages/packages/jobInformation/jobDetails')"
+				 >
 					<view class="content-1">
 						<!-- 职位 -->
 						<view class="position">

+ 19 - 18
pages/tab/choreInformation/choreInformation.vue

@@ -1,16 +1,17 @@
 <template>
 	<view>
-		<u-navbar back-text="零工驿站" back-icon-size="28" back-icon-color="#ffffff"
+		<u-navbar back-text="零工驿站"  back-icon-size="0"  :customBack="()=>{}" back-icon-color="#ffffff"
 			:background="{backgroundColor: '#2795FD',}" :back-text-style="{color: '#ffffff'}"></u-navbar>
 
 		<!-- 搜索框 -->
 		<view class="search">
 			<view class="search-box">
 				<view class="option">
-					<nxsearch :selectList="selectList" button="inside" @search="doSearch" @confirm="doSearc"
-						v-model="searchQuery.keyword" placeholder="输入关键字找工作" />
-
-
+					
+						<nxsearch :selectList="selectList" button="inside"
+						 
+						 @search="doSearch" @confirm="doSearc" :setIsFocus="false" @focus="gotoUrl('pages/packages/search/search')"
+							v-model="searchQuery.keyword" placeholder="输入关键字找工作" />
 				</view>
 			</view>
 		</view>
@@ -164,23 +165,23 @@
 								{
 									name:'5年以上'
 								}],
-								tabList: [{
-									name: '最新'
-								}, {
-									name: '日结'
-								}, {
-									name: '周结'
-								}, {
-									name: '月结'
-								}],
+								// tabList: [{
+								// 	name: '最新'
+								// }, {
+								// 	name: '日结'
+								// }, {
+								// 	name: '周结'
+								// }, {
+								// 	name: '月结'
+								// }],
 				selectList: [{
 						id: 1,
 						name: '找工作'
 					},
-					{
-						id: 2,
-						name: '找公司'
-					},
+					// {
+					// 	id: 2,
+					// 	name: '找公司'
+					// },
 				],
 				tabList: [{
 					name: '最新'

+ 1 - 1
pages/tab/issue/issue.vue

@@ -1,6 +1,6 @@
 <template>
 	<view>
-		<u-navbar back-text="发布" back-icon-size="28" back-icon-color="#ffffff" :background="{backgroundColor: '#2795FD',}"
+		<u-navbar back-text="发布"  back-icon-size="0"  :customBack="()=>{}" back-icon-color="#ffffff" :background="{backgroundColor: '#2795FD',}"
 			:back-text-style="{color: '#ffffff'}"></u-navbar>
 
 		<view class="main">

+ 11 - 7
pages/tab/jobInformation/jobInformation.vue

@@ -1,13 +1,15 @@
 <template>
 	<view>
-		<u-navbar back-text="用工信息" back-icon-size="28" back-icon-color="#ffffff"
+		<u-navbar back-text="用工信息" back-icon-size="0"  :customBack="()=>{}" back-icon-color="#ffffff"
 			:background="{backgroundColor: '#2795FD',}" :back-text-style="{color: '#ffffff'}"></u-navbar>
 
 		<!-- 搜索框 -->
 		<view class="search">
 			<view class="search-box">
 				<view class="option">
-					<nxsearch :selectList="selectList" button="inside" @search="doSearch" @confirm="doSearc"
+					<nxsearch :selectList="selectList" button="inside"
+					 
+					 @search="doSearch" @confirm="doSearc" :setIsFocus="false" @focus="gotoUrl('pages/packages/search/search')"
 						v-model="searchQuery.keyword" placeholder="输入关键字找工作" />
 
 
@@ -28,7 +30,9 @@
 					<view>筛选</view>
 				</view>
 			</view>
-			<view class="result-item" v-for="item in 3">
+			<view class="result-item" v-for="item in 3" 
+			  
+			  @click="gotoUrl('pages/packages/jobInformation/jobDetails')" >
 
 				<view class="content-1">
 					<!-- 职位 -->
@@ -216,10 +220,10 @@
 						id: 1,
 						name: '找零工'
 					},
-					{
-						id: 2,
-						name: '找公司'
-					},
+					// {
+					// 	id: 2,
+					// 	name: '找公司'
+					// },
 				],
 				current: 0
 

+ 1 - 1
pages/tab/mine/mine.vue

@@ -1,6 +1,6 @@
 <template>
 	<view>
-		<u-navbar back-text="我的" back-icon-size="28" back-icon-color="#ffffff"
+		<u-navbar back-text="我的"  back-icon-size="0"  :customBack="()=>{}" back-icon-color="#ffffff"
 			:background="{backgroundColor: '#2795FD',}" :back-text-style="{color: '#ffffff'}"></u-navbar>
 		<view class="top">
 			<view class="photo">