From 37dcacc937c78d327ff1cba1610935091fb4c214 Mon Sep 17 00:00:00 2001 From: dong_bo0602 <358256383@qq.com> Date: Sat, 27 Jun 2020 13:01:40 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app.json | 1 + pages/book/book.js | 66 ++++++++++ pages/book/book.json | 3 + pages/book/book.wxml | 115 +++++++++++++++++ pages/book/book.wxss | 197 +++++++++++++++++++++++++++++ pages/venueDetail/venueDetail.wxml | 3 + pages/venueDetail/venueDetail.wxss | 19 +++ project.config.json | 22 ++++ 8 files changed, 426 insertions(+) create mode 100644 pages/book/book.js create mode 100644 pages/book/book.json create mode 100644 pages/book/book.wxml create mode 100644 pages/book/book.wxss diff --git a/app.json b/app.json index f5bb32b..af7d876 100644 --- a/app.json +++ b/app.json @@ -1,5 +1,6 @@ { "pages": [ + "pages/book/book", "pages/index/index", "pages/activityDialog/activityDialog", "pages/teamDetail/teamDetail", diff --git a/pages/book/book.js b/pages/book/book.js new file mode 100644 index 0000000..764627f --- /dev/null +++ b/pages/book/book.js @@ -0,0 +1,66 @@ +// pages/book/book.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + } +}) \ No newline at end of file diff --git a/pages/book/book.json b/pages/book/book.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/pages/book/book.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/book/book.wxml b/pages/book/book.wxml new file mode 100644 index 0000000..463d606 --- /dev/null +++ b/pages/book/book.wxml @@ -0,0 +1,115 @@ + + + + 篮球 + + + + + 篮球 + + + + + 篮球 + + + + + 营业时间: + 暂无信息 + 项目描述: + 暂无信息 + 场地设置: + 暂无信息 + + + + 2020-01-01 + 2020-01-01 + 2020-01-01 + + + + + + + 场地1 + + + + + 场地1 + + + + + 场地1 + + + + + + + 2020-01-01 + 12:00-13:00 + 15元 + + + 2020-01-01 + 12:00-13:00 + 15元 + + + 2020-01-01 + 12:00-13:00 + 15元 + + + 2020-01-01 + 12:00-13:00 + 15元 + + + + + + 手机号: + + + + + + 验证码: + + + 获取验证码 + + + + + + 订单金额:10元 + + + 预定 + + + + + + 订单信息 + + + + 2020-01-01 + 12:00-13:00 + + + 场地1 + 15元 + + + + + \ No newline at end of file diff --git a/pages/book/book.wxss b/pages/book/book.wxss new file mode 100644 index 0000000..c6f08ab --- /dev/null +++ b/pages/book/book.wxss @@ -0,0 +1,197 @@ +.top-select{ + height:90rpx; + background:rgba(255,255,255,1); + box-shadow:0px 0px 16rpx 0px rgba(0,0,0,0.1); + border-radius:0px 0px 31rpx 31rpx; + padding: 0 30rpx; + display: flex; + margin-bottom: 10rpx; +} +.select-box{ + padding: 0 30rpx; + position: relative; + font-size: 32rpx; + display: flex; + align-items: center; + justify-content: center; +} +.select-box image{ + position: absolute; + top: 50%; + width: 20rpx; + height: 30rpx; + display: none; + transform: translate(0, -50%); +} +.select-box.active image{ + display: block; +} +.select-l{ + left: 0; +} +.select-r{ + right: 0; +} +.venue-info{ + padding: 0 30rpx; +} +.title{ + font-size: 30rpx; + color: #000; + margin-bottom: 10rpx; +} +.content{ + font-size: 28rpx; + color: #949494; + margin-bottom: 10rpx; +} +.date{ + border-top: 3px solid #DEDEDE; + border-bottom: 3px solid #DEDEDE; + padding: 0 30rpx; +} +.date-container, .ground-container{ + display: flex; + flex-wrap: nowrap; + overflow-x: auto; +} +.date-box, .ground-box{ + flex-shrink: 0; + padding: 15rpx 0; + margin-right: 15rpx; + font-size: 30rpx; + color: #949494; +} +.date-box.active{ + color: #9F1512; +} +.ground{ + margin: 20rpx 0; + padding: 0 30rpx 20rpx; + border-bottom: 3px solid #DEDEDE; +} +.ground-box{ + margin: 0; + padding: 0 25rpx; + position: relative; +} +.ground-box image{ + width: 20rpx; + height: 30rpx; + position: absolute; + top: 50%; + transform: translate(0, -50%); + display: none; +} +.left{ + left: 0 +} +.right{ + right: 0 +} +.ground-box.active{ + color: #9F1512; +} +.ground-box.active image{ + display: block; +} +.time{ + padding: 0 30rpx; +} +.time-box{ + display: inline-block; + width: 32%; + margin-right: 2%; + background: rgba(159,21,18,.5); + color: #fff; + font-size: 28rpx; + border-radius: 15rpx; + margin-bottom: 15rpx; + text-align: center; + padding: 15rpx; + box-sizing: border-box; +} +.time-box:nth-child(3n){ + margin-right: 0 +} +.time-box.selected{ + background: #9F1512; +} +.bottom{ + position: fixed; + bottom: 0; + left: 0; + right: 0; + padding: 15rpx 30rpx; +} +.phone-code{ + margin-bottom: 20rpx; +} +.row{ + display: flex; + justify-content: space-between; +} +.row-title{ + width: 20%; + font-size: 28rpx; + color: #000; + line-height: 55rpx; + padding: 10rpx 0; +} +.row-input{ + width: 78%; + border-bottom: 1px solid #DEDEDE; + display: flex; + justify-content: space-between; + padding: 10rpx 0; +} +.row-input input{ + width: 100%; + height: 55rpx; +} +.row-input input.code-input{ + width: 70%; +} +.get-code{ + width: 28%; + font-size: 28rpx; + background: #9F1512; + color: #fff; + display: flex; + justify-content: center; + align-items: center; +} +.pay-book{ + display: flex; + justify-content: space-between; +} +.pay, .book{ + width: 70%; + height: 60rpx; + background: #9F1512; + color: #fff; + font-size: 28rpx; + display: flex; + justify-content: center; + align-items: center; +} +.book{ + width: 29%; +} +.order-info{ + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1000; + background: rgba(0,0,0,0.6); +} +.order-container{ + position: absolute; + bottom: 80rpx; + left: 30rpx; + right: 30rpx; + background: #fff; + border-radius: 10rpx; +} \ No newline at end of file diff --git a/pages/venueDetail/venueDetail.wxml b/pages/venueDetail/venueDetail.wxml index 9972306..537a765 100644 --- a/pages/venueDetail/venueDetail.wxml +++ b/pages/venueDetail/venueDetail.wxml @@ -50,4 +50,7 @@ 场馆简介: + + + 预定 \ No newline at end of file diff --git a/pages/venueDetail/venueDetail.wxss b/pages/venueDetail/venueDetail.wxss index ca0d6f6..5e7dcba 100644 --- a/pages/venueDetail/venueDetail.wxss +++ b/pages/venueDetail/venueDetail.wxss @@ -86,6 +86,7 @@ } .venue-intro{ padding: 0 20rpx 20rpx; + margin-bottom: 110rpx; } .intro-title{ font-size: 30rpx; @@ -95,4 +96,22 @@ .intro-content{ font-size: 28rpx; color: #000; +} +.book-btn{ + position: fixed; + bottom: 0; + left: 0; + right: 0; + padding: 15rpx 30rpx; + background: #fff; +} +.btn{ + height: 80rpx; + background: #9F1512; + color: #fff; + display: flex; + align-items: center; + justify-content: center; + font-size: 30rpx; + border-radius: 10rpx; } \ No newline at end of file diff --git a/project.config.json b/project.config.json index e0f70e6..31b36ca 100644 --- a/project.config.json +++ b/project.config.json @@ -8,12 +8,22 @@ "scopeDataCheck": false, "coverView": true, "es6": true, + "enhance": false, "postcss": true, "compileHotReLoad": false, "preloadBackgroundData": false, "minified": true, +<<<<<<< Updated upstream "autoAudits": false, "newFeature": true, +======= + "newFeature": true, + "coverView": true, + "nodeModules": false, + "autoAudits": false, + "showShadowRootInWxmlPanel": true, + "scopeDataCheck": false, +>>>>>>> Stashed changes "uglifyFileName": false, "uploadWithSourceMap": true, "useIsolateContext": true, @@ -24,11 +34,23 @@ "showShadowRootInWxmlPanel": true, "checkInvalidKey": true, "checkSiteMap": true, +<<<<<<< Updated upstream +======= + "uploadWithSourceMap": true, +>>>>>>> Stashed changes "babelSetting": { "ignore": [], "disablePlugins": [], "outputPath": "" +<<<<<<< Updated upstream } +======= + }, + "useCompilerModule": true, + "userConfirmedUseCompilerModuleSwitch": false, + "compileHotReLoad": false, + "useIsolateContext": true +>>>>>>> Stashed changes }, "compileType": "miniprogram", "libVersion": "2.11.1",