xt / xcx-book · Commits

Go to a project

Commit 878044f83d858b39fb19db2d2ff090523e701b0f

Authored by wangfan
1 parent 5eab2b7a
build: skipped

manager-invitation

Inline Side-by-side
Showing 4 changed files with 26 additions and 193 deletions
@@ -20,6 +20,7 @@ Page({ @@ -20,6 +20,7 @@ Page({
20 }, 20 },
21 options:{tplid:1}, 21 options:{tplid:1},
22 hasOwner:true,//是否为发起人 22 hasOwner:true,//是否为发起人
  23 + animation:'animation',
23 }, 24 },
24 25
25 /** 26 /**
@@ -139,6 +140,9 @@ Page({ @@ -139,6 +140,9 @@ Page({
139 * 用户点击右上角分享 140 * 用户点击右上角分享
140 */ 141 */
141 onShareAppMessage: function () { 142 onShareAppMessage: function () {
  143 + this.setData({
  144 + animation:'',
  145 + })
142 let path=util.http_build_query({ 146 let path=util.http_build_query({
143 ...this.data.options, 147 ...this.data.options,
144 fromid:this.openid, 148 fromid:this.openid,
1 <!--pages/manager-invitation/review.wxml--> 1 <!--pages/manager-invitation/review.wxml-->
2 <nav backgroundColor="rgba(0,0,0,0)" hasHome style="position: fixed;z-index: 1;"></nav> 2 <nav backgroundColor="rgba(0,0,0,0)" hasHome style="position: fixed;z-index: 1;"></nav>
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}}"></template> 4 + <template is="tpl-{{options.tplid}}" data="{{...seller,options,hasOwner,animation}}"></template>
5 </view> 5 </view>
6 <!--//商务--> 6 <!--//商务-->
7 <template name="tpl-1"> 7 <template name="tpl-1">
@@ -21,13 +21,13 @@ @@ -21,13 +21,13 @@
21 </view> 21 </view>
22 </view> 22 </view>
23 <block wx:if="{{hasOwner}}"> 23 <block wx:if="{{hasOwner}}">
24 - <userinfo-share class="button-none flex-vc" binduserinfo="setUserInfoSuccess" wx:if="{{options.rid}}" catchtap="catchtap">  
25 - <view class="buts-share"></view> 24 + <userinfo-share class="button-none flex-vc" binduserinfo="setUserInfoSuccess" wx:if="{{options.rid}}" catchtap="catchShare">
  25 + <view class="buts-share {{animation}}"></view>
26 </userinfo-share> 26 </userinfo-share>
27 </block> 27 </block>
28 <block wx:else=""> 28 <block wx:else="">
29 <userinfo class="button-none flex-vc" binduserinfo="confirmed" wx:if="{{options.rid}}" catchtap="catchtap"> 29 <userinfo class="button-none flex-vc" binduserinfo="confirmed" wx:if="{{options.rid}}" catchtap="catchtap">
30 - <view class="buts-share customer"></view> 30 + <view class="buts-share animation customer"></view>
31 </userinfo> 31 </userinfo>
32 </block> 32 </block>
33 </view> 33 </view>
@@ -54,13 +54,13 @@ @@ -54,13 +54,13 @@
54 </view> 54 </view>
55 </view> 55 </view>
56 <block wx:if="{{hasOwner}}"> 56 <block wx:if="{{hasOwner}}">
57 - <userinfo-share class="button-none flex-vc" binduserinfo="setUserInfoSuccess" wx:if="{{options.rid}}" catchtap="catchtap">  
58 - <view class="buts-share"></view> 57 + <userinfo-share class="button-none flex-vc" binduserinfo="setUserInfoSuccess" wx:if="{{options.rid}}" catchtap="catchShare">
  58 + <view class="buts-share {{animation}}"></view>
59 </userinfo-share> 59 </userinfo-share>
60 </block> 60 </block>
61 <block wx:else=""> 61 <block wx:else="">
62 <userinfo class="button-none flex-vc" binduserinfo="confirmed" wx:if="{{options.rid}}" catchtap="catchtap"> 62 <userinfo class="button-none flex-vc" binduserinfo="confirmed" wx:if="{{options.rid}}" catchtap="catchtap">
63 - <view class="buts-share customer"></view> 63 + <view class="buts-share animation customer"></view>
64 </userinfo> 64 </userinfo>
65 </block> 65 </block>
66 </view> 66 </view>
1 /* pages/manager-invitation/review.wxss */ 1 /* pages/manager-invitation/review.wxss */
  2 +@import "tpls.wxss";
2 .pages{ 3 .pages{
3 font-size: 200rpx; 4 font-size: 200rpx;
4 background-size: 100%; 5 background-size: 100%;
@@ -6,88 +7,19 @@ @@ -6,88 +7,19 @@
6 position: fixed; 7 position: fixed;
7 width: 100%; 8 width: 100%;
8 } 9 }
9 -.tabs{  
10 -}  
11 -.tabs .item{  
12 - font-size: 32rpx;  
13 - color:#999999;  
14 - margin-left: 20rpx;  
15 - padding: 0 10rpx;  
16 - height: 66rpx;  
17 - line-height: 66rpx;  
18 -}  
19 -.tabs .item.active{  
20 - font-size: 36rpx;  
21 - font-weight: bold;  
22 - color: #E9D9B7;  
23 - border-bottom: 2rpx solid #E9D9B7;  
24 -}  
25 -.bg-1{  
26 - background-image: url("http://qn.colorcun.com/custom/lite-yd/image/invit-bg.png");  
27 - background-color: #353334;  
28 - color:#fefefe;  
29 -}  
30 -.bg-2{  
31 - background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E5%BA%95%E9%83%A8.png");  
32 - background-color: #F4AFB2;  
33 -}  
34 image{ 10 image{
35 width: 100%; 11 width: 100%;
36 height: 100%; 12 height: 100%;
37 } 13 }
38 14
39 -.invit-logo{  
40 - width: 400rpx;  
41 - height: 170rpx;  
42 - position: relative;  
43 - background-size: 100%;  
44 - background-repeat: no-repeat;  
45 -}  
46 -.seller{  
47 - margin-top: 80rpx;  
48 -}  
49 -.seller .title{  
50 - font-size: 28rpx;  
51 - color:#999999;  
52 - margin-bottom: 18rpx;  
53 - height: 40rpx;  
54 - line-height: 40rpx;  
55 -}  
56 -.seller .content{  
57 - margin-bottom: 40rpx;  
58 - font-size: 36rpx;  
59 - line-height: 50rpx;  
60 - text-align: center;  
61 - align-items:flex-start;  
62 -}  
63 -.seller .content:last-child{  
64 - margin-bottom: 0;  
65 -}  
66 -.seller .addr{  
67 - width: 80%; 15 +.buts-share{
  16 + background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E5%8F%91%E9%82%80%E8%AF%B7%E5%87%BD.png");
68 } 17 }
69 -.seller .invit-addr{  
70 - width: 22rpx;  
71 - height: 28rpx;  
72 - margin-right: 10rpx;  
73 - margin-top: 14rpx;  
74 - min-width: 22rpx; 18 +.buts-share.customer{
  19 + background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E7%A1%AE%E8%AE%A4%E6%94%B6%E5%88%B0.png");
75 } 20 }
76 21
77 -.editor{  
78 - position: fixed;  
79 - bottom: 0;  
80 - height:98rpx;  
81 - left: 0;  
82 - line-height: 98rpx;  
83 - font-size: 30rpx;  
84 - color: #353535;  
85 - background-color: #ECD9B7;  
86 - width: 100%;  
87 -}  
88 -.shangwu .seller{  
89 - margin-bottom: 152rpx;  
90 -} 22 +
91 .shangwu .invit-logo.owner{ 23 .shangwu .invit-logo.owner{
92 width: 404rpx; 24 width: 404rpx;
93 height: 158rpx; 25 height: 158rpx;
@@ -99,127 +31,23 @@ image{ @@ -99,127 +31,23 @@ image{
99 background-image: url("http://qn.colorcun.com/custom/lite-yd/image/invit-logo.png"); 31 background-image: url("http://qn.colorcun.com/custom/lite-yd/image/invit-logo.png");
100 } 32 }
101 33
102 -.wenxin {  
103 - margin-top: 60rpx;  
104 -}  
105 34
106 -.wenxin-top{  
107 - position: fixed;  
108 - top:0;  
109 - left:0;  
110 - width:100%;  
111 - height: 80rpx;  
112 - background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E9%A1%B6%E9%83%A8%E8%8A%B1%E8%BE%B9.png");  
113 - background-size: 100%; 35 +.wenxin-mask{
  36 + margin-top: 20rpx;
114 } 37 }
115 -.wenxin-bottom{  
116 - position: fixed;  
117 - bottom:0;  
118 - left:0;  
119 - width:100%;  
120 - height: 64rpx;  
121 - background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E8%8A%B1%E8%BE%B9-%E5%BA%95%E9%83%A8.png");  
122 - background-size: 100%; 38 +.wenxin-baitou{
  39 + margin-top: 20rpx;
  40 +}
  41 +.wenxin .seller{
  42 + margin-bottom: 22rpx;
123 } 43 }
124 .wenxin .invit-logo.owner{ 44 .wenxin .invit-logo.owner{
125 width: 340rpx; 45 width: 340rpx;
126 height: 184rpx; 46 height: 184rpx;
127 - background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E6%B8%A9%E9%A6%A8-%E9%A2%84%E8%AE%A2%E5%AE%89%E6%8E%92.png"); 47 + background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E9%A2%84%E8%AE%A2%E5%AE%89%E6%8E%92-%E6%B8%A9%E9%A6%A8.png");
128 } 48 }
129 .wenxin .invit-logo.customer{ 49 .wenxin .invit-logo.customer{
130 width: 344rpx; 50 width: 344rpx;
131 height: 198rpx; 51 height: 198rpx;
132 background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E9%82%80%E8%AF%B7%E5%87%BD.png"); 52 background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E9%82%80%E8%AF%B7%E5%87%BD.png");
133 } 53 }
134 -.wenxin-mask{  
135 - margin-top: 10rpx;  
136 - width: 568rpx;  
137 - height: 560rpx;  
138 - position: relative;  
139 -}  
140 -.wenxin-mask-bg{  
141 - margin: 60rpx auto;  
142 - width: 468rpx;  
143 - height: 468rpx;  
144 - border-radius: 50%;  
145 - overflow: hidden;  
146 - background-image: url("http://qn.colorcun.com/manager-invitation/wx/hunshazhao3.jpg");  
147 - background-size: cover;  
148 -}  
149 -.wenxin-mask-img{  
150 - position: absolute;  
151 - left: 0;  
152 - top:0;  
153 - background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E8%8A%B1%E7%8E%AF%E7%A9%BA.png");  
154 - width: 100%;  
155 - height: 560rpx;  
156 - background-size: 100%;  
157 -}  
158 -.wenxin-baitou{  
159 - margin-top: 20rpx;  
160 - width: 404rpx;  
161 - height: 42rpx;  
162 - background-size: 100%;  
163 - 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");  
164 -}  
165 -.wenxin-line{  
166 - margin-top: 30rpx;  
167 - width: 600rpx;  
168 - height: 14rpx;  
169 - background-size: 100%;  
170 - background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E5%88%86%E5%89%B2%E5%B0%96%E5%A4%B4.png");  
171 -}  
172 -.wenxin .seller{  
173 - margin-top: 30rpx;  
174 - color:#fefefe;  
175 -}  
176 -.wenxin .seller .title{  
177 - display: none;  
178 -}  
179 -.wenxin .seller .content{  
180 - margin-bottom: 20rpx;  
181 - font-size: 36rpx;  
182 - line-height: 50rpx;  
183 - text-align: center;  
184 - align-items:flex-start;  
185 -}  
186 -.wenxin .seller .content.addr{  
187 - width: 100%;  
188 -}  
189 -.quick-editor{  
190 - background-color: #ECD9B7;  
191 - width: 120rpx;  
192 - height: 40rpx;  
193 - line-height: 40rpx;  
194 - color: #353535;  
195 - font-size: 24rpx;  
196 - position: absolute;  
197 - top:50rpx;  
198 - right:-150rpx;  
199 - text-align: center;  
200 -}  
201 -  
202 -.buts-share{  
203 - width: 560rpx;  
204 - height: 86rpx;  
205 - margin: 0 auto;  
206 - background-image: url("http://qn.colorcun.com/manager-invitation/wx/detail_owner_invitation-5.png");  
207 - background-size: 100%;  
208 - background-repeat: no-repeat;  
209 - background-position: center center;  
210 - animation-name: butAnimation;  
211 - animation-duration: 0.7s;  
212 - animation-iteration-count:9999;  
213 - position: relative;  
214 -}  
215 -@keyframes butAnimation  
216 -{  
217 - 50% {background-size:90%;}  
218 -}  
219 -@-webkit-keyframes butAnimation  
220 -{  
221 - 50% {background-size:90%;}  
222 -}  
223 -.buts-share.customer{  
224 - background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E7%A1%AE%E8%AE%A4%E6%94%B6%E5%88%B0.png");  
225 -}  
@@ -13,6 +13,7 @@ @@ -13,6 +13,7 @@
13 width: 380rpx; 13 width: 380rpx;
14 height: 200rpx; 14 height: 200rpx;
15 position: relative; 15 position: relative;
  16 + background-size: 100%;
16 } 17 }
17 .shangwu-line{ 18 .shangwu-line{
18 background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E5%95%86%E5%8A%A1-%E4%B8%80%E9%94%AE%E8%AE%A2.png"); 19 background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E5%95%86%E5%8A%A1-%E4%B8%80%E9%94%AE%E8%AE%A2.png");