Merge branch 'master' of http://gitlab.platform.xinhuaapp.com/pengjiani/groupPurchase-miniapp

src/components/index/Search.vue

+<template>
+  <view class="search">
+    <image
+      @tap="test2"
+      class="arrow"
+      src="../../static/arrow.png"
+      mode="aspectFit|aspectFill|widthFix"
+    />
+    <slot></slot>
+    <view class="searchBox">
+      <image
+        class="magnifyingGlass"
+        src="../../static/magnifyingGlass.png"
+        mode="aspectFit|aspectFill|widthFix"
+      />
+      <input type="text" :value="test" class="text" />
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { useCountStore } from '@/store';
+import { onMounted } from 'vue';
+
+const title = ref('小程序平台');
+const { countInfo, addCount } = useCountStore();
+const test = ref('');
+onMounted(() => {
+  xma.xh.getUserProfile({
+    range: ['ACCOUNT', 'MOBILE', 'CITIZEN'],
+    async success(info) {
+      const info2 = JSON.stringify(info);
+      test.value = info2;
+    },
+  });
+});
+
+const test2 = () => {
+  xma.navigateTo({
+    url: '/page/index/index',
+  });
+};
+function toUIComponentsDoc() {
+  window.open('https://wot-design-uni.netlify.app/component/button.html');
+}
+
+function onHandleClick() {
+  addCount();
+}
+</script>
+
+<style lang="scss">
+.search {
+  width: 710rpx;
+  height: 80rpx;
+  background: rgba(255, 255, 255, 0.8);
+  border-radius: 16rpx 16rpx 16rpx 16rpx;
+  opacity: 0.8;
+  margin: 0 auto;
+  margin-top: 44rpx;
+  display: flex;
+  align-items: center;
+  padding-left: 20rpx;
+  .arrow {
+    width: 15rpx;
+    height: 24rpx;
+  }
+  .searchBox {
+    opacity: 1;
+    width: 256rpx;
+    height: 56rpx;
+    background: #ffffff;
+    border-radius: 28rpx 28rpx 28rpx 28rpx;
+    display: flex;
+    align-items: center;
+    padding-left: 20rpx;
+    margin-left: 20rpx;
+    .magnifyingGlass {
+      width: 26rpx;
+      height: 26rpx;
+    }
+    .text {
+      margin-left: 10rpx;
+      font-size: 24rpx;
+    }
+  }
+}
+</style>

src/pages/index/index.vue

 <template>
-  <wd-watermark content="小程序平台" :opacity="0.25"></wd-watermark>
-  <view class="content">
-    <image src="/static/logo-icon.png" class="logo" />
-    <text>{{ title }}</text>
-    <wd-button type="primary" @click="toUIComponentsDoc">wot-design-uni 文档</wd-button>
-    <text>pinia count: {{ countInfo.count }}</text>
-    <wd-button type="primary" @click="onHandleClick">add count1</wd-button>
+  <view class="container" @tap="aa">
+    <view class="top">
+      <Search>
+        <image class="food" src="../../static/food.png" mode="aspectFit|aspectFill|widthFix" />
+      </Search>
+    </view>
   </view>
 </template>
 
-<script setup lang="ts">
+<script setup>
+import { onMounted } from 'vue';
 import { useCountStore } from '@/store';
+import Search from '../../components/index/Search.vue';
 
 const title = ref('小程序平台');
 const { countInfo, addCount } = useCountStore();
 
+onMounted(() => {});
 function toUIComponentsDoc() {
   window.open('https://wot-design-uni.netlify.app/component/button.html');
 }
@@ -25,19 +27,18 @@ function onHandleClick() {
 </script>
 
 <style lang="scss">
-.content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 40rpx {
-    top: 200rpx;
+.container {
+  .top {
+    width: 100%;
+    height: 440rpx;
+    background: linear-gradient(180deg, #fa5151 0%, rgba(243, 243, 243, 0) 100%);
+    border-radius: 0rpx 0rpx 0rpx 0rpx;
+    overflow: hidden;
+    .food {
+      width: 178rpx;
+      height: 45rpx;
+      margin-left: 25rpx;
     }
-  gap: 24rpx;
-
-  .logo {
-    width: 80rpx;
-    height: 80rpx;
   }
 }
 </style>