fix: 产品相关页面样式优化

Yi.Ai.Vue3/src/components/SupportModelProducts/indexl.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import SupportModelList from '@/components/userPersonalCenter/components/SupportModelList.vue';
+
 const models = [
   { name: 'DeepSeek-R1', price: '2', desc: '国产开源，深度思索模式，不过幻读问题比较大，同时具备思考响应链，在开源模型中永远的神!' },
   { name: 'DeepSeek-chat', price: '1', desc: '国产开源，简单聊天模式，对于中文文章语义体验较好，但响应速度一般' },
@@ -36,10 +38,13 @@ const models = [
       意心AI 为您集成市面上热门模型，订阅即享多模型使用权限，无需额外购买，真正做到一步到位。
     </p>
 
-    <h2 class="text-2xl font-semibold mb-4 text-center">
+    <!-- 网格布局，默认2列 -->
+    <SupportModelList layout="grid" />
+
+    <h2 v-if="false" class="text-2xl font-semibold mb-4 text-center">
       热门大模型价格排行榜
     </h2>
-    <div class="bg-white shadow rounded-2xl overflow-hidden">
+    <div v-if="false" class="bg-white shadow rounded-2xl overflow-hidden">
       <table class="w-full table-auto border-collapse">
         <thead class="bg-gray-100">
           <tr>
@@ -72,11 +77,13 @@ const models = [
 
     <div class="mt-16">
       <h2 class="text-2xl font-semibold mb-4 text-center">
-        查看更多大模型价格实时排行榜
+        热门大模型价格实时排行榜
       </h2>
       <div class="rounded-2xl shadow-lg overflow-hidden border border-gray-200">
         <iframe
+
           src="https://easyllm.site/static/models.html"
+
           width="100%"
           height="700"
           class="w-full"
@@ -90,7 +97,7 @@ const models = [
     </div>
     <div class="mt-8 text-center">
       <h2 class="text-2xl font-semibold mb-2">
-        一口价订阅，仅需 <span class="text-red-500 text-3xl font-bold">49.9元/月</span>
+        一口价订阅，仅需 <span class="text-red-500 text-3xl font-bold">19.9元/月</span>  起
       </h2>
       <p class="text-gray-600 mb-4">
         即解锁以上全部模型，随时切换，无需单独付费。