罗世杰：feat：完成Dropdown组件的封装 fix：更改了pubulishSlide的样式bug

pages/shopAddress/shopAddress.vue

@@ -1,12 +1,17 @@
 <template>
 	<view class="root">
 		<InputAndSwiper></InputAndSwiper>
-		<view class="content">
-			<view style="margin-top: 10px;">
+		
+		<view>
+			<view class="dropdown-bug">
+				
+			</view>
+			<view class="marginLR10">
 				<DropDown></DropDown>
 			</view>
-			
-			<SearchShopList :showStyle="1"></SearchShopList>
+			<view class="marginLR10">
+				<SearchShopList :showStyle="1"/>
+			</view>
 		</view>
 		
 		<TabBar :current-page="3"></TabBar>
@@ -14,7 +19,11 @@
 </template>
 
 <script>
+	import DropDownItem from "@/components/DropDown/DropDownItem.vue"
 	export default {
+		components: {
+			DropDownItem
+		},
 		data() {
 			return {
 				
@@ -26,11 +35,23 @@
 	}
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 	page {
 		background-color: $uni-bg-color-grey;
 	}
-	.content{
+	.root{
+		position: relative;
+	}
+	.dropdown-bug {
+		position: absolute;
+		background-color: $uni-bg-color-grey;
+		height: 120rpx;
+		width: 100%;
+		transform: translateY(-20rpx);
+		z-index: 2;
+	}
+	.marginLR10{
 		margin: 0 10px;
 	}
+	
 </style>