canvas: 移动到模板 tab

pages.json

@@ -234,14 +234,6 @@
         "navigationBarTitleText": "redirectPage"
       }
     },
-    // #ifdef WEB
-    {
-      "path": "pages/component/canvas/canvas",
-      "style": {
-        "navigationBarTitleText": "canvas"
-      }
-    },
-    // #endif
     {
       "path": "pages/component/web-view/web-view",
       "style": {
@@ -1115,6 +1107,14 @@
         "navigationBarTitleText": "自定义TabBar"
       }
     },
+    // #ifdef WEB
+    {
+      "path": "pages/template/browser-canvas/browser-canvas",
+      "style": {
+        "navigationBarTitleText": "如何使用浏览器 canvas"
+      }
+    },
+    // #endif
     // #ifdef APP
     {
       "path": "pages/template/calendar/calendar",

pages/tabBar/component.uvue

@@ -182,29 +182,25 @@
               }, */
             ] as Page[],
           },
-          /*
-            {
-              id: 'map',
-              name: '地图',
-              pages: [
-                {
-                  name: 'map',
-                  enable: false
-                }
-              ] as Page[]
-            },
-            */
-          // #ifdef WEB
-          {
-            id: 'canvas',
-            name: '画布',
-            pages: [
-              {
-                name: 'canvas'
-              }
-            ] as Page[]
-          },
-          // #endif
+          // {
+          //   id: 'map',
+          //   name: '地图',
+          //   pages: [
+          //     {
+          //       name: 'map',
+          //       enable: false
+          //     }
+          //   ] as Page[]
+          // },
+          // {
+          //   id: 'canvas',
+          //   name: '画布',
+          //   pages: [
+          //     {
+          //       name: 'canvas'
+          //     }
+          //   ] as Page[]
+          // },
           {
             id: 'web-view',
             name: '网页',

pages/tabBar/template.uvue

@@ -186,6 +186,15 @@
             pages: [] as Page[],
           },
           // #endif
+          // #ifdef WEB
+          {
+            id: 'browser-canvas',
+            url: 'browser-canvas',
+            name: '如何使用浏览器 canvas',
+            open: false,
+            pages: [] as Page[],
+          },
+          // #endif
         ] as ListItem[],
         arrowUpIcon: '/static/icons/arrow-up.png',
         arrowDownIcon: '/static/icons/arrow-down.png',

pages/component/canvas/canvas.uvue → pages/template/browser-canvas/browser-canvas.uvue

@@ -12,7 +12,7 @@
   export default {
     data() {
       return {
-        title: 'Canvas',
+        title: '浏览器 canvas',
         drawing: null as UniElement | null,
         canvasElement: null as HTMLCanvasElement | null,
         canvasContext: null as CanvasRenderingContext2D | null,