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