first commit

components/diy/search/search.vue

@@ -0,0 +1,55 @@
+<template>
+	<view class="index-search-box" id="searchBox">
+		<view class="index-search diy-search t-c" :class="'diy-search-style-'+itemData.style.searchStyle+' diy-search-textAlign-'+itemData.style.textAlign"
+		 @click="gotoSearch">
+			<span class="icon iconfont icon-sousuo"></span>
+			<text class="ml10">{{itemData.params.placeholder}}</text>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {}
+		},
+		props: ['itemData'],
+		methods: {
+
+			/*跳转搜索页面*/
+			gotoSearch() {
+				let url = '/pages/product/search/search';
+				this.gotoPage(url);
+			}
+		}
+	}
+</script>
+
+<style>
+	/*search*/
+	.diy-search-style-3 {}
+
+	.diy-search-style-6 {
+		border-radius: 16rpx;
+	}
+
+	.diy-search-style-9 {
+		border-radius: 50rpx;
+	}
+
+	.diy-search-textAlign-3 {
+		justify-content: flex-start;
+	}
+
+	.diy-search-textAlign-6 {
+		justify-content: center;
+	}
+
+	.diy-search-textAlign-9 {
+		justify-content: flex-end;
+	}
+
+	.diy-search .svg-icon {
+		margin-right: 10rpx;
+	}
+</style>