Showing
5 changed files
with
83 additions
and
21 deletions
| @@ -3,6 +3,22 @@ | @@ -3,6 +3,22 @@ | ||
| 3 | <view class="pages bg-{{options.tplid}} flex-vc" style="height:{{height}}px;"> | 3 | <view class="pages bg-{{options.tplid}} flex-vc" style="height:{{height}}px;"> |
| 4 | <template is="tpl-{{options.tplid}}" data="{{...seller,options,hasOwner,animation}}"></template> | 4 | <template is="tpl-{{options.tplid}}" data="{{...seller,options,hasOwner,animation}}"></template> |
| 5 | </view> | 5 | </view> |
| 6 | +<view class="opt-button flex-vc"> | ||
| 7 | + <view class="opt flex-cc"> | ||
| 8 | + <formids class="button-none flex-vc" bindclick="lookLocation"> | ||
| 9 | + <view class="opt-text flex-cc"> | ||
| 10 | + <image class="buts-dh" src="http://qn.colorcun.com/manager-invitation/wx2/%E4%B8%80%E9%94%AE%E5%AF%BC%E8%88%AA.png"></image> | ||
| 11 | + 一键导航 | ||
| 12 | + </view> | ||
| 13 | + </formids> | ||
| 14 | + <userinfo-share class="button-none flex-vc" binduserinfo="toast"> | ||
| 15 | + <view class="opt-text flex-cc"> | ||
| 16 | + <image class="buts-sh" src="http://qn.colorcun.com/manager-invitation/wx2/%E8%BD%AC%E5%8F%91%E7%BB%99%E5%A5%BD%E5%8F%8B.png"></image> | ||
| 17 | + 转发给好友 | ||
| 18 | + </view> | ||
| 19 | + </userinfo-share> | ||
| 20 | + </view> | ||
| 21 | +</view> | ||
| 6 | <!--//商务--> | 22 | <!--//商务--> |
| 7 | <template name="tpl-1"> | 23 | <template name="tpl-1"> |
| 8 | <view class="flex-vc shangwu"> | 24 | <view class="flex-vc shangwu"> |
| @@ -27,13 +43,12 @@ | @@ -27,13 +43,12 @@ | ||
| 27 | <view class="title-right"></view> | 43 | <view class="title-right"></view> |
| 28 | </view> | 44 | </view> |
| 29 | <view class="content">{{date}}</view> | 45 | <view class="content">{{date}}</view> |
| 30 | - <view class="title flex-cc"> | ||
| 31 | - <view class="title-left"></view> | ||
| 32 | - 地址 | ||
| 33 | - <view class="title-right"></view> | 46 | + <view class="title flex-cc" bindtap="lookLocation"> |
| 47 | + <view class="title-addr"></view> | ||
| 48 | + 地址导航 | ||
| 49 | + <view class="title-more"></view> | ||
| 34 | </view> | 50 | </view> |
| 35 | <view class="content flex-cc addr" bindtap="lookLocation"> | 51 | <view class="content flex-cc addr" bindtap="lookLocation"> |
| 36 | - <image src="http://qn.colorcun.com/manager-invitation/wx/address.png" class="invit-addr"></image> | ||
| 37 | {{addr}} | 52 | {{addr}} |
| 38 | </view> | 53 | </view> |
| 39 | </view> | 54 | </view> |
| @@ -42,7 +57,7 @@ | @@ -42,7 +57,7 @@ | ||
| 42 | <view class="buts-share {{animation}}"></view> | 57 | <view class="buts-share {{animation}}"></view> |
| 43 | </userinfo-share> | 58 | </userinfo-share> |
| 44 | </block> | 59 | </block> |
| 45 | - <block wx:else=""> | 60 | + <block wx:elif="{{!hasCanSuccess}}"> |
| 46 | <userinfo class="button-none flex-vc" binduserinfo="confirmed" wx:if="{{options.rid}}" catchtap="catchtap"> | 61 | <userinfo class="button-none flex-vc" binduserinfo="confirmed" wx:if="{{options.rid}}" catchtap="catchtap"> |
| 47 | <view class="buts-share animation customer"></view> | 62 | <view class="buts-share animation customer"></view> |
| 48 | </userinfo> | 63 | </userinfo> |
| @@ -60,7 +75,6 @@ | @@ -60,7 +75,6 @@ | ||
| 60 | <view class="wenxin-mask-bg" style="background-image: url({{image||'http://qn.colorcun.com/manager-invitation/wx/hunshazhao3.jpg'}})"></view> | 75 | <view class="wenxin-mask-bg" style="background-image: url({{image||'http://qn.colorcun.com/manager-invitation/wx/hunshazhao3.jpg'}})"></view> |
| 61 | <view class="wenxin-mask-img"></view> | 76 | <view class="wenxin-mask-img"></view> |
| 62 | </view> | 77 | </view> |
| 63 | - <view class="wenxin-baitou"></view> | ||
| 64 | <view class="wenxin-line"></view> | 78 | <view class="wenxin-line"></view> |
| 65 | <view class="seller flex-vc"> | 79 | <view class="seller flex-vc"> |
| 66 | <view class="content">{{date}}</view> | 80 | <view class="content">{{date}}</view> |
| @@ -75,7 +89,7 @@ | @@ -75,7 +89,7 @@ | ||
| 75 | <view class="buts-share {{animation}}"></view> | 89 | <view class="buts-share {{animation}}"></view> |
| 76 | </userinfo-share> | 90 | </userinfo-share> |
| 77 | </block> | 91 | </block> |
| 78 | - <block wx:else=""> | 92 | + <block wx:elif="{{!hasCanSuccess}}"> |
| 79 | <userinfo class="button-none flex-vc" binduserinfo="confirmed" wx:if="{{options.rid}}" catchtap="catchtap"> | 93 | <userinfo class="button-none flex-vc" binduserinfo="confirmed" wx:if="{{options.rid}}" catchtap="catchtap"> |
| 80 | <view class="buts-share animation customer"></view> | 94 | <view class="buts-share animation customer"></view> |
| 81 | </userinfo> | 95 | </userinfo> |
| @@ -23,7 +23,7 @@ image{ | @@ -23,7 +23,7 @@ image{ | ||
| 23 | margin-top: 52rpx; | 23 | margin-top: 52rpx; |
| 24 | } | 24 | } |
| 25 | .shangwu .seller{ | 25 | .shangwu .seller{ |
| 26 | - margin-bottom: 92rpx; | 26 | + margin-bottom: 42rpx; |
| 27 | } | 27 | } |
| 28 | .shangwu .invit-logo.owner{ | 28 | .shangwu .invit-logo.owner{ |
| 29 | width: 380rpx; | 29 | width: 380rpx; |
| @@ -53,12 +53,11 @@ | @@ -53,12 +53,11 @@ | ||
| 53 | </view> | 53 | </view> |
| 54 | <view class="content">{{date}}</view> | 54 | <view class="content">{{date}}</view> |
| 55 | <view class="title flex-cc"> | 55 | <view class="title flex-cc"> |
| 56 | - <view class="title-left"></view> | ||
| 57 | - 地址 | ||
| 58 | - <view class="title-right"></view> | 56 | + <view class="title-addr"></view> |
| 57 | + 地址导航 | ||
| 58 | + <view class="title-more"></view> | ||
| 59 | </view> | 59 | </view> |
| 60 | <view class="content flex-cc addr"> | 60 | <view class="content flex-cc addr"> |
| 61 | - <image src="http://qn.colorcun.com/manager-invitation/wx/address.png" class="invit-addr"></image> | ||
| 62 | {{addr}} | 61 | {{addr}} |
| 63 | </view> | 62 | </view> |
| 64 | </view> | 63 | </view> |
| @@ -82,7 +81,6 @@ | @@ -82,7 +81,6 @@ | ||
| 82 | <view class="wenxin-mask-bg" style="background-image: url({{image||'http://qn.colorcun.com/manager-invitation/wx/hunshazhao3.jpg'}})"></view> | 81 | <view class="wenxin-mask-bg" style="background-image: url({{image||'http://qn.colorcun.com/manager-invitation/wx/hunshazhao3.jpg'}})"></view> |
| 83 | <view class="wenxin-mask-img"></view> | 82 | <view class="wenxin-mask-img"></view> |
| 84 | </view> | 83 | </view> |
| 85 | - <view class="wenxin-baitou"></view> | ||
| 86 | <view class="wenxin-line"></view> | 84 | <view class="wenxin-line"></view> |
| 87 | <view class="seller flex-vc"> | 85 | <view class="seller flex-vc"> |
| 88 | <view class="content">{{date}}</view> | 86 | <view class="content">{{date}}</view> |
| @@ -28,7 +28,7 @@ | @@ -28,7 +28,7 @@ | ||
| 28 | } | 28 | } |
| 29 | .seller .title{ | 29 | .seller .title{ |
| 30 | font-size: 28rpx; | 30 | font-size: 28rpx; |
| 31 | - color:#999999; | 31 | + color:#CEB689; |
| 32 | margin-bottom: 10rpx; | 32 | margin-bottom: 10rpx; |
| 33 | height: 40rpx; | 33 | height: 40rpx; |
| 34 | line-height: 40rpx; | 34 | line-height: 40rpx; |
| @@ -39,12 +39,12 @@ | @@ -39,12 +39,12 @@ | ||
| 39 | background-size: 100%; | 39 | background-size: 100%; |
| 40 | } | 40 | } |
| 41 | .seller .title-left{ | 41 | .seller .title-left{ |
| 42 | - background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E8%8A%B1%E7%BA%B9-%E5%B7%A6%E8%BE%B9.png"); | 42 | + background-image: url("http://qn.colorcun.com/manager-invitation/wx2/line1.png"); |
| 43 | margin-right: 10rpx; | 43 | margin-right: 10rpx; |
| 44 | } | 44 | } |
| 45 | .seller .title-right{ | 45 | .seller .title-right{ |
| 46 | margin-left: 10rpx; | 46 | margin-left: 10rpx; |
| 47 | - background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E8%8A%B1%E7%BA%B9-%E5%8F%B3.png"); | 47 | + background-image: url("http://qn.colorcun.com/manager-invitation/wx2/line2.png"); |
| 48 | } | 48 | } |
| 49 | .seller .content{ | 49 | .seller .content{ |
| 50 | margin-bottom: 60rpx; | 50 | margin-bottom: 60rpx; |
| @@ -139,21 +139,22 @@ | @@ -139,21 +139,22 @@ | ||
| 139 | background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E6%B0%B8%E7%BB%93%E5%90%8C%E5%BF%83-%E7%99%BD%E5%A4%B4%E5%81%95%E8%80%81.png"); | 139 | background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E6%B0%B8%E7%BB%93%E5%90%8C%E5%BF%83-%E7%99%BD%E5%A4%B4%E5%81%95%E8%80%81.png"); |
| 140 | } | 140 | } |
| 141 | .wenxin-line{ | 141 | .wenxin-line{ |
| 142 | - margin-top: 16rpx; | 142 | + margin-top: 10rpx; |
| 143 | width: 600rpx; | 143 | width: 600rpx; |
| 144 | height: 30rpx; | 144 | height: 30rpx; |
| 145 | background-size: 100% 100%; | 145 | background-size: 100% 100%; |
| 146 | background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E6%B8%A9%E9%A6%A8%E7%BA%BF%E6%9D%A1.png"); | 146 | background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E6%B8%A9%E9%A6%A8%E7%BA%BF%E6%9D%A1.png"); |
| 147 | } | 147 | } |
| 148 | .wenxin .seller{ | 148 | .wenxin .seller{ |
| 149 | - margin-top: 16rpx; | 149 | + margin-top: 10rpx; |
| 150 | color:#fefefe; | 150 | color:#fefefe; |
| 151 | + margin-bottom: 38rpx; | ||
| 151 | } | 152 | } |
| 152 | .wenxin .seller .title{ | 153 | .wenxin .seller .title{ |
| 153 | display: none; | 154 | display: none; |
| 154 | } | 155 | } |
| 155 | .wenxin .seller .content{ | 156 | .wenxin .seller .content{ |
| 156 | - margin-bottom: 16rpx; | 157 | + margin-bottom: 10rpx; |
| 157 | font-size: 36rpx; | 158 | font-size: 36rpx; |
| 158 | line-height: 50rpx; | 159 | line-height: 50rpx; |
| 159 | text-align: center; | 160 | text-align: center; |
| @@ -197,4 +198,53 @@ | @@ -197,4 +198,53 @@ | ||
| 197 | @-webkit-keyframes butAnimation | 198 | @-webkit-keyframes butAnimation |
| 198 | { | 199 | { |
| 199 | 50% {background-size:90%;} | 200 | 50% {background-size:90%;} |
| 201 | +} | ||
| 202 | + | ||
| 203 | +.title-addr{ | ||
| 204 | + background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E5%9C%B0%E5%9D%80.png"); | ||
| 205 | + width: 22rpx; | ||
| 206 | + height: 28rpx; | ||
| 207 | + background-size: 100% 100%; | ||
| 208 | + margin-right: 16rpx; | ||
| 209 | +} | ||
| 210 | +.title-more{ | ||
| 211 | + background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E7%AE%AD%E5%A4%B4.png"); | ||
| 212 | + width: 14rpx; | ||
| 213 | + height: 22rpx; | ||
| 214 | + background-size: 100% 100%; | ||
| 215 | + margin-left: 16rpx; | ||
| 216 | +} | ||
| 217 | + | ||
| 218 | + | ||
| 219 | +.opt .buts-dh{ | ||
| 220 | + width: 36rpx; | ||
| 221 | + height: 34rpx; | ||
| 222 | + margin-right: 36rpx; | ||
| 223 | +} | ||
| 224 | +.opt .buts-sh{ | ||
| 225 | + width: 30rpx; | ||
| 226 | + height: 34rpx; | ||
| 227 | + margin-right: 36rpx; | ||
| 228 | +} | ||
| 229 | +.opt-button .opt{ | ||
| 230 | + height: 66rpx; | ||
| 231 | + line-height: 66rpx; | ||
| 232 | + width: 100%; | ||
| 233 | +} | ||
| 234 | +.opt-button .opt-text{ | ||
| 235 | + height: 66rpx; | ||
| 236 | + line-height: 66rpx; | ||
| 237 | +} | ||
| 238 | +.opt formids:first-child{ | ||
| 239 | + border-right: 2rpx solid #D3BF9C; | ||
| 240 | +} | ||
| 241 | +.opt-button{ | ||
| 242 | + width: 100%; | ||
| 243 | + position: fixed; | ||
| 244 | + bottom: 0; | ||
| 245 | + background-color: #ECD9B7; | ||
| 246 | + height: 90rpx; | ||
| 247 | + line-height: 90rpx; | ||
| 248 | + color: #7B512A; | ||
| 249 | + font-size: 30rpx; | ||
| 200 | } | 250 | } |
-
Please register or login to post a comment