我的页面

pages/index/user.vue

@@ -8,6 +8,7 @@
     :navbarStyle="template.navigationBar"
     onShareAppMessage
   >
+    <userAvatarCard />
     <s-block
       v-for="(item, index) in template.components"
       :key="index"
@@ -15,13 +16,20 @@
     >
       <s-block-item :type="item.id" :data="item.property" :styles="item.property.style" />
     </s-block>
+    <userTryOn />
+    <!-- 购物车 -->
+    <view class="cart-box" @click="sheep.$router.go('/pages/index/cart')">
+      <uni-icons type="cart" size="28" color="#fff" />
+    </view>
   </s-layout>
 </template>
 
 <script setup>
-  import { computed } from 'vue';
+  import { computed, reactive, ref } from 'vue';
   import { onShow, onPageScroll, onPullDownRefresh } from '@dcloudio/uni-app';
   import sheep from '@/sheep';
+  import userAvatarCard from './components/user-avatar-card.vue';
+  import userTryOn from './components/user-tryOn.vue';
 
   // 隐藏原生tabBar
   uni.hideTabBar({
@@ -42,6 +50,22 @@
   });
 
   onPageScroll(() => {});
+
+  const pattern = reactive({
+    icon: 'uni-icons-heart',
+  });
 </script>
 
-<style></style>
+<style lang="scss" scoped>
+  .cart-box {
+    width: 80rpx;
+    height: 80rpx;
+    border-radius: 50%;
+    background: red;
+    position: fixed;
+    bottom: 80px;
+    right: 10px;
+    text-align: center;
+    line-height: 80rpx;
+  }
+</style>