Commit 3aa04c09e7d1e14bc6937a533bcb3bccf7122d9c

Authored by pengye
1 parent b20ff4d5

周到安排首页

... ... @@ -72,7 +72,8 @@
"pages/customer/collectSeller",
"pages/customer/detail_owner_invitation_new",
"pages/customer/detail_owner_invitation9",
"pages/me/invitation"
"pages/me/invitation",
"pages/reserve/index_new"
],
"requiredPrivateInfos": [
"getLocation",
... ...
// pages/reservr/index.js
import PubSub from '../../utils/PubSub'
Page({
data: {
background: ['https://qn.colorcun.com/homeImg1.png', 'https://qn.colorcun.com/homeImg2.png',
'https://qn.colorcun.com/homeImg3.png', 'https://qn.colorcun.com/homeImg4.png',
'https://qn.colorcun.com/homeImg5.png', 'https://qn.colorcun.com/homeImg6.png',
'https://qn.colorcun.com/homeImg7.png', 'https://qn.colorcun.com/homeImg8.png',
'https://qn.colorcun.com/homeImg9.png'
]
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
PubSub.emit('custom-tab-bar')
},
// 跳转到商家入驻页
gotoJoinSeller() {
wx.navigateTo({
url: '/pages/customer/joinSeller',
})
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
return {
title: '请客订包间,就上周到安排'
}
},
})
\ No newline at end of file
... ...
{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"navigationBarTitleText":"周到安排",
"usingComponents": {
"nav":"/components/nav/nav",
"menu":"/components/menu/menu"
}
}
\ No newline at end of file
... ...
<!--pages/reserve/index_new.wxml-->
<nav id="nav">周到安排</nav>
<image class="imgTop" src="https://qn.colorcun.com/homeTop.png" mode="widthFix" />
<view class="page-section page-section-spacing swiper">
<swiper autoplay="true">
<block wx:for="{{background}}" wx:key="item">
<swiper-item>
<image class="imgs" src="{{item}}" mode="widthFix" />
</swiper-item>
</block>
</swiper>
</view>
<button class="btn" bindtap="gotoJoinSeller">开通试用</button>
<menu></menu>
\ No newline at end of file
... ...
/* pages/reserve/index_new.wxss */
.imgTop {
width: 100%;
}
swiper {
height: 970rpx;
}
swiper-item image {
width: 100%;
height: 100%;
}
.btn {
width: 80%;
color: #fff;
left: 0;
right: 0;
position: fixed;
bottom: 8%;
border-radius: 42rpx;
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
}
\ No newline at end of file
... ...