xt / xcx-book · Commits

Go to a project

Commit 06274e025e9685fee46cb74dd63c6b0d774e4851

Authored by vking
1 parent b6761fc6
build: skipped

blue ui other

Inline Side-by-side
Showing 8 changed files with 155 additions and 141 deletions
@@ -13,7 +13,7 @@ page { @@ -13,7 +13,7 @@ page {
13 /* Color 可以自定义相关配色 */ 13 /* Color 可以自定义相关配色 */
14 /* var属性兼容性 --> https://www.caniuse.com/#feat=css-variables */ 14 /* var属性兼容性 --> https://www.caniuse.com/#feat=css-variables */
15 /* 标准色 */ 15 /* 标准色 */
16 - --red: #e54d42; 16 + --red: #FA5151;
17 --orange: #FF7A00; 17 --orange: #FF7A00;
18 --yellow: #FFC9AA; 18 --yellow: #FFC9AA;
19 --olive: #8dc63f; 19 --olive: #8dc63f;
@@ -152,8 +152,8 @@ radio { @@ -152,8 +152,8 @@ radio {
152 position: relative; 152 position: relative;
153 } 153 }
154 154
155 -switch::after,  
156 -switch::before { 155 +.switch::after,
  156 +.switch::before {
157 font-family: "cuIcon"; 157 font-family: "cuIcon";
158 content: "\e645"; 158 content: "\e645";
159 position: absolute; 159 position: absolute;
@@ -173,24 +173,24 @@ switch::before { @@ -173,24 +173,24 @@ switch::before {
173 margin: auto; 173 margin: auto;
174 } 174 }
175 175
176 -switch::before { 176 +.switch::before {
177 content: "\e646"; 177 content: "\e646";
178 right: 0; 178 right: 0;
179 transform: scale(1, 1); 179 transform: scale(1, 1);
180 left: auto; 180 left: auto;
181 } 181 }
182 182
183 -switch[checked]::after,  
184 -switch.checked::after { 183 +.switch[checked]::after,
  184 +.switch.checked::after {
185 transform: scale(1, 1); 185 transform: scale(1, 1);
186 } 186 }
187 187
188 -switch[checked]::before,  
189 -switch.checked::before { 188 +.switch[checked]::before,
  189 +.switch.checked::before {
190 transform: scale(0, 0); 190 transform: scale(0, 0);
191 } 191 }
192 192
193 -switch[checked]::before { 193 +.switch[checked]::before {
194 transform: scale(0, 0); 194 transform: scale(0, 0);
195 } 195 }
196 196
@@ -222,7 +222,7 @@ checkbox.round .wx-checkbox-input { @@ -222,7 +222,7 @@ checkbox.round .wx-checkbox-input {
222 border-radius: 100rpx; 222 border-radius: 100rpx;
223 } 223 }
224 224
225 -switch .wx-switch-input { 225 +.switch .wx-switch-input {
226 border: none; 226 border: none;
227 padding: 0 24px; 227 padding: 0 24px;
228 width: 48px; 228 width: 48px;
@@ -231,11 +231,11 @@ switch .wx-switch-input { @@ -231,11 +231,11 @@ switch .wx-switch-input {
231 border-radius: 100rpx; 231 border-radius: 100rpx;
232 } 232 }
233 233
234 -switch .wx-switch-input:not([class*="bg-"]) { 234 +.switch .wx-switch-input:not([class*="bg-"]) {
235 background: var(--grey) !important; 235 background: var(--grey) !important;
236 } 236 }
237 237
238 -switch .wx-switch-input::after { 238 +.switch .wx-switch-input::after {
239 margin: auto; 239 margin: auto;
240 width: 26px; 240 width: 26px;
241 height: 26px; 241 height: 26px;
@@ -248,7 +248,7 @@ switch .wx-switch-input::after { @@ -248,7 +248,7 @@ switch .wx-switch-input::after {
248 transition: all 0.1s ease-in-out 0s; 248 transition: all 0.1s ease-in-out 0s;
249 } 249 }
250 250
251 -switch .wx-switch-input.wx-switch-input-checked::after { 251 +.switch .wx-switch-input.wx-switch-input-checked::after {
252 margin: auto; 252 margin: auto;
253 left: 22px; 253 left: 22px;
254 box-shadow: none; 254 box-shadow: none;
@@ -261,13 +261,13 @@ radio-group { @@ -261,13 +261,13 @@ radio-group {
261 261
262 262
263 263
264 -switch.radius .wx-switch-input::after,  
265 -switch.radius .wx-switch-input,  
266 -switch.radius .wx-switch-input::before { 264 +.switch.radius .wx-switch-input::after,
  265 +.switch.radius .wx-switch-input,
  266 +.switch.radius .wx-switch-input::before {
267 border-radius: 10rpx; 267 border-radius: 10rpx;
268 } 268 }
269 269
270 -switch .wx-switch-input::before, 270 +.switch .wx-switch-input::before,
271 radio.radio::before, 271 radio.radio::before,
272 checkbox .wx-checkbox-input::before, 272 checkbox .wx-checkbox-input::before,
273 radio .wx-radio-input::before, 273 radio .wx-radio-input::before,
@@ -328,127 +328,127 @@ radio.radio[checked]::after { @@ -328,127 +328,127 @@ radio.radio[checked]::after {
328 border-color: var(--blue) !important; 328 border-color: var(--blue) !important;
329 } 329 }
330 330
331 -switch.red[checked] .wx-switch-input, 331 +.switch.red[checked] .wx-switch-input,
332 checkbox.red[checked] .wx-checkbox-input, 332 checkbox.red[checked] .wx-checkbox-input,
333 radio.red[checked] .wx-radio-input { 333 radio.red[checked] .wx-radio-input {
334 border-color: var(--red) !important; 334 border-color: var(--red) !important;
335 } 335 }
336 336
337 -switch.orange[checked] .wx-switch-input, 337 +.switch.orange[checked] .wx-switch-input,
338 checkbox.orange[checked] .wx-checkbox-input, 338 checkbox.orange[checked] .wx-checkbox-input,
339 radio.orange[checked] .wx-radio-input { 339 radio.orange[checked] .wx-radio-input {
340 border-color: var(--orange) !important; 340 border-color: var(--orange) !important;
341 } 341 }
342 342
343 -switch.yellow[checked] .wx-switch-input, 343 +.switch.yellow[checked] .wx-switch-input,
344 checkbox.yellow[checked] .wx-checkbox-input, 344 checkbox.yellow[checked] .wx-checkbox-input,
345 radio.yellow[checked] .wx-radio-input { 345 radio.yellow[checked] .wx-radio-input {
346 border-color: var(--yellow) !important; 346 border-color: var(--yellow) !important;
347 } 347 }
348 348
349 -switch.olive[checked] .wx-switch-input, 349 +.switch.olive[checked] .wx-switch-input,
350 checkbox.olive[checked] .wx-checkbox-input, 350 checkbox.olive[checked] .wx-checkbox-input,
351 radio.olive[checked] .wx-radio-input { 351 radio.olive[checked] .wx-radio-input {
352 border-color: var(--olive) !important; 352 border-color: var(--olive) !important;
353 } 353 }
354 354
355 -switch.green[checked] .wx-switch-input, 355 +.switch.green[checked] .wx-switch-input,
356 checkbox.green[checked] .wx-checkbox-input, 356 checkbox.green[checked] .wx-checkbox-input,
357 checkbox[checked] .wx-checkbox-input, 357 checkbox[checked] .wx-checkbox-input,
358 radio.green[checked] .wx-radio-input { 358 radio.green[checked] .wx-radio-input {
359 border-color: var(--green) !important; 359 border-color: var(--green) !important;
360 } 360 }
361 361
362 -switch.cyan[checked] .wx-switch-input, 362 +.switch.cyan[checked] .wx-switch-input,
363 checkbox.cyan[checked] .wx-checkbox-input, 363 checkbox.cyan[checked] .wx-checkbox-input,
364 radio.cyan[checked] .wx-radio-input { 364 radio.cyan[checked] .wx-radio-input {
365 border-color: var(--cyan) !important; 365 border-color: var(--cyan) !important;
366 } 366 }
367 367
368 -switch.blue[checked] .wx-switch-input, 368 +.switch.blue[checked] .wx-switch-input,
369 checkbox.blue[checked] .wx-checkbox-input, 369 checkbox.blue[checked] .wx-checkbox-input,
370 radio.blue[checked] .wx-radio-input { 370 radio.blue[checked] .wx-radio-input {
371 border-color: var(--blue) !important; 371 border-color: var(--blue) !important;
372 } 372 }
373 373
374 -switch.purple[checked] .wx-switch-input, 374 +.switch.purple[checked] .wx-switch-input,
375 checkbox.purple[checked] .wx-checkbox-input, 375 checkbox.purple[checked] .wx-checkbox-input,
376 radio.purple[checked] .wx-radio-input { 376 radio.purple[checked] .wx-radio-input {
377 border-color: var(--purple) !important; 377 border-color: var(--purple) !important;
378 } 378 }
379 379
380 -switch.mauve[checked] .wx-switch-input, 380 +.switch.mauve[checked] .wx-switch-input,
381 checkbox.mauve[checked] .wx-checkbox-input, 381 checkbox.mauve[checked] .wx-checkbox-input,
382 radio.mauve[checked] .wx-radio-input { 382 radio.mauve[checked] .wx-radio-input {
383 border-color: var(--mauve) !important; 383 border-color: var(--mauve) !important;
384 } 384 }
385 385
386 -switch.pink[checked] .wx-switch-input, 386 +.switch.pink[checked] .wx-switch-input,
387 checkbox.pink[checked] .wx-checkbox-input, 387 checkbox.pink[checked] .wx-checkbox-input,
388 radio.pink[checked] .wx-radio-input { 388 radio.pink[checked] .wx-radio-input {
389 border-color: var(--pink) !important; 389 border-color: var(--pink) !important;
390 } 390 }
391 391
392 -switch.brown[checked] .wx-switch-input, 392 +.switch.brown[checked] .wx-switch-input,
393 checkbox.brown[checked] .wx-checkbox-input, 393 checkbox.brown[checked] .wx-checkbox-input,
394 radio.brown[checked] .wx-radio-input { 394 radio.brown[checked] .wx-radio-input {
395 border-color: var(--brown) !important; 395 border-color: var(--brown) !important;
396 } 396 }
397 397
398 -switch.grey[checked] .wx-switch-input, 398 +.switch.grey[checked] .wx-switch-input,
399 checkbox.grey[checked] .wx-checkbox-input, 399 checkbox.grey[checked] .wx-checkbox-input,
400 radio.grey[checked] .wx-radio-input { 400 radio.grey[checked] .wx-radio-input {
401 border-color: var(--grey) !important; 401 border-color: var(--grey) !important;
402 } 402 }
403 403
404 -switch.gray[checked] .wx-switch-input, 404 +.switch.gray[checked] .wx-switch-input,
405 checkbox.gray[checked] .wx-checkbox-input, 405 checkbox.gray[checked] .wx-checkbox-input,
406 radio.gray[checked] .wx-radio-input { 406 radio.gray[checked] .wx-radio-input {
407 border-color: var(--grey) !important; 407 border-color: var(--grey) !important;
408 } 408 }
409 409
410 -switch.black[checked] .wx-switch-input, 410 +.switch.black[checked] .wx-switch-input,
411 checkbox.black[checked] .wx-checkbox-input, 411 checkbox.black[checked] .wx-checkbox-input,
412 radio.black[checked] .wx-radio-input { 412 radio.black[checked] .wx-radio-input {
413 border-color: var(--black) !important; 413 border-color: var(--black) !important;
414 } 414 }
415 415
416 -switch.white[checked] .wx-switch-input, 416 +.switch.white[checked] .wx-switch-input,
417 checkbox.white[checked] .wx-checkbox-input, 417 checkbox.white[checked] .wx-checkbox-input,
418 radio.white[checked] .wx-radio-input { 418 radio.white[checked] .wx-radio-input {
419 border-color: var(--white) !important; 419 border-color: var(--white) !important;
420 } 420 }
421 421
422 -switch.red[checked] .wx-switch-input.wx-switch-input-checked, 422 +.switch.red[checked] .wx-switch-input.wx-switch-input-checked,
423 checkbox.red[checked] .wx-checkbox-input, 423 checkbox.red[checked] .wx-checkbox-input,
424 radio.red[checked] .wx-radio-input { 424 radio.red[checked] .wx-radio-input {
425 background-color: var(--red) !important; 425 background-color: var(--red) !important;
426 color: var(--white) !important; 426 color: var(--white) !important;
427 } 427 }
428 428
429 -switch.orange[checked] .wx-switch-input, 429 +.switch.orange[checked] .wx-switch-input,
430 checkbox.orange[checked] .wx-checkbox-input, 430 checkbox.orange[checked] .wx-checkbox-input,
431 radio.orange[checked] .wx-radio-input { 431 radio.orange[checked] .wx-radio-input {
432 background-color: var(--orange) !important; 432 background-color: var(--orange) !important;
433 color: var(--white) !important; 433 color: var(--white) !important;
434 } 434 }
435 435
436 -switch.yellow[checked] .wx-switch-input, 436 +.switch.yellow[checked] .wx-switch-input,
437 checkbox.yellow[checked] .wx-checkbox-input, 437 checkbox.yellow[checked] .wx-checkbox-input,
438 radio.yellow[checked] .wx-radio-input { 438 radio.yellow[checked] .wx-radio-input {
439 background-color: var(--yellow) !important; 439 background-color: var(--yellow) !important;
440 color: var(--black) !important; 440 color: var(--black) !important;
441 } 441 }
442 442
443 -switch.olive[checked] .wx-switch-input, 443 +.switch.olive[checked] .wx-switch-input,
444 checkbox.olive[checked] .wx-checkbox-input, 444 checkbox.olive[checked] .wx-checkbox-input,
445 radio.olive[checked] .wx-radio-input { 445 radio.olive[checked] .wx-radio-input {
446 background-color: var(--olive) !important; 446 background-color: var(--olive) !important;
447 color: var(--white) !important; 447 color: var(--white) !important;
448 } 448 }
449 449
450 -switch.green[checked] .wx-switch-input,  
451 -switch[checked] .wx-switch-input, 450 +.switch.green[checked] .wx-switch-input,
  451 +.switch[checked] .wx-switch-input,
452 checkbox.green[checked] .wx-checkbox-input, 452 checkbox.green[checked] .wx-checkbox-input,
453 checkbox[checked] .wx-checkbox-input, 453 checkbox[checked] .wx-checkbox-input,
454 radio.green[checked] .wx-radio-input, 454 radio.green[checked] .wx-radio-input,
@@ -457,70 +457,70 @@ radio[checked] .wx-radio-input { @@ -457,70 +457,70 @@ radio[checked] .wx-radio-input {
457 color: var(--white) !important; 457 color: var(--white) !important;
458 } 458 }
459 459
460 -switch.cyan[checked] .wx-switch-input, 460 +.switch.cyan[checked] .wx-switch-input,
461 checkbox.cyan[checked] .wx-checkbox-input, 461 checkbox.cyan[checked] .wx-checkbox-input,
462 radio.cyan[checked] .wx-radio-input { 462 radio.cyan[checked] .wx-radio-input {
463 background-color: var(--cyan) !important; 463 background-color: var(--cyan) !important;
464 color: var(--white) !important; 464 color: var(--white) !important;
465 } 465 }
466 466
467 -switch.blue[checked] .wx-switch-input, 467 +.switch.blue[checked] .wx-switch-input,
468 checkbox.blue[checked] .wx-checkbox-input, 468 checkbox.blue[checked] .wx-checkbox-input,
469 radio.blue[checked] .wx-radio-input { 469 radio.blue[checked] .wx-radio-input {
470 background-color: var(--blue) !important; 470 background-color: var(--blue) !important;
471 color: var(--white) !important; 471 color: var(--white) !important;
472 } 472 }
473 473
474 -switch.purple[checked] .wx-switch-input, 474 +.switch.purple[checked] .wx-switch-input,
475 checkbox.purple[checked] .wx-checkbox-input, 475 checkbox.purple[checked] .wx-checkbox-input,
476 radio.purple[checked] .wx-radio-input { 476 radio.purple[checked] .wx-radio-input {
477 background-color: var(--purple) !important; 477 background-color: var(--purple) !important;
478 color: var(--white) !important; 478 color: var(--white) !important;
479 } 479 }
480 480
481 -switch.mauve[checked] .wx-switch-input, 481 +.switch.mauve[checked] .wx-switch-input,
482 checkbox.mauve[checked] .wx-checkbox-input, 482 checkbox.mauve[checked] .wx-checkbox-input,
483 radio.mauve[checked] .wx-radio-input { 483 radio.mauve[checked] .wx-radio-input {
484 background-color: var(--mauve) !important; 484 background-color: var(--mauve) !important;
485 color: var(--white) !important; 485 color: var(--white) !important;
486 } 486 }
487 487
488 -switch.pink[checked] .wx-switch-input, 488 +.switch.pink[checked] .wx-switch-input,
489 checkbox.pink[checked] .wx-checkbox-input, 489 checkbox.pink[checked] .wx-checkbox-input,
490 radio.pink[checked] .wx-radio-input { 490 radio.pink[checked] .wx-radio-input {
491 background-color: var(--pink) !important; 491 background-color: var(--pink) !important;
492 color: var(--white) !important; 492 color: var(--white) !important;
493 } 493 }
494 494
495 -switch.brown[checked] .wx-switch-input, 495 +.switch.brown[checked] .wx-switch-input,
496 checkbox.brown[checked] .wx-checkbox-input, 496 checkbox.brown[checked] .wx-checkbox-input,
497 radio.brown[checked] .wx-radio-input { 497 radio.brown[checked] .wx-radio-input {
498 background-color: var(--brown) !important; 498 background-color: var(--brown) !important;
499 color: var(--white) !important; 499 color: var(--white) !important;
500 } 500 }
501 501
502 -switch.grey[checked] .wx-switch-input, 502 +.switch.grey[checked] .wx-switch-input,
503 checkbox.grey[checked] .wx-checkbox-input, 503 checkbox.grey[checked] .wx-checkbox-input,
504 radio.grey[checked] .wx-radio-input { 504 radio.grey[checked] .wx-radio-input {
505 background-color: var(--grey) !important; 505 background-color: var(--grey) !important;
506 color: var(--white) !important; 506 color: var(--white) !important;
507 } 507 }
508 508
509 -switch.gray[checked] .wx-switch-input, 509 +.switch.gray[checked] .wx-switch-input,
510 checkbox.gray[checked] .wx-checkbox-input, 510 checkbox.gray[checked] .wx-checkbox-input,
511 radio.gray[checked] .wx-radio-input { 511 radio.gray[checked] .wx-radio-input {
512 background-color: #f0f0f0 !important; 512 background-color: #f0f0f0 !important;
513 color: var(--black) !important; 513 color: var(--black) !important;
514 } 514 }
515 515
516 -switch.black[checked] .wx-switch-input, 516 +.switch.black[checked] .wx-switch-input,
517 checkbox.black[checked] .wx-checkbox-input, 517 checkbox.black[checked] .wx-checkbox-input,
518 radio.black[checked] .wx-radio-input { 518 radio.black[checked] .wx-radio-input {
519 background-color: var(--black) !important; 519 background-color: var(--black) !important;
520 color: var(--white) !important; 520 color: var(--white) !important;
521 } 521 }
522 522
523 -switch.white[checked] .wx-switch-input, 523 +.switch.white[checked] .wx-switch-input,
524 checkbox.white[checked] .wx-checkbox-input, 524 checkbox.white[checked] .wx-checkbox-input,
525 radio.white[checked] .wx-radio-input { 525 radio.white[checked] .wx-radio-input {
526 background-color: var(--white) !important; 526 background-color: var(--white) !important;
1 <!--components/showModal/showModal.wxml--> 1 <!--components/showModal/showModal.wxml-->
2 -<view class="cu-modal bottom-modal {{hasShow?'show':''}}" bindtap="hide"> 2 +<view class="cu-modal bottom-modal {{cla}} {{hasShow?'show':''}}" bindtap="hide">
3 <view class="cu-dialog confirm bg-white" catchtap="catchtap"> 3 <view class="cu-dialog confirm bg-white" catchtap="catchtap">
4 - <view class="view padding-lg"> 4 + <view class="view padding-lg confirm-header">
5 {{opt.header}} 5 {{opt.header}}
6 </view> 6 </view>
7 - <view class="view margin-bottom-xl"> 7 + <view class="view margin-bottom-xl confirm-body">
8 {{opt.body}} 8 {{opt.body}}
9 </view> 9 </view>
10 <view class="flex justify-center margin-bottom-lg margin-top"> 10 <view class="flex justify-center margin-bottom-lg margin-top">
@@ -5,4 +5,13 @@ @@ -5,4 +5,13 @@
5 } 5 }
6 .bg-ghostWhite{ 6 .bg-ghostWhite{
7 background-color: var(--ghostWhite); 7 background-color: var(--ghostWhite);
  8 +}
  9 +.deletuser .cu-btn{
  10 + width: 300rpx!important;
  11 + height: 80rpx!important;
  12 + font-size: 36rpx;
  13 +
  14 +}
  15 +.deletuser .confirm-body{
  16 + font-size: 36rpx;
8 } 17 }
@@ -116,11 +116,16 @@ Page({ @@ -116,11 +116,16 @@ Page({
116 user: this.user 116 user: this.user
117 }) 117 })
118 }, 118 },
119 - deletuser(){  
120 - App.Customer.DelCustomerInfo({phone:this.user.phone}).then((json)=>{  
121 - App.Customer.GetCustomerInfo({},'clear')  
122 - wx.navigateBack()  
123 - console.log(json)  
124 - })  
125 - } 119 + deletuser(e){
  120 + if(e.detail.type=='confirm'){
  121 + App.Customer.DelCustomerInfo({phone:this.user.phone}).then((json)=>{
  122 + App.Customer.GetCustomerInfo({},'clear')
  123 + wx.navigateBack()
  124 + console.log(json)
  125 + })
  126 + }
  127 + },
  128 + confirm(){
  129 + this.selectComponent('#confirm').show();
  130 + },
126 }) 131 })
@@ -5,6 +5,7 @@ @@ -5,6 +5,7 @@
5 "usingComponents": { 5 "usingComponents": {
6 "nav":"/components/nav/nav", 6 "nav":"/components/nav/nav",
7 "formids":"/components/formids/formids", 7 "formids":"/components/formids/formids",
8 - "phone":"/components/userinfo/getphone" 8 + "phone":"/components/userinfo/getphone",
  9 + "confirm":"/components/2.0/dialog/confirm"
9 } 10 }
10 } 11 }
1 <!--pages/me/setting.wxml--> 1 <!--pages/me/setting.wxml-->
2 <nav hasHome>{{user.id ? '编辑联系人' : '新建联系人'}}</nav> 2 <nav hasHome>{{user.id ? '编辑联系人' : '新建联系人'}}</nav>
3 -<view class="page">  
4 - <!-- <view class="tip">在这里维护你的常用预订信息</view> -->  
5 - <view class="card">  
6 - <view class="item flex-lr">  
7 - <view class="Medium flex-ll">  
8 - <view class="item-label">姓名</view>  
9 - <input class="name input" placeholder="请填写用餐人姓名"  
10 - bindinput="changeInput"  
11 - data-key="name"  
12 - value="{{user.name}}"  
13 - placeholder-class="input-pl" maxlength="10"/>  
14 - </view>  
15 - <view class="flex-rr switch">  
16 - <view  
17 - bindtap="changeInput"  
18 - data-key="sex"  
19 - data-val="1"  
20 - class="switch-item {{user.sex==1?'checked':''}}">先生</view>  
21 - <view  
22 - bindtap="changeInput"  
23 - data-key="sex"  
24 - data-val="2"  
25 - class="switch-item {{user.sex==2?'checked':''}}">女士</view>  
26 - <view  
27 - bindtap="changeInput"  
28 - data-key="sex"  
29 - data-val="3"  
30 - class="switch-item {{user.sex==3?'checked':''}}">公司</view> 3 +<view class="page padding-top">
  4 + <view class="padding-lr-lg">
  5 + <view class="view flex align-center justify-between " style="height: 100rpx;">
  6 + <image src="http://nosqn.colorcun.com/detail/x%20%2816%29.png" style="width: 40rpx;height: 40rpx;"></image>
  7 + <view class="view flex-treble flex align-center margin-left-sm solid-bottom" style="height: 100rpx;">
  8 + <input class="name flex-treble" placeholder="请填写预订人姓名"
  9 + bindinput="changeInput"
  10 + data-key="name"
  11 + value="{{user.name}}"
  12 + bindkeyboardheightchange="keyboardheightchange"
  13 + adjust-position="{{false}}"
  14 + placeholder-class="input-pl" maxlength="10"/>
  15 + <view class="flex text-30 sex">
  16 + <view bindtap="changeInput"
  17 + data-key="sex"
  18 + data-val="1"
  19 + class="switch-item text-bold {{user.sex==1?'checked':''}}">先生</view>
  20 + <view bindtap="changeInput"
  21 + data-key="sex"
  22 + data-val="2"
  23 + class="text-bold margin-left-sm {{user.sex==2?'checked':''}}">女士</view>
  24 + <view bindtap="changeInput"
  25 + data-key="sex"
  26 + data-val="3"
  27 + class="text-bold margin-left-sm {{user.sex==3?'checked':''}}">公司</view>
  28 + </view>
31 </view> 29 </view>
32 - </view>  
33 - <view class="item flex-lr">  
34 - <view class="Medium flex-ll">  
35 - <view class="item-label">手机</view>  
36 - <input class="phone input" placeholder="请填写联系方式"  
37 - cursor-spacing="180"  
38 - bindinput="changeInput"  
39 - data-key="phone"  
40 - type="number"  
41 - value="{{user.phone}}"  
42 - placeholder-class="input-pl" maxlength="11"/>  
43 - </view>  
44 - <view class="flex-rr">  
45 - <!-- 一键获取 --> 30 + </view>
  31 + <view class="view flex align-center justify-between " style="height: 100rpx;">
  32 + <image src="http://nosqn.colorcun.com/detail/x%20%2817%29.png" style="width: 40rpx;height: 40rpx;"></image>
  33 + <view class="view flex-treble flex align-center margin-left-sm solid-bottom" style="height: 100rpx;">
  34 + <input class="phone flex-treble" placeholder="请填写联系方式"
  35 + bindinput="changeInput"
  36 + data-key="phone"
  37 + type="number"
  38 + value="{{user.phone}}"
  39 + adjust-position="{{false}}"
  40 + placeholder-class="input-pl" maxlength="11"/>
46 <phone bindgetphone="getphone"> 41 <phone bindgetphone="getphone">
47 - <view class="smooth white-font get-phone flex-vc" style="font-size:28rpx;">一键获取</view> 42 + <view class="txt-28-h text-blue">一键录入</view>
48 </phone> 43 </phone>
49 </view> 44 </view>
50 - </view>  
51 - <view class="flex-vl userinfo-setting">  
52 - <view class="flex-lr" style="margin-bottom:30rpx;">  
53 - <view class="font30r font-bold">设置默认联系人</view>  
54 - <switch color="#C0A369" checked="{{user.is_default==1 ? true : false}}"  
55 - data-key="is_default" data-val="{{user.is_default==1 ? 0 : 1}}" bindchange="changeInput"/>  
56 - </view>  
57 - <view class="gray-font font28r" style="line-height:1.5;">提醒：每次下单时商家会记录默认联系人作为订单联系 人，在预订过程中，如有需要，商家将联系订单联系人</view>  
58 </view> 45 </view>
59 - <block wx:if="{{user.id}}">  
60 - <view class="item flex-lr">  
61 - <view class="font30r font-bold">删除联系人</view>  
62 - <switch color="#C0A369" bindchange="deletuser"/>  
63 - </view>  
64 - </block>  
65 - <!-- <view class="item flex-lr">  
66 - <view class="item-label">备注信息</view>  
67 - <view class="Medium">  
68 - <input class="cusdem input" placeholder="请填写预订需求"  
69 - bindinput="changeInput"  
70 - data-key="remark"  
71 - value="{{user.remark}}"  
72 - placeholder-class="input-pl" maxlength="20"/>  
73 - </view>  
74 - </view> -->  
75 - </view>  
76 - <view class="save-button">  
77 - <formids bindclick="saved">  
78 - <view class="share-but">保存</view>  
79 - </formids> 46 + <view class="flex align-center justify-between" style="height: 108rpx;">
  47 + <view class="txt-34-h text-bold">设置默认联系人</view>
  48 + <switch color="#42A5FF"
  49 + checked="{{user.is_default==1 ? true : false}}"
  50 + data-key="is_default"
  51 + data-val="{{user.is_default==1 ? 0 : 1}}"
  52 + bindchange="changeInput"/>
  53 + </view>
  54 + <view class="gray-font font28r margin-bottom" style="line-height:40rpx;">提醒：每次预订时，自动将默认联系人作为预订联系人，如有需要，商家将联系预订联系人</view>
  55 + <view class="txt-30-h text-red padding-top"
  56 + wx:if="{{user.id}}" bindtap="confirm">删除联系人</view>
  57 + </view>
  58 + <view class="save-button round bg-blue-blue" bindtap="saved">
  59 + <view class="share-but text-bold">保存</view>
80 </view> 60 </view>
81 </view> 61 </view>
  62 +<confirm id="confirm" cancelText="取消" cancelColor="#42A5FF"
  63 + confirmText="删除" confirmColor="#FFFFFF"
  64 + body="确定要删除该常用预订信息吗？" header=""
  65 + cla="deletuser"
  66 + bindevent="deletuser"></confirm>
1 /* pages/me/setting.wxss */ 1 /* pages/me/setting.wxss */
  2 +@import "../../colorui/main.wxss";
  3 +.sex .checked{
  4 + position: relative;
  5 + color:var(--blue);
  6 +}
  7 +.sex .checked:after{
  8 + width: 24rpx;
  9 + height: 14rpx;
  10 + background-size: 100% 100%;
  11 + background-image: url("http://nosqn.colorcun.com/detail/x%20%281%29.png");
  12 + position: absolute;
  13 + content: "";
  14 + bottom:-18rpx;
  15 + left:calc(50% - 12rpx);
  16 +}
  17 +
2 .page{ 18 .page{
3 width: 100%; 19 width: 100%;
4 color:#353535; 20 color:#353535;
@@ -56,20 +72,19 @@ input.input{ @@ -56,20 +72,19 @@ input.input{
56 color: #FEFEFE; 72 color: #FEFEFE;
57 } 73 }
58 .save-button{ 74 .save-button{
59 - width:680rpx;  
60 - height:80rpx; 75 + width:calc(100% - 80rpx);
  76 + height:84rpx;
61 position: fixed; 77 position: fixed;
62 left:0; 78 left:0;
63 right:0; 79 right:0;
64 - bottom:80rpx; 80 + bottom:40rpx;
65 margin:0 auto; 81 margin:0 auto;
66 } 82 }
67 .share-but{ 83 .share-but{
68 color:#FEFEFE; 84 color:#FEFEFE;
69 - background: #262628;  
70 - width: 680rpx;  
71 - line-height: 80rpx;  
72 - font-size: 34rpx; 85 + width: 100%;
  86 + line-height: 84rpx;
  87 + font-size: 36rpx;
73 text-align: center; 88 text-align: center;
74 } 89 }
75 .get-phone{ 90 .get-phone{
@@ -173,11 +173,10 @@ @@ -173,11 +173,10 @@
173 } 173 }
174 }, 174 },
175 { 175 {
176 - "id": -1,  
177 "name": "我的 常用信息 pages/me/setting", 176 "name": "我的 常用信息 pages/me/setting",
178 "pathName": "pages/me/setting", 177 "pathName": "pages/me/setting",
179 - "query": "",  
180 - "scene": "1044", 178 + "query": "id=330&openid=oB-xJ5BjnTvdgQGLHsjioNHH0eE8&name=杜&sex=1&phone=15339180360&remark=&is_default=0&status=1&cdate=1587349236",
  179 + "scene": 1044,
181 "shareInfo": { 180 "shareInfo": {
182 "groupName": "测试模拟群1", 181 "groupName": "测试模拟群1",
183 "shareName": "8DEbIRpK4pa9mH_QY2vU4ZUKYPuI97WoQ4BQoFej-Q8@cr4dev", 182 "shareName": "8DEbIRpK4pa9mH_QY2vU4ZUKYPuI97WoQ4BQoFej-Q8@cr4dev",