1

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 count</wd-button>
+  <view class="container">
+    <view class="top">
+      <view>
+        <wd-icon name="thin-arrow-left" class="icon"></wd-icon>
+      </view>
+    </view>
   </view>
 </template>
 
-<script setup lang="ts">
+<script setup>
 import { useCountStore } from '@/store';
 
 const title = ref('小程序平台');
@@ -25,19 +24,12 @@ function onHandleClick() {
 </script>
 
 <style lang="scss">
-.content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 40rpx {
-    top: 200rpx;
-  }
-  gap: 24rpx;
-
-  .logo {
-    width: 80rpx;
-    height: 80rpx;
+.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>