我的页面

2025-09-11 17:38:24 +08:00
parent a0f751c2c0
commit 04833ef1bc
7 changed files with 366 additions and 7 deletions
@@ -0,0 +1,55 @@
+<template>
+  <view class="tryOn-ctn">
+    <view class="title">试戴记录</view>
+    <ul class="record-ul">
+      <li
+        class="record-li"
+        v-for="(item, idx) in recordList"
+        :key="item.id"
+        @click="sheep.$router.go('/pages/user/tryOnPreview', {})"
+      >
+        <!-- <image class="record-img" mode="aspectFill" /> -->
+      </li>
+    </ul>
+  </view>
+</template>
+
+<script setup>
+  import { reactive, ref } from 'vue';
+  import sheep from '@/sheep';
+
+  const recordList = ref([]);
+</script>
+
+<style lang="scss" scoped>
+  .tryOn-ctn {
+    width: 100%;
+    background: #fff;
+    padding: 20rpx 0 100rpx 0;
+    .title {
+      width: 664rpx;
+      height: 46rpx;
+      line-height: 46rpx;
+      color: #000;
+      text-align: center;
+      font-size: 24rpx;
+      border-bottom: 1rpx solid #ccc;
+      margin: 0 auto;
+    }
+    .record-ul {
+      width: 100%;
+      list-style: none;
+      padding: 0;
+      margin: 0;
+      box-sizing: border-box;
+      display: flex;
+      flex-wrap: wrap;
+      margin-top: 50rpx;
+      .record-li {
+        width: 25%;
+        aspect-ratio: 1/1.4;
+        border: 1rpx solid #000;
+      }
+    }
+  }
+</style>