@ -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%; | |||||
} |