上传文件至 'hangout-master/Pages/travel/follow/index'

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 () {},
+});

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"
+  }
+}

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>

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);
+ }