@ -0,0 +1,96 @@ | |||
// Pages/travel/home/home.js | |||
Page({ | |||
/** | |||
* 页面的初始数据 | |||
*/ | |||
data: { | |||
}, | |||
onPre:function(){ | |||
wx.navigateTo({ | |||
url: '/Pages/travel/preparation/index/index', | |||
}) | |||
}, | |||
onMyTrval:function(){ | |||
wx.navigateTo({ | |||
url: '/Pages/travel/plan/main/menu', | |||
}) | |||
}, | |||
onFollow:function(){ | |||
wx.navigateTo({ | |||
url: '/Pages/travel/follow/index/index', | |||
}) | |||
}, | |||
onEval:function(){ | |||
wx.navigateTo({ | |||
url: '/Pages/travel/evaluation/index/index', | |||
}) | |||
}, | |||
home:function(){ | |||
wx.redirectTo({ | |||
url: '/Pages/menu/menu', | |||
}) | |||
}, | |||
/** | |||
* 生命周期函数--监听页面加载 | |||
*/ | |||
onLoad: function (options) { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面初次渲染完成 | |||
*/ | |||
onReady: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面显示 | |||
*/ | |||
onShow: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面隐藏 | |||
*/ | |||
onHide: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面卸载 | |||
*/ | |||
onUnload: function () { | |||
}, | |||
/** | |||
* 页面相关事件处理函数--监听用户下拉动作 | |||
*/ | |||
onPullDownRefresh: function () { | |||
}, | |||
/** | |||
* 页面上拉触底事件的处理函数 | |||
*/ | |||
onReachBottom: function () { | |||
}, | |||
/** | |||
* 用户点击右上角分享 | |||
*/ | |||
onShareAppMessage: function () { | |||
} | |||
}) |
@ -0,0 +1,3 @@ | |||
{ | |||
"usingComponents": {} | |||
} |
@ -0,0 +1,41 @@ | |||
<!--Pages/travel/home/home.wxml--> | |||
<block> | |||
<view class="bg"> | |||
<view class="title"> | |||
<image src="/asset/img/home_active.png" bindtap="home"></image> | |||
憨狗糖HanGouT | |||
</view> | |||
</view> | |||
<view class="margin"> | |||
</view> | |||
</block> | |||
<block> | |||
<view class="body"> | |||
<view style="padding: 0;margin: 0;height: 10px;"></view> | |||
<view class="id"> | |||
<image src="/asset/img/icon-pre.png"></image> | |||
<text decode="true" bindtap="onPre"> 行前准备</text> | |||
<button bindtap="onPre">></button> | |||
</view> | |||
<view class="travel"> | |||
<image src="/asset/img/icon-plan.png"></image> | |||
<text decode="true" bindtap="onMyTrval"> 行程安排</text> | |||
<button bindtap="onMyTrval">></button> | |||
</view> | |||
<view class="share"> | |||
<image src="/asset/img/icon-follow.png"></image> | |||
<text decode="true" bindtap="onFollow"> 行程跟进</text> | |||
<button bindtap="onFollow">></button> | |||
</view> | |||
<view class="bot"> | |||
<image src="/asset/img/icon-recomment.png"></image> | |||
<text decode="true" bindtap="onEval"> 行程测评</text> | |||
<button bindtap="onEval">></button> | |||
</view> | |||
</view> | |||
</block> | |||
@ -0,0 +1,129 @@ | |||
/* Pages/menu/menu.wxss */ | |||
.bg{ | |||
margin: 0; | |||
padding: 0; | |||
background-color: #7B8B6F; | |||
position: relative; | |||
height: 73px; | |||
width: 88%; | |||
} | |||
.title{ | |||
margin: 0px; | |||
position: relative; | |||
left: 0px; | |||
top: 20px; | |||
font-weight: bold; | |||
font-size: 36px; | |||
color:#F0EBE5; | |||
} | |||
.title image{ | |||
width: 35px; | |||
height: 32px; | |||
} | |||
.margin{ | |||
margin: 0; | |||
padding: 2px; | |||
background-color: #F0EBE5; | |||
position: relative; | |||
height: 1.2px; | |||
width: 88%; | |||
} | |||
.body{ | |||
margin: 0; | |||
padding: 0; | |||
background-color: #7B8B6F; | |||
position: relative; | |||
height: 90vh; | |||
width: 88vw; | |||
} | |||
button { | |||
margin: 0; | |||
padding-right: 10%; | |||
background-color: inherit; | |||
position: static; | |||
color:#F0EBE5; | |||
font-weight: bolder; | |||
float: right; | |||
} | |||
button:after { | |||
content: none; | |||
} | |||
button::after { | |||
border: none; | |||
} | |||
.id{ | |||
margin: 5px; | |||
padding: 10px; | |||
font-weight: bold; | |||
font-size: 26px; | |||
color:#F0EBE5; | |||
text-align: center; | |||
} | |||
.id image{ | |||
width: 34px; | |||
height: 32px; | |||
position: absolute; | |||
left: 13%; | |||
color:#F0EBE5; | |||
} | |||
.travel{ | |||
margin: 5px; | |||
padding: 10px; | |||
font-weight: bold; | |||
font-size: 26px; | |||
color:#F0EBE5; | |||
text-align: center; | |||
} | |||
.travel image{ | |||
width: 34px; | |||
height: 34px; | |||
color:#F0EBE5; | |||
position: absolute; | |||
left: 13%; | |||
} | |||
.share{ | |||
margin: 5px; | |||
padding: 10px; | |||
font-weight: bold; | |||
font-size: 26px; | |||
color:#F0EBE5; | |||
text-align: center; | |||
} | |||
.share image{ | |||
width: 30px; | |||
height: 30px; | |||
color:#F0EBE5; | |||
position: absolute; | |||
left: 13%; | |||
} | |||
.bot{ | |||
margin: 5px; | |||
padding: 10px; | |||
font-weight: bold; | |||
font-size: 26px; | |||
color:#F0EBE5; | |||
text-align: center; | |||
} | |||
.bot image{ | |||
width: 30px; | |||
height: 30px; | |||
color:#F0EBE5; | |||
position: absolute; | |||
left: 13%; | |||
} |