迁移版本

components/common/Footer.vue

@@ -0,0 +1,22 @@
+<script>
+export default {
+  name: "Footer"
+}
+</script>
+
+<template>
+  <view class="footer">
+    <view>各位经销商：</view>
+    <view>合作商请绑定公司名称与电话</view>
+    <view>并联系业务经理</view>
+  </view>
+</template>
+
+<style scoped lang="scss">
+.footer {
+  color: #999;
+  margin: 50rpx auto;
+  text-align: center;
+  line-height: 50rpx;
+}
+</style>

components/common/HeaderSearch.vue

@@ -0,0 +1,57 @@
+<script>
+export default {
+  name: "HeaderSearch",
+  data() {
+    return {
+      keyword: ''
+    }
+  },
+  methods: {
+    goSearch() {
+      console.log('跳转')
+      this.$u.route({
+        url: '/pages/search/search',
+        params: {
+          keyword: this.keyword
+        }
+      })
+    },
+    onClickIcon() {
+      console.log('点击了扫码图标')
+    }
+  }
+}
+</script>
+
+<template>
+  <view class="header-search">
+    <view class="left-search">
+      <up-search searchIcon="scan"
+                class="search"
+                placeholder="输入你想查询的服务"
+                v-model="keyword"
+                :showAction="false"
+                @focus="goSearch"
+                @clickIcon="onClickIcon"
+      ></up-search>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+.header-search {
+  width: 100%;
+  padding: 29rpx;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.left-search {
+  width: 100%;
+}
+
+.search {
+  //width: 400rpx;
+}
+</style>

components/common/SearchMain.vue

@@ -0,0 +1,43 @@
+<script>
+export default {
+  name: "SearchMain",
+  data() {
+    return {
+      keyword: ''
+    }
+  },
+  methods: {
+    searchList(value) {
+      console.log('搜索关键字22：' + value)
+    },
+    onClickIcon() {
+      console.log('点击了扫码图标')
+    },
+    rightClick() {
+      console.log('rightClick');
+    },
+    leftClick() {
+      console.log('leftClick');
+    }
+  }
+}
+</script>
+
+<template>
+  <view>
+    <up-navbar
+        title="个人中心"
+        @rightClick="rightClick"
+        :autoBack="true"
+    >
+    </up-navbar>
+    <up-search class="search" searchIcon="scan" placeholder="输入你想查询的服务"
+              @clickIcon="onClickIcon" v-model="keyword" :showAction="true" :animation="false" :actionStyle="{}" @custom="searchList"></up-search>
+  </view>
+</template>
+
+<style scoped>
+  .search {
+    width: 100%;
+  }
+</style>