feat: blog mock

Author: ceilf6

vue2/sandboxs/package-lock.json

@@ -14,7 +14,7 @@
     "test:Icon": "vue serve ./src/components/Icon/test.vue",
     "test:toast": "vue serve ./test/toast/index.vue",
     "test:Lifecycle": "vue serve ./test/lifecycle/Lifecycle.vue",
-    "test:FetchData":"vue serve ./test/lifecycle/FetchData.vue",
+    "test:FetchData": "vue serve ./test/lifecycle/FetchData.vue",
     "test:Loading": "vue serve ./src/components/Loading/test.vue",
     "test:vLoading": "vue serve ./src/directives/loading/test.vue",
     "test:TreeListMenu": "vue serve ./src/components/TreeListMenu/test.vue"
@@ -23,6 +23,7 @@
     "axios": "^1.13.4",
     "core-js": "^3.6.5",
     "mockjs": "^1.1.0",
+    "querystring": "^0.2.1",
     "vue": "^2.6.11",
     "vue-router": "^3.6.5"
   },

vue2/sandboxs/package.json

@@ -0,0 +1,42 @@
+import Mock from "mockjs";
+import qs from "querystring";
+Mock.mock("/api/blogtype", "get", {
+    code: 0,
+    msg: "",
+    "data|10-20": [
+        {
+            "id|+1": 1,
+            name: "分类@id",
+            "articleCount|0-300": 0,
+            "order|+1": 1,
+        },
+    ],
+});
+
+Mock.mock(/^\/api\/blog(\?.+)?$/, "get", function (options) {
+    const query = qs.parse(options.url);
+
+    return Mock.mock({
+        code: 0,
+        msg: "",
+        data: {
+            "total|2000-3000": 0,
+            [`rows|${query.limit || 10}`]: [
+                {
+                    id: "@guid",
+                    title: "@ctitle",
+                    description: "@cparagraph(1, 10)",
+                    category: {
+                        "id|1-10": 0,
+                        name: "分类@id",
+                    },
+                    "scanNumber|0-3000": 0,
+                    "commentNumber|0-300": 30,
+                    thumb: Mock.Random.image("300x250", "#000", "#fff", "Random Image"),
+                    createDate: `@date('T')`,
+                },
+            ],
+        },
+    });
+});
+