朱园亮 / 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 3 <view class="filter-modal">
4 4 <view class="header">
5 5 <text class="title">{{ title }}</text>
6   - <text class="close" @click="onClose">×</text>
  6 + <text class="close" @click="onClose"></text>
7 7 </view>
8 8
9 9 <view class="body">
... ... @@ -110,8 +110,12 @@ export default {
110 110 text-align: center;
111 111 }
112 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 120 .body {
117 121 flex: 1 1 auto;
... ...
... ... @@ -39,7 +39,7 @@
39 39 <view class="dialog">
40 40 <view class="dialog_header">
41 41 <text>上传客户信息</text>
42   - <view class="dialog_close" @click="closeCustomerInfo">×</view>
  42 + <view class="dialog_close" @click="closeCustomerInfo"></view>
43 43 </view>
44 44 <view class="dialog_body">
45 45 <view class="dialog_row">
... ... @@ -61,7 +61,7 @@
61 61 <view class="dialog">
62 62 <view class="dialog_header">
63 63 <text>公司评审</text>
64   - <view class="dialog_close" @click="closeCompanyReview">×</view>
  64 + <view class="dialog_close" @click="closeCompanyReview"></view>
65 65 </view>
66 66 <view class="dialog_body">
67 67 <uni-list>
... ... @@ -631,13 +631,13 @@ export default {
631 631 .dialog_close {
632 632 position: absolute;
633 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 643 .dialog_row {
... ...
... ... @@ -28,7 +28,7 @@
28 28 <view class="dialog">
29 29 <view class="dialog_header">
30 30 <text>上传签收单据</text>
31   - <view class="dialog_close" @click="closeUploadInfo">×</view>
  31 + <view class="dialog_close" @click="closeUploadInfo"></view>
32 32 </view>
33 33 <view class="dialog_body">
34 34 <view class="dialog_row">
... ... @@ -46,7 +46,7 @@
46 46 <view class="dialog">
47 47 <view class="dialog_header">
48 48 <text>申请延期</text>
49   - <view class="dialog_close" @click="closeApplyDelay">×</view>
  49 + <view class="dialog_close" @click="closeApplyDelay"></view>
50 50 </view>
51 51 <view class="dialog_body">
52 52 <uni-list>
... ... @@ -107,7 +107,7 @@
107 107 <view class="dialog">
108 108 <view class="dialog_header">
109 109 <text>拆分</text>
110   - <view class="dialog_close" @click="closeSplit">×</view>
  110 + <view class="dialog_close" @click="closeSplit"></view>
111 111 </view>
112 112 <view class="dialog_body split_body">
113 113 <Product mode="split" :initItem="splitForm.initItem" @change="onSplitChange" />
... ... @@ -517,14 +517,14 @@ export default {
517 517
518 518 .dialog_close {
519 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 530 .dialog_row {
... ...