Showing
3 changed files
with
67 additions
and
35 deletions
| @@ -146,15 +146,10 @@ Page({ | @@ -146,15 +146,10 @@ Page({ | ||
| 146 | openid: getApp().openid, | 146 | openid: getApp().openid, |
| 147 | rid: this.id | 147 | rid: this.id |
| 148 | },'clear') | 148 | },'clear') |
| 149 | - wx.navigateTo({ | ||
| 150 | - //id={{detail.id}}&rdate={{detail.rdate}} | ||
| 151 | - url:'remind?id='+this.id+'&rdate='+this.data.detail.rdate, | ||
| 152 | - }); | 149 | + util.toast('赴约成功','none') |
| 153 | }) | 150 | }) |
| 154 | }else{ | 151 | }else{ |
| 155 | - // wx.navigateTo({ | ||
| 156 | - // url:'invite?id='+this.id, | ||
| 157 | - // }); | 152 | + util.toast('赴约成功','none') |
| 158 | } | 153 | } |
| 159 | }, | 154 | }, |
| 160 | setUserInfoSuccess(){ | 155 | setUserInfoSuccess(){ |
| @@ -5,16 +5,6 @@ | @@ -5,16 +5,6 @@ | ||
| 5 | <view class="invit-logo"> | 5 | <view class="invit-logo"> |
| 6 | <image src="http://qn.colorcun.com/custom/lite-yd/image/invit-logo.png"></image> | 6 | <image src="http://qn.colorcun.com/custom/lite-yd/image/invit-logo.png"></image> |
| 7 | </view> | 7 | </view> |
| 8 | - <!-- | ||
| 9 | - <view class="avatar"> | ||
| 10 | - <image src="{{detail.customers[0].headimgurl}}"></image> | ||
| 11 | - </view> | ||
| 12 | - <view class="invit flex-cc"> | ||
| 13 | - <view style="margin-right: 20rpx;">{{detail.rnameStr}}</view> | ||
| 14 | - <view>{{detail.eatStr}}</view> | ||
| 15 | - </view> | ||
| 16 | - <view class="hr-one"></view> | ||
| 17 | - --> | ||
| 18 | <view class="seller flex-vc"> | 8 | <view class="seller flex-vc"> |
| 19 | <view class="title">餐厅</view> | 9 | <view class="title">餐厅</view> |
| 20 | <view class="content name">{{detail.seller.sellername}}</view> | 10 | <view class="content name">{{detail.seller.sellername}}</view> |
| @@ -23,16 +13,25 @@ | @@ -23,16 +13,25 @@ | ||
| 23 | <view class="title">时间</view> | 13 | <view class="title">时间</view> |
| 24 | <view class="content">{{detail.rdateStr}}</view> | 14 | <view class="content">{{detail.rdateStr}}</view> |
| 25 | <view class="title">地址</view> | 15 | <view class="title">地址</view> |
| 26 | - <view class="content flex-ll" bindtap="lookLocation"> | 16 | + <view class="content flex-ll" bindtap="lookLocation" style="align-items: flex-start"> |
| 27 | <image src="http://qn.colorcun.com/custom/lite-yd/image/invit-addr.png" class="invit-addr"></image> | 17 | <image src="http://qn.colorcun.com/custom/lite-yd/image/invit-addr.png" class="invit-addr"></image> |
| 28 | - <view>{{detail.seller.real_address||detail.seller.map_address}}</view> | 18 | + <view class="addr">第三方水电费水电费水电费水电费发送到发送到发送到{{detail.seller.real_address||detail.seller.map_address}}</view> |
| 29 | </view> | 19 | </view> |
| 30 | </view> | 20 | </view> |
| 31 | </view> | 21 | </view> |
| 32 | -</view> | ||
| 33 | -<view class="opt-view"> | ||
| 34 | - <view class="opt flex-cc"> | ||
| 35 | - <formids class="but button-none flex-vc" bindclick="lookLocation">一键导航</formids> | ||
| 36 | - <userinfo-share class="but button-none flex-vc" binduserinfo="setUserInfoSuccess">转发好友</userinfo-share> | 22 | + <view class="opt-button"> |
| 23 | + <view class="opt flex-cc"> | ||
| 24 | + <formids class="button-none flex-vc" bindclick="lookLocation"> | ||
| 25 | + <image class="buts" src="http://qn.colorcun.com/custom/lite-yd-cook/image/detail_invitation-1.png"></image> | ||
| 26 | + </formids> | ||
| 27 | + <userinfo-share class="button-none flex-vc" binduserinfo="toast"> | ||
| 28 | + <image class="buts" src="http://qn.colorcun.com/custom/lite-yd-cook/image/detail_invitation-2.png"></image> | ||
| 29 | + </userinfo-share> | ||
| 30 | + </view> | ||
| 37 | </view> | 31 | </view> |
| 38 | </view> | 32 | </view> |
| 33 | +<view class="opt-view" wx:if="{{!detail.hasCanSuccess}}"> | ||
| 34 | + <userinfo class="button-none flex-vc" binduserinfo="userinfo"> | ||
| 35 | + <view class="buts-share animation"></view> | ||
| 36 | + </userinfo> | ||
| 37 | +</view> |
| @@ -39,32 +39,39 @@ image{ | @@ -39,32 +39,39 @@ image{ | ||
| 39 | width: 90%; | 39 | width: 90%; |
| 40 | } | 40 | } |
| 41 | .seller{ | 41 | .seller{ |
| 42 | - margin-top: 110rpx; | 42 | + margin-top: 40rpx; |
| 43 | } | 43 | } |
| 44 | .seller .title{ | 44 | .seller .title{ |
| 45 | font-size: 28rpx; | 45 | font-size: 28rpx; |
| 46 | color:#999999; | 46 | color:#999999; |
| 47 | - margin-bottom: 32rpx; | 47 | + margin-bottom: 20rpx; |
| 48 | + height: 40rpx; | ||
| 49 | + line-height: 40rpx; | ||
| 48 | } | 50 | } |
| 49 | .seller .content{ | 51 | .seller .content{ |
| 50 | - margin-bottom: 68rpx; | ||
| 51 | - font-size: 30rpx; | ||
| 52 | - line-height: 30rpx; | 52 | + margin-bottom: 40rpx; |
| 53 | + font-size: 36rpx; | ||
| 54 | + line-height: 50rpx; | ||
| 55 | + height: 50rpx; | ||
| 56 | + max-width: 80%; | ||
| 53 | } | 57 | } |
| 54 | -.seller .name{ | ||
| 55 | - font-size: 44rpx; | ||
| 56 | - line-height: 44rpx; | 58 | +.seller .content .addr{ |
| 59 | + font-size: 32rpx; | ||
| 60 | + line-height: 40rpx; | ||
| 61 | + text-align: center; | ||
| 57 | } | 62 | } |
| 58 | .invit-addr{ | 63 | .invit-addr{ |
| 59 | - width: 20rpx; | ||
| 60 | - height: 20rpx; | 64 | + width: 22rpx; |
| 65 | + height: 28rpx; | ||
| 61 | margin-right: 18rpx; | 66 | margin-right: 18rpx; |
| 67 | + min-width: 22rpx; | ||
| 68 | + margin-top:6rpx ; | ||
| 62 | } | 69 | } |
| 63 | 70 | ||
| 64 | 71 | ||
| 65 | .opt-view{ | 72 | .opt-view{ |
| 66 | position: fixed; | 73 | position: fixed; |
| 67 | - bottom: 120rpx; | 74 | + bottom: 100rpx; |
| 68 | width: 100%; | 75 | width: 100%; |
| 69 | } | 76 | } |
| 70 | .opt{ | 77 | .opt{ |
| @@ -86,3 +93,34 @@ image{ | @@ -86,3 +93,34 @@ image{ | ||
| 86 | .opt .but:last-child{ | 93 | .opt .but:last-child{ |
| 87 | margin-right: 0; | 94 | margin-right: 0; |
| 88 | } | 95 | } |
| 96 | +.opt .buts{ | ||
| 97 | + width: 288rpx; | ||
| 98 | + height: 80rpx; | ||
| 99 | +} | ||
| 100 | +.opt-button{ | ||
| 101 | + margin-top: 48rpx; | ||
| 102 | + width: 100%; | ||
| 103 | +} | ||
| 104 | +.buts-share{ | ||
| 105 | + width: 560rpx; | ||
| 106 | + height: 86rpx; | ||
| 107 | + margin: 0 auto; | ||
| 108 | + background-image: url("http://qn.colorcun.com/custom/lite-yd-cook/image/detail_invitation-3.png"); | ||
| 109 | + background-size: 100%; | ||
| 110 | + background-repeat: no-repeat; | ||
| 111 | + background-position: center center; | ||
| 112 | +} | ||
| 113 | +.animation{ | ||
| 114 | + animation-name: butAnimation; | ||
| 115 | + animation-duration: 0.7s; | ||
| 116 | + animation-iteration-count:9999; | ||
| 117 | +} | ||
| 118 | +.opt-view-tip{ | ||
| 119 | + font-size: 26rpx; | ||
| 120 | + color: #999999; | ||
| 121 | + margin-bottom: 20rpx; | ||
| 122 | +} | ||
| 123 | +@keyframes butAnimation | ||
| 124 | +{ | ||
| 125 | + 50% {background-size:90%;} | ||
| 126 | +} |
-
Please register or login to post a comment