提交

components/wyb-drop-down/wyb-drop-down.vue

@@ -11,6 +11,7 @@
 			 :style="{
 				 zIndex: zIndex,
 				 backgroundColor: bgColor.header}">
+				 <view class="headercontainer">
 					<view 
 					 class="wyb-drop-down-header-item"
 					 v-for="(item,index) in options"
@@ -87,7 +88,7 @@
 							</view>
 						 </view>
 					</scroll-view>
-				
+				</view>
 			</view>
 		
 		<view
@@ -236,6 +237,7 @@
 		methods: {
 			searchHandle(){
 				console.log(this.catagoryName,"uuu")
+				this.$emit('getContent',this.catagoryName)
 			},
 			clickHandle(){
 				this.disabled = false;
@@ -317,15 +319,19 @@
 		/* #endif */
 		left: 0;
 		right: 0;
-		display: flex;
+		/* display: flex; */
 		flex-direction: row;
 		background-color: #fff;
 		z-index: 500;
 		
 	}
+	.headercontainer{
+		position: relative;
+		z-index: 500;
+		background-color: #ffffff;
+	}
 	
 	.wyb-drop-down-header-item {
-		border:1px solid blue;
 		position:relative;
 		flex: 1;
 		height: 100rpx;
@@ -439,7 +445,7 @@
 	.withSearch{
 		position:absolute;
 		z-index:999;
-		top:110upx;
+		top:20upx;
 		right:24upx;
 		width:180upx;
 		height:70upx;

manifest.json

@@ -21,7 +21,8 @@
         },
         /* 模块配置 */
         "modules" : {
-            "OAuth" : {}
+            "OAuth" : {},
+            "Camera" : {}
         },
         /* 应用发布信息 */
         "distribute" : {

pages/index/searchPage.vue

@@ -32,6 +32,7 @@
 				 drop-icon="line"
 				 :options="options"
 				 defaultColor="#0076F6"
+				 @getContent="getContent"
 				>
 				    <view class="tagList">
 				    	<view :class="active==index?'tagItem active':'tagItem'" 
@@ -55,13 +56,19 @@
 			</view>
 			
 		</view>
-		<view :class="noSearch?'nosearchListContent marginTop':'nosearchListContent'">
+		<view v-if="contentList.length>0" :class="noSearch?'nosearchListContent marginTop':'nosearchListContent'">
 			<view class="firstItem" v-for="item in contentList" 
 			:key="item.id" @click="goNextSection(item)">
 				<text>{{item.name}}</text>
 				<text>{{item.subName}}</text>
 			</view>
 		</view>
+		<view class="nodata" v-if="contentList.length==0">
+			<image src="../../static/nodata.png" mode="widthFix"></image>
+			<view class="empty">
+				暂无数据
+			</view>
+		</view>
 	</view>
 	
 </template>
@@ -94,6 +101,10 @@ export default{
 		this.getListData(option.id)
 	},
 	methods:{
+		getContent(val){
+			this.catagoryName = val;
+			this.getListData(this.catagoryId)
+		},
 		searchHandle(){
 			this.getListData(this.catagoryId)
 		},
@@ -160,7 +171,6 @@ export default{
 }
 .searchBox{
 	position:relative;
-	border:1px solid red;
 }
 .withSearch{
 	position:absolute;
@@ -223,4 +233,12 @@ export default{
 		color: #0076F6 !important;
 	}
 }
+.nodata{
+	margin-top:200rpx;
+	text-align: center;
+	image{
+		width:30%;
+		height:auto;
+	}
+}
 </style>