Browse Source

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

master
曹天怡 2 years ago
parent
commit
4c330d6e18
12 changed files with 549 additions and 0 deletions
  1. +99
    -0
      hangout-master/Pages/travel/plan/new/create.js
  2. +3
    -0
      hangout-master/Pages/travel/plan/new/create.json
  3. +33
    -0
      hangout-master/Pages/travel/plan/new/create.wxml
  4. +63
    -0
      hangout-master/Pages/travel/plan/new/create.wxss
  5. +78
    -0
      hangout-master/Pages/travel/plan/new/new.js
  6. +3
    -0
      hangout-master/Pages/travel/plan/new/new.json
  7. +22
    -0
      hangout-master/Pages/travel/plan/new/new.wxml
  8. +37
    -0
      hangout-master/Pages/travel/plan/new/new.wxss
  9. +81
    -0
      hangout-master/Pages/travel/plan/new/share.js
  10. +3
    -0
      hangout-master/Pages/travel/plan/new/share.json
  11. +45
    -0
      hangout-master/Pages/travel/plan/new/share.wxml
  12. +82
    -0
      hangout-master/Pages/travel/plan/new/share.wxss

+ 99
- 0
hangout-master/Pages/travel/plan/new/create.js View File

@ -0,0 +1,99 @@
// Pages/travel/plan/new/create.js
Page({
/**
* 页面的初始数据
*/
data: {
go: ["请选择","黑龙江","吉林","辽宁","河北","河南","湖北","湖南","广东","广西","山东","山西","陕西","内蒙","宁夏","甘肃","青海","新疆","西藏","四川","云南","海南","安徽","江苏","浙江","福建","台湾","北京","天津","上海","重庆","香港","澳门","其他"],
go_index: 0,
arrive: ["请选择","上海","杭州","南京","苏州","其他"],
arrive_index: 0
},
onRet:function(){
wx.redirectTo({
url: '/Pages/travel/home/home',
})
},
goSelect:function(e){
this.setData({
go_index: e.detail.value
})
},
arriveSelect:function(e){
this.setData({
arrive_index: e.detail.value
})
},
ret:function(){
wx.redirectTo({
url: '/Pages/travel/plan/new/new',
})
},
OK:function(){
wx.redirectTo({
url: '/Pages/travel/plan/new/share',
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})

+ 3
- 0
hangout-master/Pages/travel/plan/new/create.json View File

@ -0,0 +1,3 @@
{
"usingComponents": {}
}

+ 33
- 0
hangout-master/Pages/travel/plan/new/create.wxml View File

@ -0,0 +1,33 @@
<!--Pages/travel/plan/new/create.wxml-->
<view style="display: flex;">
<image class="navi" src="/asset/img/navi.png" bindtap="onRet"></image>
<view style="padding: 0;margin: 0;width: 1px;height:700px;background-color: #7B8B6F;"></view>
<view style="display: block">
<view style="display: flex" class="title">
<view class="ret" bindtap="ret"> < </view>
<view style="text-align: center;"> 新行程 </view>
</view>
<view class="go">
<view>要从哪里出发呢?</view>
<picker mode="selector" range="{{go}}" class="selected" bindchange="goSelect" value="{{go_index}}"><view>{{go[go_index]}}</view></picker>
</view>
<view class="arrive">
<view>想去哪里玩?</view>
<picker mode="selector" range="{{arrive}}" class="selected" bindchange="arriveSelect" value="{{arrive_index}}"><view>{{arrive[arrive_index]}}</view></picker>
</view>
<view class="OK" bindtap="OK">
<text>定好了!</text>
</view>
<view class="hg">
<image src="/asset/img/hangou1.png" mode="heightFix" class="hg"></image>
</view>
</view>
</view>

+ 63
- 0
hangout-master/Pages/travel/plan/new/create.wxss View File

@ -0,0 +1,63 @@
/* Pages/travel/plan/new/create.wxss */
.navi{
width: 40px;
height: 30px;
margin: 5px;
padding-top: 10px;
}
.title{
position: relative;
font-size: 25px;
font-weight: 900;
color: #000;
top:15px;
left:10px;
}
.ret{
padding-right: 60px;
}
.go{
margin-top: 70px;
padding: 20px;
font-size: 23px;
font-weight: bolder;
}
.arrive{
padding: 20px;
font-size: 23px;
font-weight: bolder;
}
.selected{
background-color: #D8CAAF;
height: 5vh;
width: 70vw;
color: rgba(0, 0, 0, 0.5);
font-size: 23px;
margin-top: 5px;
text-align: center;
}
.OK{
background-color: #7B8B6F;
font-size: 28px;
font-weight: bold;
margin: 20px;
width: 150px;
height: 40px;
margin: 50px;
text-align: center;
}
.hg {
height: 150px;
right: 5px;
width: 150px;
left: 100px;
padding-top: 40px;
padding-left:100px;
}

+ 78
- 0
hangout-master/Pages/travel/plan/new/new.js View File

@ -0,0 +1,78 @@
// Pages/travel/plan/new/new.js
Page({
/**
* 页面的初始数据
*/
data: {
id: "silhouette",
},
onRet:function(){
wx.redirectTo({
url: '/Pages/travel/home/home',
})
},
add:function(){
wx.redirectTo({
url: '/Pages/travel/plan/new/create',
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})

+ 3
- 0
hangout-master/Pages/travel/plan/new/new.json View File

@ -0,0 +1,3 @@
{
"usingComponents": {}
}

+ 22
- 0
hangout-master/Pages/travel/plan/new/new.wxml View File

@ -0,0 +1,22 @@
<!--Pages/travel/plan/new/new.wxml-->
<view style="display: flex;">
<image class="navi" src="/asset/img/navi.png" bindtap="onRet"></image>
<view style="padding: 0;margin: 0;width: 1px;height:700px;background-color: #7B8B6F;"></view>
<view style="display: block">
<view style="display: flex" class="title">
<view> {{id}} 的行程</view>
<view class="add" bindtap="add"> + </view>
</view>
<image src="/asset/img/intro.png" class="intro"></image>
<view class="hg">
<image src="/asset/img/hangou1.png" mode="heightFix" class="hg"></image>
</view>
</view>
</view>

+ 37
- 0
hangout-master/Pages/travel/plan/new/new.wxss View File

@ -0,0 +1,37 @@
/* Pages/travel/plan/new/new.wxss */
.navi{
width: 40px;
height: 30px;
margin: 5px;
padding-top: 10px;
}
.title{
position: relative;
font-size: 25px;
font-weight: 900;
color: #000;
text-align: center;
top:15px;
left:45px;
}
.add{
color: #7B8B6F;
padding-left: 50px;
}
.intro{
height: 320px;
width: 320px;
right:20px;
}
.hg {
height: 150px;
right: 5px;
width: 150px;
left: 100px;
padding-top: 100px;
padding-left:100px;
}

+ 81
- 0
hangout-master/Pages/travel/plan/new/share.js View File

@ -0,0 +1,81 @@
// Pages/travel/plan/new/share.js
Page({
/**
* 页面的初始数据
*/
data: {
},
onRet:function(){
wx.redirectTo({
url: '/Pages/travel/home/home',
})
},
ret:function(){
wx.redirectTo({
url: '/Pages/travel/plan/new/create',
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
// options 中的 scene 需要使用 decodeURIComponent 才能获取到生成二维码时传入的 scene
var scene = decodeURIComponent(options.scene)
//
var query = options.query.dentistId // 3736
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})

+ 3
- 0
hangout-master/Pages/travel/plan/new/share.json View File

@ -0,0 +1,3 @@
{
"usingComponents": {}
}

+ 45
- 0
hangout-master/Pages/travel/plan/new/share.wxml View File

@ -0,0 +1,45 @@
<!--Pages/travel/plan/new/share.wxml-->
<view style="display: flex;">
<image class="navi" src="/asset/img/navi.png" bindtap="onRet"></image>
<view style="padding: 0;margin: 0;width: 1px;height:700px;background-color: #7B8B6F;"></view>
<view style="display: block">
<view style="display: flex" class="title">
<view class="ret" bindtap="ret"> < </view>
<view style="text-align: center;"> 新行程 </view>
<button style="width: 50px;margin-left: 100px;" open-type="share"><image class="icon-share" src="/asset/img/share.png"></image></button>
</view>
<!--TODO:分享码的生成与使用:行程存储在服务器里,将分享码视为密码,在后端可以利用map去实现分享码->行程的映射,只需要通过行程来获取这个分享码然后从后端传过来,可以用java生成随机的session和id,然后从后端传入-->
<view class="go">
<view>本次行程的分享码为:</view>
<textarea style="height: 50px;background-color: #D8CAAF;"></textarea>
</view>
<view class="share">
<view>也可通过以下方式邀请成员加入行程:</view>
<view style="display: flex;padding:20px;margin-top: 20px;">
<image class="code" src="/asset/img/QRcode.png"></image>
<view> 生成二维码</view>
</view>
<view style="display: flex;padding-left:20px;">
<image class="wechat" src="/asset/img/wechat.png"></image>
<view> 微信分享</view>
</view>
<view style="display: flex;padding-left:20px;margin-top: 20px;">
<image class="link" src="/asset/img/link.png"></image>
<view> 复制链接</view>
</view>
</view>
<view class="hg">
<image src="/asset/img/hangou1.png" mode="heightFix" class="hg"></image>
</view>
</view>
</view>

+ 82
- 0
hangout-master/Pages/travel/plan/new/share.wxss View File

@ -0,0 +1,82 @@
/* Pages/travel/plan/new/share.wxss */
.navi{
width: 40px;
height: 30px;
margin: 5px;
padding-top: 10px;
}
.title{
position: relative;
font-size: 25px;
font-weight: 900;
color: #000;
top:15px;
left:10px;
}
.ret{
padding-right: 60px;
}
.icon-share{
width: 30px;
height: 30px;
text-align: center;
}
.title button{
color: #d8caaf;
padding: 0;
margin: 0;
background-color: inherit;
}
.title button:after{
content: 0;
}
.title button::after{
border: 0;
}
.go{
margin-top: 70px;
padding: 20px;
font-size: 23px;
font-weight: bolder;
text-align: center;
}
.share{
padding: 20px;
font-size: 23px;
font-weight: bolder;
text-align: center;
}
.code{
width: 40px;
height: 40px;
padding-right: 10px;
}
.wechat{
width: 45px;
height: 40px;
padding-right: 10px;
}
.link{
width: 40px;
height: 40px;
padding-right: 10px;
}
.hg {
height: 150px;
right: 5px;
width: 150px;
left: 100px;
padding-top: 18px;
padding-left:100px;
}

Loading…
Cancel
Save