第一次提交

2023-08-04 13:14:48 +08:00
commit 1b923e5cff
1030 changed files with 128016 additions and 0 deletions
--- a/components/page/diyComponents/search/index.vue
+++ b/components/page/diyComponents/search/index.vue
@@ -0,0 +1,76 @@
+<template>
+  <!-- 搜索框 -->
+  <view class="diy-search">
+    <view class="inner" :class="itemStyle.searchStyle" @click="onTargetSearch">
+      <view class="search-input" :style="{ textAlign: itemStyle.textAlign }">
+        <text class="search-icon iconfont icon-search"></text>
+        <text> {{ params.placeholder }}</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+  export default {
+
+    /**
+     * 组件的属性列表
+     * 用于组件自定义设置
+     */
+    props: {
+      itemIndex: String,
+      itemStyle: Object,
+      params: Object
+    },
+
+    /**
+     * 组件的方法列表
+     * 更新属性和数据的方法与更新页面数据的方法类似
+     */
+    methods: {
+
+      /**
+       * 跳转到搜索页面
+       */
+      onTargetSearch() {
+        this.$navTo('pages/search/index')
+      }
+
+    }
+
+  }
+</script>
+
+<style lang="scss" scoped>
+  .diy-search {
+    background: #f1f1f2;
+    padding: 20rpx 20rpx;
+    font-size: 26rpx;
+  }
+
+  .inner {
+    height: 60rpx;
+    background: #fff;
+    overflow: hidden;
+
+    &.radius {
+      border-radius: 10rpx;
+    }
+
+    &.round {
+      border-radius: 60rpx;
+    }
+  }
+
+  .search-input {
+    height: 60rpx;
+    color: #999;
+    padding: 0 20rpx;
+    display: flex;
+    align-items: center;
+
+    .search-icon {
+      margin-right: 8rpx;
+    }
+  }
+</style>