feat: xxxxx

pages/report/index.vue

@@ -123,9 +123,7 @@
             <view class="swiper-type-name">{{ colorTypeInfo.typeName }}型</view>
             <view class="swiper-type-name-en">{{ colorTypeInfo.enName }}</view>
             <view class="swiper-type-text">
-              {{
-                colorTypeInfo.typeName + '型' === collect.sj_color_type ? '最佳颜色' : '不匹配'
-              }}
+              {{ colorTypeInfo.typeName + '型' === collect.sj_color_type ? '最佳颜色' : '不匹配' }}
             </view>
           </view>
           <view class="content-box">
@@ -175,12 +173,8 @@
             </view>
 
             <view v-if="collect?.gender === '女'" style="padding: 0 20px">
-
               <view class="reference-img-box">
-                <img
-                  class="reference-img1"
-                  :src="colorTypeInfo.useReferenceImgUrl"
-                />
+                <img class="reference-img1" :src="colorTypeInfo.useReferenceImgUrl" />
               </view>
             </view>
             <view style="padding-left: 20px"> 注：人工智能大模型在计算中可能存在0.5%的误差。 </view>
@@ -314,6 +308,10 @@
       ></image>
     </view>
   </view>
+
+  <view class="btn-bottom" v-if="collect">
+    <button class="next-btn" >马上体验</button>
+  </view>
 </template>
 
 <script setup>
@@ -1264,3 +1262,19 @@
     border-radius: 4px;
   }
 </style>
+
+<style scoped lang="scss">
+  .btn-bottom {
+    margin-top: 20rpx;
+
+    height: 300rpx;
+    .next-btn {
+      width: 80% !important;
+      height: 80rpx;
+      // border-radius: 16rpx;
+      background-color: #0d232c;
+      color: white;
+      font-size: 32rpx;
+    }
+  }
+</style>