Showing
5 changed files
with
174 additions
and
0 deletions
pages/manager-invitation/editor.js
0 → 100644
| 1 | +// pages/manager-invitation/editor.js | ||
| 2 | +import util from '../../utils/util'; | ||
| 3 | +import App from '../../utils/api'; | ||
| 4 | +import TP from '../../utils/tpls'; | ||
| 5 | +const {regeneratorRuntime} = global | ||
| 6 | +Page({ | ||
| 7 | + | ||
| 8 | + /** | ||
| 9 | + * 页面的初始数据 | ||
| 10 | + */ | ||
| 11 | + data: {}, | ||
| 12 | + | ||
| 13 | + /** | ||
| 14 | + * 生命周期函数--监听页面加载 | ||
| 15 | + */ | ||
| 16 | + onLoad: function (options) { | ||
| 17 | + | ||
| 18 | + }, | ||
| 19 | + | ||
| 20 | + /** | ||
| 21 | + * 生命周期函数--监听页面初次渲染完成 | ||
| 22 | + */ | ||
| 23 | + onReady: function () { | ||
| 24 | + | ||
| 25 | + }, | ||
| 26 | + | ||
| 27 | + /** | ||
| 28 | + * 生命周期函数--监听页面显示 | ||
| 29 | + */ | ||
| 30 | + onShow: function () { | ||
| 31 | + | ||
| 32 | + }, | ||
| 33 | + | ||
| 34 | + /** | ||
| 35 | + * 生命周期函数--监听页面隐藏 | ||
| 36 | + */ | ||
| 37 | + onHide: function () { | ||
| 38 | + | ||
| 39 | + }, | ||
| 40 | + | ||
| 41 | + /** | ||
| 42 | + * 生命周期函数--监听页面卸载 | ||
| 43 | + */ | ||
| 44 | + onUnload: function () { | ||
| 45 | + | ||
| 46 | + }, | ||
| 47 | + | ||
| 48 | + /** | ||
| 49 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
| 50 | + */ | ||
| 51 | + onPullDownRefresh: function () { | ||
| 52 | + | ||
| 53 | + }, | ||
| 54 | + | ||
| 55 | + /** | ||
| 56 | + * 页面上拉触底事件的处理函数 | ||
| 57 | + */ | ||
| 58 | + onReachBottom: function () { | ||
| 59 | + | ||
| 60 | + }, | ||
| 61 | +}) |
pages/manager-invitation/editor.json
0 → 100644
pages/manager-invitation/editor.wxml
0 → 100644
| 1 | +<!--pages/manager-invitation/editor.wxml--> | ||
| 2 | +<nav>修改信息</nav> | ||
| 3 | +<view class="pages"> | ||
| 4 | + <view class="base block"> | ||
| 5 | + <view class="item Medium">预订信息</view> | ||
| 6 | + <view class="item flex-ll"> | ||
| 7 | + <input value="" bindinput="input" placeholder="请输入店铺名称"/> | ||
| 8 | + <view class="quick">快速选择</view> | ||
| 9 | + </view> | ||
| 10 | + <view class="item flex-ll"> | ||
| 11 | + <input value="" bindinput="input" placeholder="请输入预订时间"/> | ||
| 12 | + </view> | ||
| 13 | + <view class="item flex-ll"> | ||
| 14 | + <input value="" bindinput="input" placeholder="请输入包间名称"/> | ||
| 15 | + </view> | ||
| 16 | + <view class="item flex-ll"> | ||
| 17 | + <input value="" bindinput="input" placeholder="请输入店铺地址"/> | ||
| 18 | + </view> | ||
| 19 | + </view> | ||
| 20 | + <view class="upload block flex-vc"> | ||
| 21 | + <view class="image"> | ||
| 22 | + <image src="http://qn.colorcun.com/manager-invitation/wx/upload2.jpg" mode="aspectFill"></image> | ||
| 23 | + </view> | ||
| 24 | + <view class="text">(此处照片为邀请函展示照片)</view> | ||
| 25 | + </view> | ||
| 26 | + <formids bindclick="submit" style="width: 100%;"> | ||
| 27 | + <view class="submit">确定</view> | ||
| 28 | + </formids> | ||
| 29 | +</view> |
pages/manager-invitation/editor.wxss
0 → 100644
| 1 | +/* pages/manager-invitation/editor.wxss */ | ||
| 2 | +page{ | ||
| 3 | + background-color: #F5F5F5; | ||
| 4 | +} | ||
| 5 | +.pages{ | ||
| 6 | + background-color: #F5F5F5; | ||
| 7 | + font-size: 34rpx; | ||
| 8 | + padding-top: 20rpx; | ||
| 9 | + padding-bottom: 160rpx; | ||
| 10 | +} | ||
| 11 | +.block{ | ||
| 12 | + width: 94%; | ||
| 13 | + margin: 0 auto; | ||
| 14 | + border-radius: 8rpx; | ||
| 15 | + background-color: #FEFEFE; | ||
| 16 | +} | ||
| 17 | +.base .item{ | ||
| 18 | + height: 140rpx; | ||
| 19 | + line-height: 140rpx; | ||
| 20 | + width: 94%; | ||
| 21 | + margin: 0 auto; | ||
| 22 | + border-bottom: 2rpx solid #F1F0F4; | ||
| 23 | +} | ||
| 24 | +.item input{ | ||
| 25 | + width: 100%; | ||
| 26 | +} | ||
| 27 | +.base .item:last-child{ | ||
| 28 | + border-width: 0; | ||
| 29 | +} | ||
| 30 | +.upload{ | ||
| 31 | + margin-top: 20rpx; | ||
| 32 | + height: 310rpx; | ||
| 33 | +} | ||
| 34 | +.image{ | ||
| 35 | + width: 220rpx; | ||
| 36 | + height: 220rpx; | ||
| 37 | + border: 2rpx #E0E0E0 dashed; | ||
| 38 | + margin-top: 20rpx; | ||
| 39 | +} | ||
| 40 | +.image image{ | ||
| 41 | + width: 100%; | ||
| 42 | + height: 100%; | ||
| 43 | +} | ||
| 44 | +.text{ | ||
| 45 | + margin-top: 20rpx; | ||
| 46 | + font-size: 28rpx; | ||
| 47 | + color: #999999; | ||
| 48 | +} | ||
| 49 | +.submit{ | ||
| 50 | + position: fixed; | ||
| 51 | + bottom: 30rpx; | ||
| 52 | + left: 0; | ||
| 53 | + right:0; | ||
| 54 | + margin: 0 auto; | ||
| 55 | + height: 84rpx; | ||
| 56 | + line-height: 84rpx; | ||
| 57 | + width: 90%; | ||
| 58 | + background-color: #74BBBE; | ||
| 59 | + border-radius: 10rpx; | ||
| 60 | + color: #FEFEFE; | ||
| 61 | +} | ||
| 62 | +.quick{ | ||
| 63 | + height: 50rpx; | ||
| 64 | + line-height: 50rpx; | ||
| 65 | + width: 140rpx; | ||
| 66 | + background-color: #46A5A9; | ||
| 67 | + font-size: 28rpx; | ||
| 68 | + color: #FEFEFE; | ||
| 69 | + text-align: center; | ||
| 70 | + min-width: 140rpx; | ||
| 71 | +} |
-
Please register or login to post a comment