demo

peng-xiao-shuai · Oct 28, 2024 · 72c6691 · 72c6691
1 parent 00c2c7e
commit 72c6691
Show file tree

Hide file tree

Showing 2 changed files with 133 additions and 1 deletion.
diff --git a/demo/indexData.tsx b/demo/indexData.tsx
@@ -529,6 +529,138 @@ const lists: Lists[] = [
     data: '2022-01-xx',
     driveType: '4',
     engineLocation: '前置',
+    cd: [
+      {
+        id: 21,
+        brand: 'BMW',
+        engine: '4.4T 625马力 V8',
+        manufacturer: 'BMW',
+        manufacturerHref: 'https://www.bmw.com/en/index.html',
+        name: 'BMW 8 Series',
+        href: 'https://offers.bmwhk.com/the8/en/?utm_medium=website&utm_source=bmwhk_modelshowroom&utm_campaign=468_Jan2021&utm_content=launch',
+        icon: 'vitebaoma',
+        price: 196.8,
+        switchVal: 0,
+        tag: ['white', 'red'],
+        rate: 4.5,
+        content:
+          '宝马M8（BMW M8)是宝马旗下的顶级跑车，采用M部门为其量身打造的4.4T V8双涡轮增压引擎，最大功率可达625马力，峰值扭矩750牛米。这台引擎可以让1.9吨的大家伙在3.2秒内完成0-100加速。M，在宝马车系中代表顶级性能版。',
+        imageUrl:
+          'https://images.unsplash.com/photo-1630037937485-e2da57394d88',
+        data: '2022-01-xx',
+        driveType: '4',
+        engineLocation: '前置',
+      },
+      {
+        id: 22,
+        brand: 'BMW',
+        engine: '4.4T 625马力 V8',
+        manufacturer: 'BMW',
+        manufacturerHref: 'https://www.bmw.com/en/index.html',
+        name: 'BMW 8 Series',
+        href: 'https://offers.bmwhk.com/the8/en/?utm_medium=website&utm_source=bmwhk_modelshowroom&utm_campaign=468_Jan2021&utm_content=launch',
+        icon: 'vitebaoma',
+        price: 196.8,
+        switchVal: 0,
+        tag: ['white', 'red'],
+        rate: 4.5,
+        content:
+          '宝马M8（BMW M8)是宝马旗下的顶级跑车，采用M部门为其量身打造的4.4T V8双涡轮增压引擎，最大功率可达625马力，峰值扭矩750牛米。这台引擎可以让1.9吨的大家伙在3.2秒内完成0-100加速。M，在宝马车系中代表顶级性能版。',
+        imageUrl:
+          'https://images.unsplash.com/photo-1630037937485-e2da57394d88',
+        data: '2022-01-xx',
+        driveType: '4',
+        engineLocation: '前置',
+        cd: [
+          {
+            id: 211,
+            brand: 'BMW',
+            engine: '4.4T 625马力 V8',
+            manufacturer: 'BMW',
+            manufacturerHref: 'https://www.bmw.com/en/index.html',
+            name: 'BMW 8 Series',
+            href: 'https://offers.bmwhk.com/the8/en/?utm_medium=website&utm_source=bmwhk_modelshowroom&utm_campaign=468_Jan2021&utm_content=launch',
+            icon: 'vitebaoma',
+            price: 196.8,
+            switchVal: 0,
+            tag: ['white', 'red'],
+            rate: 4.5,
+            content:
+              '宝马M8（BMW M8)是宝马旗下的顶级跑车，采用M部门为其量身打造的4.4T V8双涡轮增压引擎，最大功率可达625马力，峰值扭矩750牛米。这台引擎可以让1.9吨的大家伙在3.2秒内完成0-100加速。M，在宝马车系中代表顶级性能版。',
+            imageUrl:
+              'https://images.unsplash.com/photo-1630037937485-e2da57394d88',
+            data: '2022-01-xx',
+            driveType: '4',
+            engineLocation: '前置',
+          },
+          {
+            id: 212,
+            brand: 'BMW',
+            engine: '4.4T 625马力 V8',
+            manufacturer: 'BMW',
+            manufacturerHref: 'https://www.bmw.com/en/index.html',
+            name: 'BMW 8 Series',
+            href: 'https://offers.bmwhk.com/the8/en/?utm_medium=website&utm_source=bmwhk_modelshowroom&utm_campaign=468_Jan2021&utm_content=launch',
+            icon: 'vitebaoma',
+            price: 196.8,
+            switchVal: 0,
+            tag: ['white', 'red'],
+            rate: 4.5,
+            content:
+              '宝马M8（BMW M8)是宝马旗下的顶级跑车，采用M部门为其量身打造的4.4T V8双涡轮增压引擎，最大功率可达625马力，峰值扭矩750牛米。这台引擎可以让1.9吨的大家伙在3.2秒内完成0-100加速。M，在宝马车系中代表顶级性能版。',
+            imageUrl:
+              'https://images.unsplash.com/photo-1630037937485-e2da57394d88',
+            data: '2022-01-xx',
+            driveType: '4',
+            engineLocation: '前置',
+            cd: [
+              {
+                id: 2111,
+                brand: 'BMW',
+                engine: '4.4T 625马力 V8',
+                manufacturer: 'BMW',
+                manufacturerHref: 'https://www.bmw.com/en/index.html',
+                name: 'BMW 8 Series',
+                href: 'https://offers.bmwhk.com/the8/en/?utm_medium=website&utm_source=bmwhk_modelshowroom&utm_campaign=468_Jan2021&utm_content=launch',
+                icon: 'vitebaoma',
+                price: 196.8,
+                switchVal: 0,
+                tag: ['white', 'red'],
+                rate: 4.5,
+                content:
+                  '宝马M8（BMW M8)是宝马旗下的顶级跑车，采用M部门为其量身打造的4.4T V8双涡轮增压引擎，最大功率可达625马力，峰值扭矩750牛米。这台引擎可以让1.9吨的大家伙在3.2秒内完成0-100加速。M，在宝马车系中代表顶级性能版。',
+                imageUrl:
+                  'https://images.unsplash.com/photo-1630037937485-e2da57394d88',
+                data: '2022-01-xx',
+                driveType: '4',
+                engineLocation: '前置',
+              },
+              {
+                id: 2112,
+                brand: 'BMW',
+                engine: '4.4T 625马力 V8',
+                manufacturer: 'BMW',
+                manufacturerHref: 'https://www.bmw.com/en/index.html',
+                name: 'BMW 8 Series',
+                href: 'https://offers.bmwhk.com/the8/en/?utm_medium=website&utm_source=bmwhk_modelshowroom&utm_campaign=468_Jan2021&utm_content=launch',
+                icon: 'vitebaoma',
+                price: 196.8,
+                switchVal: 0,
+                tag: ['white', 'red'],
+                rate: 4.5,
+                content:
+                  '宝马M8（BMW M8)是宝马旗下的顶级跑车，采用M部门为其量身打造的4.4T V8双涡轮增压引擎，最大功率可达625马力，峰值扭矩750牛米。这台引擎可以让1.9吨的大家伙在3.2秒内完成0-100加速。M，在宝马车系中代表顶级性能版。',
+                imageUrl:
+                  'https://images.unsplash.com/photo-1630037937485-e2da57394d88',
+                data: '2022-01-xx',
+                driveType: '4',
+                engineLocation: '前置',
+              },
+            ],
+          },
+        ],
+      },
+    ],
   },
   {
     id: 3,

diff --git a/demo/main.ts b/demo/main.ts
@@ -9,7 +9,7 @@ import { langPackages } from './indexData'
 import PowerfulTable from '~/index'
 import 'element-plus/theme-chalk/src/index.scss'
 import 'element-plus/theme-chalk/dark/css-vars.css'
-// import "../lib/es/style.css"
+import 'el-plus-powerful-table-ts/es/style.css'
 const app = createApp(App)
 // app.use(ElementPlus, {
 //   size: 'large',