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

hangout-master/Pages/travel/preparation/index/index.js

@@ -0,0 +1,94 @@
+// Pages/travel/preparation/index/index.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        currentTab: 0,
+        list: [
+          {
+            iconPath: "/asset/img/icon-list.png",
+            selectedIconPath: "/asset/img/icon-list0.png",
+            text: "物品清单",
+          },
+          {
+            iconPath: "/asset/img/icon-bill.png",
+            selectedIconPath: "/asset/img/icon-bill0.png",
+            text: "备忘录",
+          },
+          {
+            iconPath: "/asset/img/icon-info.png",
+            selectedIconPath: "/asset/img/icon-info0.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/preparation/index/index.json

@@ -0,0 +1,7 @@
+{
+  "usingComponents": {
+    "list":"/components/list/list",
+    "memory":"/components/memory/memory",
+    "message":"/components/message/message"
+  }
+}

hangout-master/Pages/travel/preparation/index/index.wxml

@@ -0,0 +1,21 @@
+<!--Pages/travel/preparation/index/index.wxml-->
+<view hidden="{{currentTab == 0? false: true}}">
+    <list />
+</view>
+
+<view hidden="{{currentTab == 1? false: true}}">
+    <memory />
+</view>
+
+<view hidden="{{currentTab == 2? false: true}}">
+    <message />
+</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/preparation/index/index.wxss

@@ -0,0 +1,49 @@
+/* Pages/travel/preparation/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);
+ }