1

src/components/index/Search.vue

+<template>
+  <view class="container"></view>
+</template>
+
+<script setup>
+import { useCountStore } from '@/store';
+
+const title = ref('小程序平台');
+const { countInfo, addCount } = useCountStore();
+
+function toUIComponentsDoc() {
+  window.open('https://wot-design-uni.netlify.app/component/button.html');
+}
+
+function onHandleClick() {
+  addCount();
+}
+</script>
+
+<style lang="scss">
+.container {
+  .top {
+    width: 100%;
+    height: 440rpx;
+    background: linear-gradient(180deg, #fa5151 0%, rgba(243, 243, 243, 0) 100%);
+    border-radius: 0rpx 0rpx 0rpx 0rpx;
+  }
+}
+</style>

src/pages/index/index.vue

@@ -2,7 +2,7 @@
   <view class="container">
     <view class="top">
       <view>
-        <wd-icon name="thin-arrow-left" class="icon"></wd-icon>
+        <Search></Search>
       </view>
     </view>
   </view>
@@ -10,6 +10,7 @@
 
 <script setup>
 import { useCountStore } from '@/store';
+import Search from '../../components/index/Search.vue';
 
 const title = ref('小程序平台');
 const { countInfo, addCount } = useCountStore();