浏览代码

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

master
曹天怡 2 年前
父节点
当前提交
22a9160553
共有 4 个文件被更改,包括 176 次插入0 次删除
  1. +93
    -0
      hangout-master/Pages/travel/plan/main/index/index.js
  2. +8
    -0
      hangout-master/Pages/travel/plan/main/index/index.json
  3. +25
    -0
      hangout-master/Pages/travel/plan/main/index/index.wxml
  4. +50
    -0
      hangout-master/Pages/travel/plan/main/index/index.wxss

+ 93
- 0
hangout-master/Pages/travel/plan/main/index/index.js 查看文件

@ -0,0 +1,93 @@
// Pages/travel/plan/main/index/index.js
Page({
/**
* 页面的初始数据
*/
data: {
currentTab : 0,
list : [{
iconPath: "/asset/img/icon-main.png",
selectedIconPath: "/asset/img/icon-main0.png",
text: "主日程"},{
iconPath: "/asset/img/icon-wish.png",
selectedIconPath: "/asset/img/icon-wish0.png",
text: "愿望清单"
},{
iconPath: "/asset/img/icon-ass.png",
selectedIconPath: "/asset/img/icon-ass0.png",
text: "副日程"
},{
iconPath: "/asset/img/icon-member.png",
selectedIconPath: "/asset/img/icon-member0.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 () {
}
})

+ 8
- 0
hangout-master/Pages/travel/plan/main/index/index.json 查看文件

@ -0,0 +1,8 @@
{
"usingComponents": {
"main" : "/components/main/main",
"wish" : "/components/wish/wish",
"assistant" : "/components/assistant/assistant",
"member" : "/components/member/member"
}
}

+ 25
- 0
hangout-master/Pages/travel/plan/main/index/index.wxml 查看文件

@ -0,0 +1,25 @@
<!--Pages/travel/plan/main/index/index.wxml-->
<view hidden="{{currentTab == 0? false: true}}">
<main />
</view>
<view hidden="{{currentTab == 1? false: true}}">
<wish />
</view>
<view hidden="{{currentTab == 2? false: true}}">
<assistant />
</view>
<view hidden="{{currentTab == 3? false: true}}">
<member />
</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>

+ 50
- 0
hangout-master/Pages/travel/plan/main/index/index.wxss 查看文件

@ -0,0 +1,50 @@
/* Pages/travel/plan/main/index/index.wxss */
/* Pages/travel/follow/index/index.wxss */
.tab-bar{
width:100%;
position: fixed;
bottom:20px;
left:30px;
display: flex;
padding-bottom: env(safe-area-inset-bottom);
}
.tab-bar-item{
width: 15%;
padding: 0;
margin: 0px;
padding-left: 1.5vw;
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: 25px;
height: 27px;
}
.hg{
padding: 0;
margin: 0;
position: absolute;
width: 50px;
height: 130px;
left: 65%;
bottom: env(safe-area-inset-bottom);
}

正在加载...
取消
保存