From 2b47c9da8448b0d5db4ee6d2d92ef28f22e4b98e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9B=B9=E5=A4=A9=E6=80=A1?= <10205501416@stu.ecnu.edu.cn>
Date: Thu, 2 Jun 2022 10:52:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E6=96=87=E4=BB=B6=E8=87=B3?=
 =?UTF-8?q?=20'hangout-master/Pages/travel/follow/index'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hangout-master/Pages/travel/follow/index/index.js  | 77 ++++++++++++++++++++++
 .../Pages/travel/follow/index/index.json           |  7 ++
 .../Pages/travel/follow/index/index.wxml           | 19 ++++++
 .../Pages/travel/follow/index/index.wxss           | 49 ++++++++++++++
 4 files changed, 152 insertions(+)
 create mode 100644 hangout-master/Pages/travel/follow/index/index.js
 create mode 100644 hangout-master/Pages/travel/follow/index/index.json
 create mode 100644 hangout-master/Pages/travel/follow/index/index.wxml
 create mode 100644 hangout-master/Pages/travel/follow/index/index.wxss

diff --git a/hangout-master/Pages/travel/follow/index/index.js b/hangout-master/Pages/travel/follow/index/index.js
new file mode 100644
index 0000000..70efcb7
--- /dev/null
+++ b/hangout-master/Pages/travel/follow/index/index.js
@@ -0,0 +1,77 @@
+// Pages/travel/follow/index/index.js
+Page({
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    currentTab: 0,
+    list: [
+      {
+        iconPath: "/asset/img/icon-report.png",
+        selectedIconPath: "/asset/img/icon-report0.png",
+        text: "行动报备",
+      },
+      {
+        iconPath: "/asset/img/icon-bill.png",
+        selectedIconPath: "/asset/img/icon-bill0.png",
+        text: "记账单",
+      },
+      {
+        iconPath: "/asset/img/icon-checked.png",
+        selectedIconPath: "/asset/img/icon-checked0.png",
+        text: "计划打卡",
+      },
+    ],
+  },
+
+  switchTab: function (e) {
+    let that = this;
+    if (this.data.currentTab === e.target.dataset.current) {
+      return false;
+    } else {
+      that.setData({
+        currentTab: e.target.dataset.current,
+      });
+    }
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {},
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {},
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {},
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {},
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {},
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {},
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {},
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {},
+});
diff --git a/hangout-master/Pages/travel/follow/index/index.json b/hangout-master/Pages/travel/follow/index/index.json
new file mode 100644
index 0000000..ad9331a
--- /dev/null
+++ b/hangout-master/Pages/travel/follow/index/index.json
@@ -0,0 +1,7 @@
+{
+  "usingComponents": {
+    "report":"/components/report/report",
+    "bill" : "/components/bill/bill",
+    "checked":"/components/checked/checked"
+  }
+}
\ No newline at end of file
diff --git a/hangout-master/Pages/travel/follow/index/index.wxml b/hangout-master/Pages/travel/follow/index/index.wxml
new file mode 100644
index 0000000..f90300a
--- /dev/null
+++ b/hangout-master/Pages/travel/follow/index/index.wxml
@@ -0,0 +1,19 @@
+<view hidden="{{currentTab == 0? false: true}}">
+    <report />
+</view>
+
+<view hidden="{{currentTab == 1? false: true}}">
+    <bill />
+</view>
+
+<view hidden="{{currentTab == 2? false: true}}">
+    <checked />
+</view>
+
+<view class="tab-bar">
+    <view wx:for="{{list}}" wx:for-index="idx" wx:for-item="item" wx:key="prototype" class="tab-bar-item {{currentTab == idx ? 'active' : 'default'}}" data-current="{{idx}}" bindtap="switchTab">
+        <cover-image src="{{currentTab === idx ? item.selectedIconPath : item.iconPath}}"></cover-image>
+        <text wx:for-index="idx" data-current="{{idx}}" src="{{currentTab == idx ? item.selectedIconPath : item.iconPath }}">{{item.text}}</text>
+    </view>
+    <image src="/asset/img/hangou1.png" mode="heightFix" class="hg"></image>
+</view>
\ No newline at end of file
diff --git a/hangout-master/Pages/travel/follow/index/index.wxss b/hangout-master/Pages/travel/follow/index/index.wxss
new file mode 100644
index 0000000..a5df74c
--- /dev/null
+++ b/hangout-master/Pages/travel/follow/index/index.wxss
@@ -0,0 +1,49 @@
+/* Pages/travel/follow/index/index.wxss */
+.tab-bar{
+    width:100%;
+    position: fixed;
+    bottom:20px;
+    left:50px;
+    display: flex;
+    padding-bottom: env(safe-area-inset-bottom);
+}
+  
+.tab-bar-item{
+    width: 20%;
+    padding: 0;
+    padding-left: 1%;
+    margin: 0;
+    text-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    height: 30%;
+}
+
+.default{
+    font-weight: 550;
+    font-size: 12px;
+    color: #7B8B6F;
+}
+
+.active{
+    font-size: 13px;
+    font-weight: 900;
+    color:black;
+}
+
+.tab-bar-item cover-image {
+    width: 30px;
+    height: 30px;
+}
+
+.hg{
+    padding: 0;
+    margin: 0;
+    position: absolute;
+    width: 50px;
+    height: 130px;
+    left: 62%;
+    bottom: env(safe-area-inset-bottom);
+ }
\ No newline at end of file