dolphin-weex-ui 2.3.8 → 2.3.10

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dolphin-weex-ui",
3
- "version": "2.3.8",
3
+ "version": "2.3.10",
4
4
  "description": "inteligense cross platform frame",
5
5
  "main": "index.js",
6
6
  "directories": {
@@ -97,8 +97,8 @@ export default {
97
97
  type: Object,
98
98
  default: () => ({
99
99
  hasAnimation: true,
100
- // timingFunction: ['ease-in', 'ease-out'],
101
- timingFunction: 'cubic-bezier(0.25, 0.1, 0.25, 1.0)',
100
+ timingFunction: ['cubic-bezier(0.25, 0.1, 0.25, 1.0)', 'cubic-bezier(0.25, 0.1, 0.25, 1.0)'],
101
+ //timingFunction: 'cubic-bezier(0.25, 0.1, 0.25, 1.0)',
102
102
  canAutoClose: false,
103
103
  duration: 300,
104
104
  opacity: 0.3
@@ -20,7 +20,8 @@
20
20
  :src="ICON_ARROW_DOWN"
21
21
  resize="contain"
22
22
  ></image> -->
23
- <loading-indicator class="indicator"></loading-indicator>
23
+ <!-- <loading-indicator class="indicator"></loading-indicator> -->
24
+ <midea-apng-view v-if="refreshing" :loop="true" :auto="true" :src="loadingIcon" class="indicator"></midea-apng-view>
24
25
  <text class="u-txt" v-if="refresherText">{{ refresherText }}</text>
25
26
  </refresh>
26
27
  </template>
@@ -62,7 +63,8 @@ export default {
62
63
  return {
63
64
  ICON_ARROW_DOWN,
64
65
  refreshing: false,
65
- couldUnLash: false
66
+ couldUnLash: false,
67
+ loadingIcon: 'http://dolphin-weex-dev.msmartlife.cn/cdn/images/common/loading_gray.png'
66
68
  }
67
69
  },
68
70
  computed: {
@@ -228,9 +230,11 @@ export default {
228
230
  .dof-refresher {
229
231
  height: 140px;
230
232
  width: 750px;
233
+ display: flex;
231
234
  flex-direction: row;
232
235
  /* flex-wrap: nowrap; */
233
236
  justify-content: center;
237
+ align-items: center;
234
238
  padding-top: 50px;
235
239
  }
236
240
 
@@ -268,7 +272,7 @@ export default {
268
272
  top: 0;
269
273
  /* box-sizing: border-box; */
270
274
  border-width: 2px;
271
- border-color: #616C73;
275
+ border-color: #616c73;
272
276
  border-style: solid;
273
277
  border-radius: 30px;
274
278
  opacity: 0;
@@ -280,9 +284,9 @@ export default {
280
284
 
281
285
  .indicator {
282
286
  /* margin-right: 20px; */
283
- height: 60px;
284
- width: 60px;
285
- color: #616C73;
287
+ height: 35px;
288
+ width: 35px;
289
+ color: #616c73;
286
290
  }
287
291
 
288
292
  .arrow-down {
@@ -297,7 +301,7 @@ export default {
297
301
  .u-txt {
298
302
  font-size: 24px;
299
303
  line-height: 40px;
300
- color: #8E969B;
304
+ color: #8e969b;
301
305
  margin-top: 10px;
302
306
  margin-left: 10px;
303
307
  height: 40px;