feat: complete learn module

Author: LeeJim

miniprogram/app.less

@@ -71,4 +71,23 @@ page {
       content: '\E07C';
     }
   }
+
+  &--page {
+    font-family: 't';
+    text-decoration: underline;
+
+    &:before {
+      content: '\E058';
+    }
+  }
+
+  &--quote {
+    display: block;
+    padding: 12rpx;
+    font-size: 28rpx;
+    color: #0052d9;
+    background-color: #e6eefb;
+    opacity: .7;
+    border-radius: 8rpx;
+  }
 }

miniprogram/data.js

@@ -2695,7 +2695,7 @@ export default [
               "冰块",
               [
                 {
-                  "type": "link",
+                  "type": "page",
                   "text": "蔗糖糖浆",
                   "href": "../../condiment/蔗糖糖浆/蔗糖糖浆.md"
                 },
@@ -3069,7 +3069,7 @@ export default [
               "苏打气泡水",
               "柠檬",
               {
-                "type": "link",
+                "type": "page",
                 "text": "蔗糖糖浆",
                 "href": "../../condiment/蔗糖糖浆/蔗糖糖浆.md"
               },
@@ -4398,7 +4398,7 @@ export default [
               [
                 "然后进行腌肉，加入生抽，淀粉，油，均匀搅拌，静止 30 分钟。腌肉方法也可参考",
                 {
-                  "type": "link",
+                  "type": "page",
                   "text": "学习腌",
                   "href": "../../tips/learn/学习腌.md"
                 }
@@ -6581,7 +6581,7 @@ export default [
           [
             "建议在此之前查看炒",
             {
-              "type": "link",
+              "type": "page",
               "text": "糖色",
               "href": "./../../condiment/糖色.md"
             },
@@ -6654,7 +6654,7 @@ export default [
               [
                 "炒",
                 {
-                  "type": "link",
+                  "type": "page",
                   "text": "糖色",
                   "href": "./../../condiment/糖色.md"
                 },
@@ -7203,7 +7203,7 @@ export default [
               [
                 "油热，将锅关至小火，如果你不明白为何要这样做，请查看",
                 {
-                  "type": "link",
+                  "type": "page",
                   "text": "学习炒与煎",
                   "href": "../../tips/learn/学习炒与煎.md"
                 },
@@ -8298,7 +8298,7 @@ export default [
               [
                 "用砂锅/铝锅炖肉时，水开后转中小火/小火，使用高压锅见",
                 {
-                  "type": "link",
+                  "type": "page",
                   "text": "学习使用压力锅",
                   "href": "./../../../tips/learn/高压力锅.md"
                 }
@@ -8777,15 +8777,15 @@ export default [
               [
                 "煎",
                 {
-                  "type": "link",
+                  "type": "page",
                   "text": "溏心蛋",
                   "href": "../../breakfast/溏心蛋.md"
                 }
               ],
               [
                 "将",
                 {
-                  "type": "link",
+                  "type": "page",
                   "text": "米饭",
                   "href": "../../staple/米饭/米饭.md"
                 },
@@ -9272,7 +9272,7 @@ export default [
               [
                 "胡萝卜洗净，切成丝，将胡萝卜丝",
                 {
-                  "type": "link",
+                  "type": "page",
                   "text": "焯水",
                   "href": "../../tips/learn/学习焯水.md"
                 },
@@ -10480,7 +10480,7 @@ export default [
               [
                 "出锅后也可以加入水煮荷包蛋（",
                 {
-                  "type": "link",
+                  "type": "page",
                   "text": "太阳蛋",
                   "href": "../../dishes/breakfast/太阳蛋.md"
                 },
@@ -10496,7 +10496,7 @@ export default [
       [
         "馄饨是一种起源于中国的一种民间传统面食，",
         {
-          "type": "link",
+          "type": "page",
           "text": "饺子",
           "href": "./速冻水饺.md"
         },
@@ -11750,7 +11750,7 @@ export default [
               [
                 "煎蛋或",
                 {
-                  "type": "link",
+                  "type": "page",
                   "text": "太阳蛋",
                   "href": "../../breakfast/太阳蛋.md"
                 }
@@ -11880,7 +11880,7 @@ export default [
           [
             "冷藏的咖喱每次取出需要吃的份量，加热后盖在",
             {
-              "type": "link",
+              "type": "page",
               "text": "米饭",
               "href": "../米饭/米饭.md"
             },
@@ -12289,7 +12289,7 @@ export default [
               [
                 "白菜（或其他菜）切丝，",
                 {
-                  "type": "link",
+                  "type": "page",
                   "text": "焯水",
                   "href": "../../tips/learn/学习焯水.md"
                 },
@@ -12367,7 +12367,7 @@ export default [
               [
                 "离醒面完成时间还有 10 分钟时，请查看",
                 {
-                  "type": "link",
+                  "type": "page",
                   "text": "小技巧",
                   "href": "../../condiment/油酥.md"
                 },
@@ -12886,7 +12886,7 @@ export default [
           [
             "准备时，米饭可以参考",
             {
-              "type": "link",
+              "type": "page",
               "text": "米饭的做法",
               "href": "./米饭/米饭.md"
             },

miniprogram/pages/detail/index.js

@@ -1,4 +1,5 @@
 import infos from '../../data'
+import tips from '../learn/data'
 import Toast from 'tdesign-miniprogram/toast/index';
 import Message from 'tdesign-miniprogram/message/index';
 
@@ -192,6 +193,13 @@ Page({
             url: './index?id=' + cookbook.id
           })
         }
+
+        const tip = tips.find(item => item.name.includes(match[1]))
+        if (tip) {
+          wx.navigateTo({
+            url: '/pages/learn/detail?no=' + tip.no
+          })
+        }
       }
     }
   },

miniprogram/pages/index/index.js

@@ -5,10 +5,10 @@ import config from '../../config/index.js'
 Page({
   data: {
     list: [],
-    value: 'home',
+    value: 'index',
     tabbars: [{
       text: '首页',
-      value: 'home',
+      value: 'index',
       icon: 'home'
     },{
       text: '学习',

miniprogram/pages/index/index.wxml

@@ -7,12 +7,6 @@
     wx:key="name"
     bind:click="handleTap"
     list="{{item.list}}" />
-  <t-tab-bar
-    value="{{value}}"
-    bindchange="handleTabbarChange"
-  >
-    <t-tab-bar-item wx:for="{{tabbars}}" wx:key="index" value="{{item.value}}" icon="{{item.icon}}">
-      {{item.text}}
-    </t-tab-bar-item>
-  </t-tab-bar>
 </view>
+
+<include src="/templates/tabbar.wxml" />

miniprogram/pages/learn/data.js

@@ -1,69 +1,81 @@
 const info = require('./data.js').default
+const cookbooks = require('../../data').default
+// import Toast from 'tdesign-miniprogram/toast/index';
+import Message from 'tdesign-miniprogram/message/index';
 
 Page({
-
-  /**
-   * 页面的初始数据
-   */
   data: {
     info: []
   },
 
-  /**
-   * 生命周期函数--监听页面加载
-   */
   onLoad: function (options) {
-    const { index = 0 } = options;
-    const target = info[index];
-
-    this.setData({
-      info: target.content
-    })
-    wx.setNavigationBarTitle({
-      title: target.title
-    })
-  },
-
-  /**
-   * 生命周期函数--监听页面初次渲染完成
-   */
-  onReady: function () {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面显示
-   */
-  onShow: function () {
-
+    const { no = 0 } = options;
+    const target = info.find(item => item.no == no);
+
+    if (target) {
+      this.setData({
+        info: target.content
+      })
+      wx.setNavigationBarTitle({
+        title: target.name
+      })
+    }
   },
 
-  /**
-   * 生命周期函数--监听页面隐藏
-   */
-  onHide: function () {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面卸载
-   */
-  onUnload: function () {
-
-  },
-
-  /**
-   * 页面相关事件处理函数--监听用户下拉动作
-   */
-  onPullDownRefresh: function () {
-
+  handlePreview({ target }) {
+    const { src } = target.dataset;
+
+    wx.previewImage({
+      urls: [src],
+      success() {
+        console.log('success');
+      },
+      fail(e) {
+        console.log(e);
+      }
+    })
   },
 
-  /**
-   * 页面上拉触底事件的处理函数
-   */
-  onReachBottom: function () {
-
+  handleLink({ target }) {
+
+    const { src } = target.dataset;
+
+    if (src.startsWith('http')) {
+      wx.setClipboardData({
+        data: src,
+      }).then(() => {
+        Message.info({
+          offset: [20, 32],
+          duration: 5000,
+          content: '链接已复制，暂不支持直接打开网页',
+        });
+      }).catch(() => {
+        Message.info({
+          offset: [20, 32],
+          duration: 5000,
+          content: '链接无法复制，请稍后重试',
+        });
+      })
+    } else {
+      const match = /\/([^\/]+)\.md/.exec(src);
+
+      if (match[1]) {
+        const cookbook = cookbooks.find(item => item.name.includes(match[1]))
+        
+        if (cookbook) {
+          wx.navigateTo({
+            url: '/pages/detail/index?id=' + cookbook.id
+          })
+        }
+
+        const tips = info.find(item => item.name.includes(match[1]))
+        if (tips) {
+          wx.navigateTo({
+            url: '/pages/learn/detail?no=' + tips.no
+          })
+        }
+      }
+    }
   },
 
   /**