tabs

.docgenirc.js

@@ -0,0 +1,13 @@
+/**
+ * @type {import('@docgeni/core').DocgeniConfig}
+ */
+module.exports = {
+    mode: 'lite',
+    title: 'myapp',
+    description: 'An Ionic project',
+    docsDir: 'docs',
+    navs: [
+        null
+    ],
+    libs: []
+};

.gitignore

@@ -68,3 +68,6 @@ testem.log
 # System files
 .DS_Store
 Thumbs.db
+
+.docgeni/site
+.docgeni/site

docs/getting-started.md

@@ -0,0 +1,14 @@
+---
+title: Getting Started
+order: 10
+---
+
+Hello Docgeni!
+
+## Installation
+
+```
+ng add @docgeni/cli
+```
+...
+

package.json

@@ -5,9 +5,11 @@
   "homepage": "https://ionicframework.com/",
   "scripts": {
     "ng": "ng",
+    "build:docs": "docgeni build",
     "start": "ng serve",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
+    "start:docs": "docgeni serve --port 4600",
     "test": "ng test",
     "lint": "ng lint"
   },
@@ -43,6 +45,8 @@
     "@angular/compiler-cli": "^18.0.0",
     "@angular/language-service": "^18.0.0",
     "@capacitor/cli": "6.1.0",
+    "@docgeni/cli": "^2.3.2",
+    "@docgeni/template": "2.3.2",
     "@ionic/angular-toolkit": "^11.0.1",
     "@types/jasmine": "~5.1.0",
     "@typescript-eslint/eslint-plugin": "^6.0.0",

src/app/tab2/tab2.page.ts

@@ -18,34 +18,34 @@ export class Tab2Page {
   ];
 
   seasonHotItems = [
-    { image: 'assets/commodity1.jpg', label: '商品1' },
-    { image: 'assets/commodity2.jpg', label: '商品2' },
-    { image: 'assets/commodity3.jpg', label: '商品3' },
-    { image: 'assets/commodity4.jpg', label: '商品4' },
+    { image: 'assets/commodity2.jpg', label: '商品1' },
+    { image: 'assets/commodity1.jpg', label: '商品2' },
+    { image: 'assets/commodity4.jpg', label: '商品3' },
+    { image: 'assets/commodity3.jpg', label: '商品4' },
     // Add more items as needed
   ];
 
   styleChangeItems = [
-    { image: 'assets/commodity1.jpg', label: '商品1' },
+    { image: 'assets/commodity3.jpg', label: '商品1' },
     { image: 'assets/commodity2.jpg', label: '商品2' },
-    { image: 'assets/commodity3.jpg', label: '商品3' },
+    { image: 'assets/commodity1.jpg', label: '商品3' },
     { image: 'assets/commodity4.jpg', label: '商品4' },
     // Add more items as needed
   ];
 
   selectedProductsItems = [
-    { image: 'assets/commodity1.jpg', label: '商品1' },
+    { image: 'assets/commodity4.jpg', label: '商品1' },
     { image: 'assets/commodity2.jpg', label: '商品2' },
     { image: 'assets/commodity3.jpg', label: '商品3' },
-    { image: 'assets/commodity4.jpg', label: '商品4' },
+    { image: 'assets/commodity1.jpg', label: '商品4' },
     // Add more items as needed
   ];
 
   favoriteProductsItems = [
-    { image: 'assets/commodity1.jpg', label: '商品1' },
-    { image: 'assets/commodity2.jpg', label: '商品2' },
-    { image: 'assets/commodity3.jpg', label: '商品3' },
-    { image: 'assets/commodity4.jpg', label: '商品4' },
+    { image: 'assets/commodity2.jpg', label: '商品1' },
+    { image: 'assets/commodity3.jpg', label: '商品2' },
+    { image: 'assets/commodity4.jpg', label: '商品3' },
+    { image: 'assets/commodity1.jpg', label: '商品4' },
     // Add more items as needed
   ];
 

src/app/tab3/tab3.page.ts

@@ -10,7 +10,7 @@ export class Tab3Page {
   selectedTab = 'message';
 
   messages = [
-    { avatar: 'assets/trucks.jpg', title: '交易物流', content: '您购买的宝贝已签收', time: '昨天' },
+    { avatar: 'assets/truck.jpg', title: '交易物流', content: '您购买的宝贝已签收', time: '昨天' },
     { avatar: 'assets/user-avatar1.jpg', title: 'abab', content: '来自abab的穿搭分享', time: '昨天' },
     { avatar: 'assets/image2.jpg', title: '客服机器人2号', content: '请确认收货地址', time: '星期五' },
     { avatar: 'assets/user-avatar2.jpg', title: '穿搭小助手', content: '为您推荐', time: '星期四' },

src/app/tab4/tab4.page.scss

@@ -4,7 +4,7 @@ ion-content {
 
 ion-card {
   width: auto;
-  height: 200px;
+  height: 240px;
   border: 1px solid #d6d6d6;
 }
 

src/assets/shapes.svg

@@ -1 +0,0 @@
-<svg width="350" height="140" xmlns="http://www.w3.org/2000/svg" style="background:#f6f7f9"><g fill="none" fill-rule="evenodd"><path fill="#F04141" style="mix-blend-mode:multiply" d="M61.905-34.23l96.194 54.51-66.982 54.512L22 34.887z"/><circle fill="#10DC60" style="mix-blend-mode:multiply" cx="155.5" cy="135.5" r="57.5"/><path fill="#3880FF" style="mix-blend-mode:multiply" d="M208.538 9.513l84.417 15.392L223.93 93.93z"/><path fill="#FFCE00" style="mix-blend-mode:multiply" d="M268.625 106.557l46.332-26.75 46.332 26.75v53.5l-46.332 26.75-46.332-26.75z"/><circle fill="#7044FF" style="mix-blend-mode:multiply" cx="299.5" cy="9.5" r="38.5"/><rect fill="#11D3EA" style="mix-blend-mode:multiply" transform="rotate(-60 148.47 37.886)" x="143.372" y="-7.056" width="10.196" height="89.884" rx="5.098"/><path d="M-25.389 74.253l84.86 8.107c5.498.525 9.53 5.407 9.004 10.905a10 10 0 0 1-.057.477l-12.36 85.671a10.002 10.002 0 0 1-11.634 8.42l-86.351-15.226c-5.44-.959-9.07-6.145-8.112-11.584l13.851-78.551a10 10 0 0 1 10.799-8.219z" fill="#7044FF" style="mix-blend-mode:multiply"/><circle fill="#0CD1E8" style="mix-blend-mode:multiply" cx="273.5" cy="106.5" r="20.5"/></g></svg>