@10yun/cv-mobile-ui 0.5.11 → 0.5.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -187,6 +187,8 @@ export default {
187
187
  <style>
188
188
  .cv-picker {
189
189
  min-height: 35px;
190
+ display: flex;
191
+ flex: 1;
190
192
  }
191
193
  .cv-picker-item {
192
194
  height: 35px;
@@ -194,6 +196,7 @@ export default {
194
196
  float: left;
195
197
  margin-right: 10px;
196
198
  width: 100%;
199
+ font-size: 15px;
197
200
  }
198
201
  .cv-picker-item-placeholder {
199
202
  color: grey;
@@ -234,6 +234,8 @@ export default {
234
234
  <style>
235
235
  .cv-picker {
236
236
  min-height: 35px;
237
+ display: flex;
238
+ flex: 1;
237
239
  }
238
240
  .cv-picker-item {
239
241
  height: 35px;
@@ -241,6 +243,7 @@ export default {
241
243
  float: left;
242
244
  margin-right: 10px;
243
245
  width: 100%;
246
+ font-size: 15px;
244
247
  }
245
248
  .cv-picker-item-placeholder {
246
249
  color: grey;
@@ -295,6 +295,8 @@ export default {
295
295
  <style>
296
296
  .cv-picker {
297
297
  min-height: 35px;
298
+ display: flex;
299
+ flex: 1;
298
300
  }
299
301
  .cv-picker-item {
300
302
  height: 35px;
@@ -302,6 +304,7 @@ export default {
302
304
  float: left;
303
305
  margin-right: 10px;
304
306
  width: 100%;
307
+ font-size: 15px;
305
308
  }
306
309
  .cv-picker-item-placeholder {
307
310
  color: grey;
@@ -112,7 +112,7 @@ export default {
112
112
  .cv-textarea__content {
113
113
  min-height: 65px;
114
114
  line-height: 1.5em;
115
- font-size: 14px;
115
+ font-size: 15px;
116
116
  width: auto;
117
117
  }
118
118
  .cv-textarea__border {
@@ -18,7 +18,7 @@
18
18
 
19
19
  <script>
20
20
  export default {
21
- name: 'cvPickerTime',
21
+ name: 'cvTimeBase',
22
22
  props: {
23
23
  //默认输入框
24
24
  value: {
@@ -85,13 +85,14 @@ export default {
85
85
  <style>
86
86
  .cv-time-base {
87
87
  min-height: 35px;
88
+ display: flex;
89
+ flex: 1;
88
90
  }
89
91
  .cv-time-base-item {
90
92
  height: 35px;
91
93
  line-height: 35px;
92
- float: left;
93
- margin-right: 10px;
94
94
  width: 100%;
95
+ margin-left: 20px;
95
96
  }
96
97
  .cv-time-base-placeholder {
97
98
  color: grey;
@@ -1,256 +0,0 @@
1
- <template>
2
- <view class="cv-cell">
3
- <view class="cv-cell-box">
4
- <view class="cv-cell-main" :class="sublabel && 'cv-cell-main-big'" @tap="jump">
5
- <view class="cv-cell-main-left">
6
- <view class="cv-cell-main-left-icon" v-if="image || $slots.before">
7
- <image class="cv-cell-main-left-icon-image" :src="image" mode="aspectFit" v-if="image" />
8
- <slot name="before" v-else />
9
- </view>
10
- <view class="cv-cell-main-left-text" :class="!image && !$slots.before ? 'cv-cell-main-left-text-noimage' : ''">
11
- <view class="cv-cell-main-left-text-intact" v-if="!sublabel">
12
- {{ label }}
13
- </view>
14
- <view class="cv-cell-main-left-text-double" v-else>
15
- <view class="cv-cell-main-left-text-label">
16
- {{ label }}
17
- </view>
18
- <view class="cv-cell-main-left-text-sublabel">
19
- {{ sublabel }}
20
- </view>
21
- </view>
22
- </view>
23
- </view>
24
- <view class="cv-cell-main-center" :class="url == '' && !$attrs.click ? 'cv-cell-main-center-nourl' : ''">
25
- <view class="cv-cell-main-center-intact" v-if="!subexplain">
26
- {{ explain }}
27
- </view>
28
- <view class="cv-cell-main-center-double" v-else>
29
- <view class="cv-cell-main-center-explain">
30
- {{ explain }}
31
- </view>
32
- <view class="cv-cell-main-center-subexplain">
33
- {{ subexplain }}
34
- </view>
35
- </view>
36
- </view>
37
- <view class="cv-cell-main-more" v-if="url || $attrs.click">
38
- <view class="cv-cell-main-more-top"></view>
39
- <view class="cv-cell-main-more-bottom"></view>
40
- </view>
41
- </view>
42
- <view class="cv-cell-message" v-if="message">
43
- {{ message }}
44
- </view>
45
- </view>
46
- </view>
47
- </template>
48
-
49
- <script>
50
- export default {
51
- emits: ['click'],
52
- name: 'cvCell',
53
- options: {
54
- addGlobalClass: true
55
- },
56
- props: {
57
- url: {
58
- type: String,
59
- default: ''
60
- },
61
- urlType: {
62
- type: String,
63
- default() {
64
- return 'navigateTo';
65
- }
66
- },
67
- label: {
68
- type: String,
69
- default: ''
70
- },
71
- sublabel: {
72
- type: String,
73
- default: ''
74
- },
75
- explain: {
76
- type: String,
77
- default: ''
78
- },
79
- subexplain: {
80
- type: String,
81
- default: ''
82
- },
83
- image: {
84
- type: String,
85
- default: ''
86
- },
87
- message: {
88
- type: String,
89
- default: ''
90
- }
91
- },
92
- watch: {
93
- dataLists(newVal) {
94
- this._dealDataLists();
95
- }
96
- },
97
- data() {
98
- return {};
99
- },
100
- created() {
101
- // console.log(this.$slots);
102
- },
103
- methods: {
104
- jump() {
105
- if (typeof this.url == 'string' && this.url) {
106
- const url = this.url;
107
- switch (this.urlType) {
108
- case 'redirectTo': //关闭当前页面,跳转到应用内的某个页面。
109
- uni.redirectTo({
110
- url: this.url
111
- });
112
- break;
113
- case 'reLaunch': //关闭所有页面,打开到应用内的某个页面。
114
- uni.reLaunch({
115
- url: this.url
116
- });
117
- break;
118
- case 'switchTab': //跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。
119
- uni.switchTab({
120
- url: this.url
121
- });
122
- break;
123
- default: //默认【navigateTo】 保留当前页面,跳转到应用内的某个页面
124
- uni.navigateTo({
125
- url: this.url
126
- });
127
- }
128
- } else {
129
- this.$emit('click');
130
- }
131
- }
132
- }
133
- };
134
- </script>
135
- <style>
136
- /* #ifndef MP-WEIXIN */
137
- .cv-cell:last-child .cv-cell-main {
138
- border-bottom: none;
139
- }
140
- /* #endif */
141
- /* #ifdef MP-WEIXIN */
142
- cv-cell:last-child .cv-cell-main {
143
- border-bottom: none;
144
- }
145
- /* #endif */
146
- .cv-cell-box {
147
- height: auto;
148
- background-color: #ffffff;
149
- padding-left: 15px;
150
- }
151
- .cv-cell-main {
152
- padding: 5px 15px 5px 0;
153
- border-bottom: solid 1px #f1f1f1;
154
- display: flex;
155
- }
156
- .cv-cell-main-big {
157
- padding: 9px 15px 9px 0;
158
- }
159
- .cv-cell-main-left {
160
- width: 200px;
161
- display: flex;
162
- }
163
- .cv-cell-main-left-icon {
164
- width: 20px;
165
- height: 40px;
166
- line-height: 40px;
167
- }
168
- .cv-cell-main-left-icon-image {
169
- width: 20px;
170
- height: 40px;
171
- }
172
- .cv-cell-main-left-text {
173
- width: calc(100% - 20px);
174
- padding-left: 10px;
175
- }
176
- .cv-cell-main-left-text-noimage {
177
- width: 100%;
178
- padding-left: 0px;
179
- }
180
- .cv-cell-main-left-text-intact {
181
- font-size: 15px;
182
- height: 40px;
183
- line-height: 40px;
184
- overflow: hidden;
185
- }
186
- .cv-cell-main-left-text-label {
187
- font-size: 15px;
188
- line-height: 22px;
189
- height: 22px;
190
- overflow: hidden;
191
- }
192
- .cv-cell-main-left-text-sublabel {
193
- font-size: 12px;
194
- color: #999999;
195
- line-height: 18px;
196
- height: 18px;
197
- overflow: hidden;
198
- }
199
- .cv-cell-main-center {
200
- width: calc(100% - 200px - 20px);
201
- display: table;
202
- height: 40px;
203
- padding-left: 10px;
204
- }
205
- .cv-cell-main-center-explain,
206
- .cv-cell-main-center-subexplain {
207
- font-size: 14px;
208
- color: #999999;
209
- line-height: 20px;
210
- height: 20px;
211
- overflow: hidden;
212
- text-align: right;
213
- }
214
-
215
- .cv-cell-main-center-nourl {
216
- width: calc(100% - 200px);
217
- }
218
- .cv-cell-main-center-intact {
219
- font-size: 14px;
220
- color: #999999;
221
- display: table-cell;
222
- vertical-align: middle;
223
- line-height: 20px;
224
- height: 40px;
225
- overflow: hidden;
226
- max-height: 40px;
227
- text-align: right;
228
- }
229
-
230
- .cv-cell-main-more {
231
- height: 40px;
232
- width: 20px;
233
- }
234
- .cv-cell-main-more-top,
235
- .cv-cell-main-more-bottom {
236
- width: 10px;
237
- height: 2px;
238
- background-color: #c1c1c1;
239
- position: relative;
240
- left: 10px;
241
- }
242
- .cv-cell-main-more-top {
243
- transform: rotate(45deg);
244
- top: 16px;
245
- }
246
- .cv-cell-main-more-bottom {
247
- transform: rotate(-45deg);
248
- top: 20px;
249
- }
250
- .cv-cell-message {
251
- font-size: 13px;
252
- color: #999999;
253
- line-height: 1.5em;
254
- padding: 5px 15px 5px 0;
255
- }
256
- </style>
@@ -1,30 +0,0 @@
1
- <template>
2
- <view class="cv-form-merge">
3
- <slot />
4
- </view>
5
- </template>
6
- <script>
7
- export default {
8
- name: 'cvFormMerge',
9
- props: {},
10
- data() {
11
- return {};
12
- },
13
- created() {}
14
- };
15
- </script>
16
-
17
- <style>
18
- .cv-form-merge {
19
- margin-bottom: 10px;
20
- background-color: #ffffff;
21
- overflow: auto;
22
- }
23
- .cv-form-merge /deep/ .cv-form-item {
24
- float: left;
25
- box-sizing: border-box;
26
- }
27
- .cv-form-merge /deep/ .cv-form-item:nth-child(n + 2) {
28
- border-bottom: solid 1px #eee;
29
- }
30
- </style>