@ -0,0 +1,98 @@ | |||||
// Pages/menu/menu.js | |||||
Page({ | |||||
/** | |||||
* 页面的初始数据 | |||||
*/ | |||||
data: { | |||||
}, | |||||
/** | |||||
* button 点击事件 | |||||
* 顺序为:我的账号->我的行程->社区分享->憨狗bot | |||||
* 此跳转可返回 | |||||
* 返回的按键自定义问题未解决 | |||||
*/ | |||||
onLogIn:function(){ | |||||
wx.navigateTo({ | |||||
url: '/Pages/id/id', | |||||
}) | |||||
}, | |||||
onTrval:function(){ | |||||
wx.navigateTo({ | |||||
url: '/Pages/travel/home/home', | |||||
}) | |||||
}, | |||||
onCommunity:function(){ | |||||
wx.navigateTo({ | |||||
url: '/Pages/community/index/index', | |||||
}) | |||||
}, | |||||
onHGBot:function(){ | |||||
wx.navigateTo({ | |||||
url: '/Pages/HGBot/Home/Home', | |||||
}) | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面加载 | |||||
*/ | |||||
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,39 @@ | |||||
<!--Pages/menu/menu.wxml--> | |||||
<block> | |||||
<view class="bg"> | |||||
<view class="title"> | |||||
憨狗糖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-id.png"></image> | |||||
<text decode="true" bindtap="onLogIn"> 我的账号</text> | |||||
<button bindtap="onLogIn">></button> | |||||
</view> | |||||
<view class="travel"> | |||||
<image src="/asset/img/icon-travel.png"></image> | |||||
<text bindtap="onTrval" decode="true"> 我的行程</text> | |||||
<button bindtap="onTrval">></button> | |||||
</view> | |||||
<view class="share"> | |||||
<image src="/asset/img/icon-share.png"></image> | |||||
<text decode="true" bindtap="onCommunity"> 社区分享</text> | |||||
<button bindtap="onCommunity">></button> | |||||
</view> | |||||
<view class="bot"> | |||||
<image src="/asset/img/icon-bot.png"></image> | |||||
<text decode="true" bindtap="onHGBot"> 憨狗bot</text> | |||||
<button bindtap="onHGBot">></button> | |||||
</view> | |||||
</view> | |||||
</block> |
@ -0,0 +1,120 @@ | |||||
/* Pages/menu/menu.wxss */ | |||||
.bg{ | |||||
margin: 0; | |||||
padding: 0; | |||||
background-color: #7B8B6F; | |||||
position: relative; | |||||
height: 73px; | |||||
width: 88%; | |||||
} | |||||
.title{ | |||||
margin: 0px; | |||||
position: absolute; | |||||
left: 20px; | |||||
top: 20px; | |||||
font-weight: bold; | |||||
font-size: 36px; | |||||
color:#F0EBE5; | |||||
} | |||||
.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-right: 10%; | |||||
background-color: inherit; | |||||
color:#F0EBE5; | |||||
font-weight: bolder; | |||||
float: right; | |||||
} | |||||
button:after { | |||||
content: none; | |||||
} | |||||
button::after { | |||||
border: none; | |||||
} | |||||
.id{ | |||||
display: flex; | |||||
margin-left: 10vw; | |||||
padding: 2vh; | |||||
font-weight: bold; | |||||
font-size: 26px; | |||||
color:#F0EBE5; | |||||
text-align: center; | |||||
} | |||||
.id image{ | |||||
width: 28px; | |||||
height: 32px; | |||||
color:#F0EBE5; | |||||
justify-content: center; | |||||
align-items: center; | |||||
} | |||||
.travel{ | |||||
display: flex; | |||||
margin-left: 10vw; | |||||
padding: 2vh; | |||||
font-weight: bold; | |||||
font-size: 26px; | |||||
color:#F0EBE5; | |||||
text-align: center; | |||||
} | |||||
.travel image{ | |||||
width: 28px; | |||||
height: 34px; | |||||
color:#F0EBE5; | |||||
} | |||||
.share{ | |||||
display: flex; | |||||
margin-left: 10vw; | |||||
padding: 2vh; | |||||
font-weight: bold; | |||||
font-size: 26px; | |||||
color:#F0EBE5; | |||||
text-align: center; | |||||
} | |||||
.share image{ | |||||
width: 32px; | |||||
height: 32px; | |||||
color:#F0EBE5; | |||||
} | |||||
.bot{ | |||||
display: flex; | |||||
margin-left: 10vw; | |||||
padding: 2vh; | |||||
font-weight: bold; | |||||
font-size: 26px; | |||||
color:#F0EBE5; | |||||
text-align: center; | |||||
} | |||||
.bot image{ | |||||
width: 34px; | |||||
height: 34px; | |||||
color:#F0EBE5; | |||||
} |
@ -0,0 +1,93 @@ | |||||
// Pages/menu/new_usr.js | |||||
Page({ | |||||
/** | |||||
* 页面的初始数据 | |||||
*/ | |||||
data: { | |||||
sex: ["未选择", "男", "女"], | |||||
sex_index: 0, | |||||
identity: ["未选择", "学生", "家长"], | |||||
id_index: 0 | |||||
}, | |||||
sexSelect:function(e){ | |||||
this.setData({ | |||||
sex_index: e.detail.value | |||||
}) | |||||
}, | |||||
idSelect:function(e){ | |||||
this.setData({ | |||||
id_index: e.detail.value | |||||
}) | |||||
}, | |||||
skip:function(){ | |||||
wx.redirectTo({ | |||||
url: '/Pages/menu/pre', | |||||
}) | |||||
}, | |||||
OK:function(){ | |||||
wx.redirectTo({ | |||||
url: '/Pages/menu/pre', | |||||
}) | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面加载 | |||||
*/ | |||||
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,29 @@ | |||||
<!--Pages/menu/new_usr.wxml--> | |||||
<view style="width: 100%;"> | |||||
<view class="header"></view> | |||||
<view class="skip" bindtap="skip"><text>跳过</text></view> | |||||
<view style="position: relative; top: 16vh;text-align: center; align-items: center; justify-content: center;left: 15vw;"> | |||||
<view class="guide"> | |||||
<view>你好!</view> | |||||
<view>请完善你的个人信息</view> | |||||
</view> | |||||
<view class="list"> | |||||
<view style="padding-bottom: 30px;"> | |||||
<view style="float: left;">性别</view> | |||||
<picker mode="selector" range="{{sex}}" class="selected" bindchange="sexSelect" value="{{sex_index}}"><view>{{sex[sex_index]}}</view></picker> | |||||
</view> | |||||
<view style="padding-bottom: 30px;"> | |||||
<view style="float: left;">年龄</view> | |||||
<input type="number" class="selected" placeholder="点此填写" placeholder-class="place"/> | |||||
</view> | |||||
<view style="padding-bottom: 30px;"> | |||||
<view style="float: left;">身份</view> | |||||
<picker mode="selector" range="{{identity}}" class="selected" bindchange="idSelect" value="{{id_index}}"><view>{{identity[id_index]}}</view></picker> | |||||
</view> | |||||
</view> | |||||
<view class="OK" bindtap="OK"> | |||||
<text>完成!</text> | |||||
</view> | |||||
</view> | |||||
</view> |
@ -0,0 +1,57 @@ | |||||
/* Pages/menu/new_usr.wxss */ | |||||
.header{ | |||||
background-color: #7B8B6F; | |||||
height: 3vh; | |||||
} | |||||
.skip{ | |||||
float: right; | |||||
background-color: #D8CAAF; | |||||
font-size: 32px; | |||||
font-weight: bold; | |||||
margin: 10px; | |||||
} | |||||
.skip text{ | |||||
padding: 10px; | |||||
} | |||||
.guide{ | |||||
font-size: 30px; | |||||
font-weight: bold; | |||||
text-align: center; | |||||
align-items: center; | |||||
justify-content: center; | |||||
padding-bottom: 30px; | |||||
} | |||||
.list{ | |||||
font-size: 30px; | |||||
font-weight: bold; | |||||
margin-top: 6vh; | |||||
} | |||||
.selected{ | |||||
background-color: #D8CAAF; | |||||
height: 5vh; | |||||
width: 50vw; | |||||
margin-left: 100px; | |||||
color: rgba(0, 0, 0, 0.5); | |||||
font-size: 26px; | |||||
} | |||||
.place{ | |||||
color: rgba(0, 0, 0, 0.5); | |||||
font-size: 26px; | |||||
} | |||||
.OK{ | |||||
background-color: #7B8B6F; | |||||
font-size: 28px; | |||||
font-weight: bold; | |||||
margin: 10px; | |||||
width: 150px; | |||||
height: 40px; | |||||
margin: 50px; | |||||
} |
@ -0,0 +1,78 @@ | |||||
// Pages/menu/pre.js | |||||
Page({ | |||||
/** | |||||
* 页面的初始数据 | |||||
*/ | |||||
data: { | |||||
}, | |||||
start:function(){ | |||||
wx.redirectTo({ | |||||
url: '', | |||||
}) | |||||
}, | |||||
skip: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,17 @@ | |||||
<view style="width: 100%;"> | |||||
<view class="header"></view> | |||||
<view style="position: relative; top: 16vh;text-align: center; align-items: center; justify-content: center;"> | |||||
<view class="guide"> | |||||
<view>第一次用?</view> | |||||
<view>简单几秒教你玩转憨狗糖</view> | |||||
</view> | |||||
<view class="list"> | |||||
<view class="start" style="padding-bottom: 30px;" bindtap="start"> | |||||
<text>开始</text> | |||||
</view> | |||||
<view class="skip" style="padding-bottom: 30px;" bindtap="skip"> | |||||
<text>跳过</text> | |||||
</view> | |||||
</view> | |||||
</view> | |||||
</view> |
@ -0,0 +1,41 @@ | |||||
.header{ | |||||
background-color: #7B8B6F; | |||||
height: 3vh; | |||||
} | |||||
.guide{ | |||||
font-size: 30px; | |||||
font-weight: bold; | |||||
text-align: center; | |||||
align-items: center; | |||||
justify-content: center; | |||||
padding-bottom: 30px; | |||||
} | |||||
.list{ | |||||
font-size: 30px; | |||||
font-weight: bold; | |||||
margin-top: 6vh; | |||||
} | |||||
.start{ | |||||
background-color: #D8CAAF; | |||||
font-size: 30px; | |||||
font-weight: bold; | |||||
margin: 30px; | |||||
height: 3vh; | |||||
width: 50vw; | |||||
margin-left: 100px; | |||||
color: rgba(0, 0, 0, 0.65); | |||||
} | |||||
.skip{ | |||||
background-color: #D8CAAF; | |||||
font-size: 30px; | |||||
font-weight: bold; | |||||
margin: 30px; | |||||
height: 3vh; | |||||
width: 50vw; | |||||
margin-left: 100px; | |||||
color: rgba(0, 0, 0, 0.65); | |||||
} |