xt / xcx-book · Commits

Go to a project

Commit 3a4fceb622a1d61d2d730d59dfb44cc1a3962cbb

Authored by pengye
1 parent 056be7b5
build: skipped

邀请函18-22 服务经理信息样式调整

Inline Side-by-side
Showing 6 changed files with 64 additions and 24 deletions
@@ -59,7 +59,7 @@ @@ -59,7 +59,7 @@
59 <view class="font28r">{{staffinfo.position}}</view> 59 <view class="font28r">{{staffinfo.position}}</view>
60 </view> 60 </view>
61 <view class="handleInfo"> 61 <view class="handleInfo">
62 - <view class="font40r">尊敬的贵宾您好！</view> 62 + <view class="font40r title1">尊敬的贵宾您好！</view>
63 <view class="font26r texts">很荣幸能为您提供专属接待和服务</view> 63 <view class="font26r texts">很荣幸能为您提供专属接待和服务</view>
64 <view class="contactBtns"> 64 <view class="contactBtns">
65 <view wx:if="{{staffinfo.phone}}" class="font24r brownFont brownFont1Img" data-phone="{{staffinfo.phone}}" bindtap="call"> 65 <view wx:if="{{staffinfo.phone}}" class="font24r brownFont brownFont1Img" data-phone="{{staffinfo.phone}}" bindtap="call">
@@ -153,7 +153,7 @@ @@ -153,7 +153,7 @@
153 background: #cc9b6a; 153 background: #cc9b6a;
154 box-shadow: 0rpx 4rpx 8rpx #00000040; 154 box-shadow: 0rpx 4rpx 8rpx #00000040;
155 color: #fff; 155 color: #fff;
156 - padding: 56rpx 58rpx 60rpx 72rpx; 156 + padding: 53rpx 30rpx;
157 } 157 }
158 158
159 .headerimg { 159 .headerimg {
@@ -177,29 +177,44 @@ @@ -177,29 +177,44 @@
177 177
178 .peopleInfo view:nth-of-type(1) { 178 .peopleInfo view:nth-of-type(1) {
179 margin-top: 10rpx; 179 margin-top: 10rpx;
  180 + overflow: hidden;
  181 + word-break: break-all;
  182 + text-overflow: ellipsis;
  183 + display: -webkit-box;
  184 + -webkit-box-orient: vertical;
  185 + -webkit-line-clamp: 1;
  186 + text-align: center;
  187 + width: 180rpx;
180 } 188 }
181 189
182 .peopleInfo view { 190 .peopleInfo view {
183 font-family: "PingFang SC"; 191 font-family: "PingFang SC";
  192 + line-height: 40rpx;
184 font-weight: 600; 193 font-weight: 600;
185 } 194 }
186 195
187 .handleInfo { 196 .handleInfo {
188 - margin-left: 42rpx; 197 + margin-left: 40rpx;
189 font-family: "PingFang SC"; 198 font-family: "PingFang SC";
190 font-weight: 400; 199 font-weight: 400;
191 } 200 }
192 201
193 .handleInfo view { 202 .handleInfo view {
  203 + font-weight: 400;
  204 +}
  205 +
  206 +.handleInfo .title1 {
194 font-weight: 600; 207 font-weight: 600;
195 - letter-spacing: 10rpx; 208 + line-height: 56rpx;
  209 + height: 56rpx;
  210 + font-family: PingFang SC;
196 } 211 }
197 212
198 .handleInfo .texts { 213 .handleInfo .texts {
199 - margin: 22rpx 0;  
200 - letter-spacing: 3rpx;  
201 - line-height: 36rpx;  
202 font-weight: 500; 214 font-weight: 500;
  215 + line-height: 40rpx;
  216 + font-family: PingFang SC;
  217 + height: 40rpx;
203 } 218 }
204 219
205 .contactBtns { 220 .contactBtns {
@@ -217,6 +232,7 @@ @@ -217,6 +232,7 @@
217 align-items: center; 232 align-items: center;
218 justify-content: center; 233 justify-content: center;
219 font-weight: 600 !important; 234 font-weight: 600 !important;
  235 + margin-top: 40rpx;
220 } 236 }
221 237
222 .brownFont image { 238 .brownFont image {
@@ -96,7 +96,7 @@ @@ -96,7 +96,7 @@
96 <view class="font28r">{{staffinfo.position}}</view> 96 <view class="font28r">{{staffinfo.position}}</view>
97 </view> 97 </view>
98 <view class="handleInfo"> 98 <view class="handleInfo">
99 - <view class="font40r">尊敬的贵宾您好！</view> 99 + <view class="font40r title1">尊敬的贵宾您好！</view>
100 <view class="font28r texts">很荣幸能为您提供专属接待和服务</view> 100 <view class="font28r texts">很荣幸能为您提供专属接待和服务</view>
101 <view class="contactBtns"> 101 <view class="contactBtns">
102 <view wx:if="{{staffinfo.phone}}" class="font24r brownFont" data-phone="{{staffinfo.phone}}" bindtap="call"> 102 <view wx:if="{{staffinfo.phone}}" class="font24r brownFont" data-phone="{{staffinfo.phone}}" bindtap="call">
@@ -148,7 +148,7 @@ @@ -148,7 +148,7 @@
148 background: #FFEFD6; 148 background: #FFEFD6;
149 box-shadow: 0rpx 4rpx 8rpx #00000040; 149 box-shadow: 0rpx 4rpx 8rpx #00000040;
150 color: #AE2D2D; 150 color: #AE2D2D;
151 - padding: 56rpx 58rpx 60rpx 72rpx; 151 + padding: 53rpx 30rpx;
152 } 152 }
153 153
154 .headerimg { 154 .headerimg {
@@ -172,33 +172,44 @@ @@ -172,33 +172,44 @@
172 172
173 .peopleInfo view:nth-of-type(1) { 173 .peopleInfo view:nth-of-type(1) {
174 margin-top: 10rpx; 174 margin-top: 10rpx;
  175 + overflow: hidden;
  176 + word-break: break-all;
  177 + text-overflow: ellipsis;
  178 + display: -webkit-box;
  179 + -webkit-box-orient: vertical;
  180 + -webkit-line-clamp: 1;
  181 + text-align: center;
  182 + width: 180rpx;
175 } 183 }
176 184
177 .peopleInfo view { 185 .peopleInfo view {
178 font-family: "PingFang SC"; 186 font-family: "PingFang SC";
  187 + line-height: 40rpx;
179 font-weight: 600; 188 font-weight: 600;
180 } 189 }
181 190
182 .handleInfo { 191 .handleInfo {
183 - margin-left: 42rpx; 192 + margin-left: 40rpx;
184 font-family: "PingFang SC"; 193 font-family: "PingFang SC";
185 font-weight: 400; 194 font-weight: 400;
186 } 195 }
187 196
188 .handleInfo view { 197 .handleInfo view {
189 font-weight: 400; 198 font-weight: 400;
190 - letter-spacing: 10rpx;  
191 } 199 }
192 200
193 -.handleInfo view:nth-of-type(1) { 201 +.handleInfo .title1 {
194 font-weight: 600; 202 font-weight: 600;
  203 + line-height: 56rpx;
  204 + height: 56rpx;
  205 + font-family: PingFang SC;
195 } 206 }
196 207
197 .handleInfo .texts { 208 .handleInfo .texts {
198 - margin: 22rpx 0;  
199 - letter-spacing: 3rpx;  
200 - line-height: 36rpx;  
201 font-weight: 500; 209 font-weight: 500;
  210 + line-height: 40rpx;
  211 + font-family: PingFang SC;
  212 + height: 40rpx;
202 } 213 }
203 214
204 .contactBtns { 215 .contactBtns {
@@ -217,6 +228,7 @@ @@ -217,6 +228,7 @@
217 justify-content: center; 228 justify-content: center;
218 box-shadow: 0rpx 4rpx 8rpx #00000040; 229 box-shadow: 0rpx 4rpx 8rpx #00000040;
219 font-weight: 600 !important; 230 font-weight: 600 !important;
  231 + margin-top: 40rpx;
220 } 232 }
221 233
222 .brownFont image { 234 .brownFont image {
@@ -75,7 +75,7 @@ @@ -75,7 +75,7 @@
75 <view class="font28r">{{staffinfo.position}}</view> 75 <view class="font28r">{{staffinfo.position}}</view>
76 </view> 76 </view>
77 <view class="handleInfo"> 77 <view class="handleInfo">
78 - <view class="font40r">尊敬的贵宾您好！</view> 78 + <view class="font40r title1">尊敬的贵宾您好！</view>
79 <view class="font26r texts">很荣幸能为您提供专属接待和服务</view> 79 <view class="font26r texts">很荣幸能为您提供专属接待和服务</view>
80 <view class="contactBtns"> 80 <view class="contactBtns">
81 <view wx:if="{{staffinfo.phone}}" class="font24r brownFont" data-phone="{{staffinfo.phone}}" bindtap="call"> 81 <view wx:if="{{staffinfo.phone}}" class="font24r brownFont" data-phone="{{staffinfo.phone}}" bindtap="call">
@@ -101,7 +101,7 @@ @@ -101,7 +101,7 @@
101 <view class="font28r">{{staffinfo.position}}</view> 101 <view class="font28r">{{staffinfo.position}}</view>
102 </view> 102 </view>
103 <view class="handleInfo"> 103 <view class="handleInfo">
104 - <view class="font40r">尊敬的贵宾您好！</view> 104 + <view class="font40r title1">尊敬的贵宾您好！</view>
105 <view class="font26r texts">很荣幸能为您提供专属接待和服务</view> 105 <view class="font26r texts">很荣幸能为您提供专属接待和服务</view>
106 <view class="contactBtns"> 106 <view class="contactBtns">
107 <view wx:if="{{staffinfo.phone}}" class="font24r brownFont" data-phone="{{staffinfo.phone}}" bindtap="call"> 107 <view wx:if="{{staffinfo.phone}}" class="font24r brownFont" data-phone="{{staffinfo.phone}}" bindtap="call">
@@ -154,7 +154,7 @@ @@ -154,7 +154,7 @@
154 background: #fff; 154 background: #fff;
155 box-shadow: 0rpx 4rpx 8rpx #00000040; 155 box-shadow: 0rpx 4rpx 8rpx #00000040;
156 color: #000; 156 color: #000;
157 - padding: 56rpx 58rpx 60rpx 72rpx; 157 + padding: 53rpx 30rpx;
158 margin: 24rpx 20rpx 0 20rpx; 158 margin: 24rpx 20rpx 0 20rpx;
159 } 159 }
160 160
@@ -179,33 +179,44 @@ @@ -179,33 +179,44 @@
179 179
180 .peopleInfo view:nth-of-type(1) { 180 .peopleInfo view:nth-of-type(1) {
181 margin-top: 10rpx; 181 margin-top: 10rpx;
  182 + overflow: hidden;
  183 + word-break: break-all;
  184 + text-overflow: ellipsis;
  185 + display: -webkit-box;
  186 + -webkit-box-orient: vertical;
  187 + -webkit-line-clamp: 1;
  188 + text-align: center;
  189 + width: 180rpx;
182 } 190 }
183 191
184 .peopleInfo view { 192 .peopleInfo view {
185 font-family: "PingFang SC"; 193 font-family: "PingFang SC";
  194 + line-height: 40rpx;
186 font-weight: 600; 195 font-weight: 600;
187 } 196 }
188 197
189 .handleInfo { 198 .handleInfo {
190 - margin-left: 42rpx; 199 + margin-left: 40rpx;
191 font-family: "PingFang SC"; 200 font-family: "PingFang SC";
192 font-weight: 400; 201 font-weight: 400;
193 } 202 }
194 203
195 .handleInfo view { 204 .handleInfo view {
196 font-weight: 400; 205 font-weight: 400;
197 - letter-spacing: 10rpx;  
198 } 206 }
199 207
200 -.handleInfo view:nth-of-type(1) { 208 +.handleInfo .title1 {
201 font-weight: 600; 209 font-weight: 600;
  210 + line-height: 56rpx;
  211 + height: 56rpx;
  212 + font-family: PingFang SC;
202 } 213 }
203 214
204 .handleInfo .texts { 215 .handleInfo .texts {
205 - margin: 22rpx 0;  
206 - letter-spacing: 3rpx;  
207 - line-height: 36rpx;  
208 font-weight: 500; 216 font-weight: 500;
  217 + line-height: 40rpx;
  218 + font-family: PingFang SC;
  219 + height: 40rpx;
209 } 220 }
210 221
211 .contactBtns { 222 .contactBtns {
@@ -224,6 +235,7 @@ @@ -224,6 +235,7 @@
224 justify-content: center; 235 justify-content: center;
225 box-shadow: 0rpx 4rpx 8rpx #00000040; 236 box-shadow: 0rpx 4rpx 8rpx #00000040;
226 font-weight: 600 !important; 237 font-weight: 600 !important;
  238 + margin-top: 40rpx;
227 } 239 }
228 240
229 .brownFont image { 241 .brownFont image {