朱园亮 / erp-mobile · Commits

Commit 765c5344f426e5c5347ab213f6c8359da95dc067

Authored by 史婷婷
1 parent 06b70bfe

feat: pop弹出来（多个）关闭按钮样式优化

Inline Side-by-side
Showing 4 changed files with 27 additions and 23 deletions
@@ -3,7 +3,7 @@ @@ -3,7 +3,7 @@
3 <view class="filter-modal"> 3 <view class="filter-modal">
4 <view class="header"> 4 <view class="header">
5 <text class="title">{{ title }}</text> 5 <text class="title">{{ title }}</text>
6 - <text class="close" @click="onClose">×</text> 6 + <text class="close" @click="onClose"></text>
7 </view> 7 </view>
8 8
9 <view class="body"> 9 <view class="body">
@@ -110,8 +110,12 @@ export default { @@ -110,8 +110,12 @@ export default {
110 text-align: center; 110 text-align: center;
111 } 111 }
112 .close { 112 .close {
113 - font-size: 36rpx;  
114 - color: #666; 113 + width: 48rpx;
  114 + height: 48rpx;
  115 + background-image: url('~@/static/images/flow/close_icon.png');
  116 + background-repeat: no-repeat;
  117 + background-position: right center;
  118 + background-size: cover;
115 } 119 }
116 .body { 120 .body {
117 flex: 1 1 auto; 121 flex: 1 1 auto;
@@ -39,7 +39,7 @@ @@ -39,7 +39,7 @@
39 <view class="dialog"> 39 <view class="dialog">
40 <view class="dialog_header"> 40 <view class="dialog_header">
41 <text>上传客户信息</text> 41 <text>上传客户信息</text>
42 - <view class="dialog_close" @click="closeCustomerInfo">×</view> 42 + <view class="dialog_close" @click="closeCustomerInfo"></view>
43 </view> 43 </view>
44 <view class="dialog_body"> 44 <view class="dialog_body">
45 <view class="dialog_row"> 45 <view class="dialog_row">
@@ -61,7 +61,7 @@ @@ -61,7 +61,7 @@
61 <view class="dialog"> 61 <view class="dialog">
62 <view class="dialog_header"> 62 <view class="dialog_header">
63 <text>公司评审</text> 63 <text>公司评审</text>
64 - <view class="dialog_close" @click="closeCompanyReview">×</view> 64 + <view class="dialog_close" @click="closeCompanyReview"></view>
65 </view> 65 </view>
66 <view class="dialog_body"> 66 <view class="dialog_body">
67 <uni-list> 67 <uni-list>
@@ -631,13 +631,13 @@ export default { @@ -631,13 +631,13 @@ export default {
631 .dialog_close { 631 .dialog_close {
632 position: absolute; 632 position: absolute;
633 right: 16rpx; 633 right: 16rpx;
634 - top: -14rpx;  
635 - width: 64rpx;  
636 - height: 64rpx;  
637 - line-height: 64rpx;  
638 - text-align: center;  
639 - font-size: 36rpx;  
640 - color: rgba(0, 0, 0, 0.6); 634 + top: 0rpx;
  635 + width: 48rpx;
  636 + height: 48rpx;
  637 + background-image: url('~@/static/images/flow/close_icon.png');
  638 + background-repeat: no-repeat;
  639 + background-position: right center;
  640 + background-size: cover;
641 } 641 }
642 642
643 .dialog_row { 643 .dialog_row {
@@ -28,7 +28,7 @@ @@ -28,7 +28,7 @@
28 <view class="dialog"> 28 <view class="dialog">
29 <view class="dialog_header"> 29 <view class="dialog_header">
30 <text>上传签收单据</text> 30 <text>上传签收单据</text>
31 - <view class="dialog_close" @click="closeUploadInfo">×</view> 31 + <view class="dialog_close" @click="closeUploadInfo"></view>
32 </view> 32 </view>
33 <view class="dialog_body"> 33 <view class="dialog_body">
34 <view class="dialog_row"> 34 <view class="dialog_row">
@@ -46,7 +46,7 @@ @@ -46,7 +46,7 @@
46 <view class="dialog"> 46 <view class="dialog">
47 <view class="dialog_header"> 47 <view class="dialog_header">
48 <text>申请延期</text> 48 <text>申请延期</text>
49 - <view class="dialog_close" @click="closeApplyDelay">×</view> 49 + <view class="dialog_close" @click="closeApplyDelay"></view>
50 </view> 50 </view>
51 <view class="dialog_body"> 51 <view class="dialog_body">
52 <uni-list> 52 <uni-list>
@@ -107,7 +107,7 @@ @@ -107,7 +107,7 @@
107 <view class="dialog"> 107 <view class="dialog">
108 <view class="dialog_header"> 108 <view class="dialog_header">
109 <text>拆分</text> 109 <text>拆分</text>
110 - <view class="dialog_close" @click="closeSplit">×</view> 110 + <view class="dialog_close" @click="closeSplit"></view>
111 </view> 111 </view>
112 <view class="dialog_body split_body"> 112 <view class="dialog_body split_body">
113 <Product mode="split" :initItem="splitForm.initItem" @change="onSplitChange" /> 113 <Product mode="split" :initItem="splitForm.initItem" @change="onSplitChange" />
@@ -517,14 +517,14 @@ export default { @@ -517,14 +517,14 @@ export default {
517 517
518 .dialog_close { 518 .dialog_close {
519 position: absolute; 519 position: absolute;
520 - right: 16rpx;  
521 - top: -14rpx;  
522 - width: 64rpx;  
523 - height: 64rpx;  
524 - line-height: 64rpx;  
525 - text-align: center;  
526 - font-size: 36rpx;  
527 - color: rgba(0, 0, 0, 0.6); 520 + right: 16rpx;
  521 + top: 0rpx;
  522 + width: 48rpx;
  523 + height: 48rpx;
  524 + background-image: url('~@/static/images/flow/close_icon.png');
  525 + background-repeat: no-repeat;
  526 + background-position: right center;
  527 + background-size: cover;
528 } 528 }
529 529
530 .dialog_row { 530 .dialog_row {