iov-design 2.15.82 → 2.15.83
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/lib/image.js +5 -4
- package/lib/index.js +1 -1
- package/lib/iov-design.common.js +41 -18
- package/lib/message.js +26 -4
- package/lib/theme-chalk/image.css +1 -1
- package/lib/theme-chalk/index.css +1 -1
- package/lib/utils/popper.js +6 -1
- package/lib/utils/vue-popper.js +8 -1
- package/package.json +1 -1
- package/packages/image/src/main.vue +3 -2
- package/packages/message/src/main.js +23 -0
- package/packages/message/src/main.vue +2 -1
- package/packages/theme-chalk/src/image.scss +7 -0
- package/src/index.js +1 -1
- package/src/utils/popper.js +5 -1
- package/src/utils/vue-popper.js +8 -1
package/lib/iov-design.common.js
CHANGED
|
@@ -25426,18 +25426,18 @@ spinner.install = function (Vue) {
|
|
|
25426
25426
|
};
|
|
25427
25427
|
|
|
25428
25428
|
/* harmony default export */ var packages_spinner = (spinner);
|
|
25429
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/message/src/main.vue?vue&type=template&id=
|
|
25430
|
-
var
|
|
25429
|
+
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/message/src/main.vue?vue&type=template&id=0c0fce37
|
|
25430
|
+
var mainvue_type_template_id_0c0fce37_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"el-message-fade"},on:{"after-leave":_vm.handleAfterLeave}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],class:[
|
|
25431
25431
|
'el-message',
|
|
25432
25432
|
_vm.type && !_vm.iconClass ? ("el-message--" + _vm.type) : '',
|
|
25433
25433
|
_vm.center ? 'is-center' : '',
|
|
25434
25434
|
_vm.showClose ? 'is-closable' : '',
|
|
25435
25435
|
_vm.customClass
|
|
25436
25436
|
],style:(_vm.positionStyle),attrs:{"role":"alert"},on:{"mouseenter":_vm.clearTimer,"mouseleave":_vm.startTimer}},[(_vm.iconClass)?_c('i',{class:_vm.iconClass}):_c('i',{class:_vm.typeClass}),_vm._t("default",[(!_vm.dangerouslyUseHTMLString)?_c('p',{staticClass:"el-message__content"},[_vm._v(_vm._s(_vm.message))]):_c('p',{staticClass:"el-message__content",domProps:{"innerHTML":_vm._s(_vm.message)}})]),(_vm.showClose)?_c('i',{staticClass:"el-message__closeBtn iov-icon-close",on:{"click":_vm.close}}):_vm._e()],2)])}
|
|
25437
|
-
var
|
|
25438
|
-
|
|
25437
|
+
var mainvue_type_template_id_0c0fce37_staticRenderFns = []
|
|
25438
|
+
mainvue_type_template_id_0c0fce37_render._withStripped = true
|
|
25439
25439
|
|
|
25440
|
-
// CONCATENATED MODULE: ./packages/message/src/main.vue?vue&type=template&id=
|
|
25440
|
+
// CONCATENATED MODULE: ./packages/message/src/main.vue?vue&type=template&id=0c0fce37
|
|
25441
25441
|
|
|
25442
25442
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/message/src/main.vue?vue&type=script&lang=js
|
|
25443
25443
|
//
|
|
@@ -25489,7 +25489,8 @@ var src_mainvue_type_script_lang_js_typeMap = {
|
|
|
25489
25489
|
verticalOffset: 46,
|
|
25490
25490
|
timer: null,
|
|
25491
25491
|
dangerouslyUseHTMLString: false,
|
|
25492
|
-
center: false
|
|
25492
|
+
center: false,
|
|
25493
|
+
repeatNum: 1 // 合并消息数, 暂未渲染
|
|
25493
25494
|
};
|
|
25494
25495
|
},
|
|
25495
25496
|
|
|
@@ -25567,8 +25568,8 @@ var src_mainvue_type_script_lang_js_typeMap = {
|
|
|
25567
25568
|
|
|
25568
25569
|
var message_src_main_component = normalizeComponent(
|
|
25569
25570
|
packages_message_src_mainvue_type_script_lang_js,
|
|
25570
|
-
|
|
25571
|
-
|
|
25571
|
+
mainvue_type_template_id_0c0fce37_render,
|
|
25572
|
+
mainvue_type_template_id_0c0fce37_staticRenderFns,
|
|
25572
25573
|
false,
|
|
25573
25574
|
null,
|
|
25574
25575
|
null,
|
|
@@ -25599,9 +25600,27 @@ var main_Message = function Message(options) {
|
|
|
25599
25600
|
options = options || {};
|
|
25600
25601
|
if (typeof options === 'string') {
|
|
25601
25602
|
options = {
|
|
25603
|
+
grouping: true,
|
|
25602
25604
|
message: options
|
|
25603
25605
|
};
|
|
25606
|
+
} else {
|
|
25607
|
+
options = main_extends({
|
|
25608
|
+
grouping: true
|
|
25609
|
+
}, options);
|
|
25610
|
+
}
|
|
25611
|
+
// ========== grouping 逻辑 ==========
|
|
25612
|
+
if (options.grouping) {
|
|
25613
|
+
var last = main_instances[main_instances.length - 1];
|
|
25614
|
+
|
|
25615
|
+
// 字符串形式时
|
|
25616
|
+
var messageStr = typeof options === 'string' ? options : options.message;
|
|
25617
|
+
|
|
25618
|
+
if (last && !last.closed && last.message === messageStr) {
|
|
25619
|
+
last.repeatNum++;
|
|
25620
|
+
return last; // 直接返回,不创建新 toast
|
|
25621
|
+
}
|
|
25604
25622
|
}
|
|
25623
|
+
// =================================================
|
|
25605
25624
|
var userOnClose = options.onClose;
|
|
25606
25625
|
var id = 'message_' + main_seed++;
|
|
25607
25626
|
|
|
@@ -25632,11 +25651,14 @@ var main_Message = function Message(options) {
|
|
|
25632
25651
|
['success', 'warning', 'info', 'error'].forEach(function (type) {
|
|
25633
25652
|
main_Message[type] = function (options) {
|
|
25634
25653
|
if (Object(types_["isObject"])(options) && !Object(vdom_["isVNode"])(options)) {
|
|
25635
|
-
return main_Message(main_extends({
|
|
25654
|
+
return main_Message(main_extends({
|
|
25655
|
+
grouping: true
|
|
25656
|
+
}, options, {
|
|
25636
25657
|
type: type
|
|
25637
25658
|
}));
|
|
25638
25659
|
}
|
|
25639
25660
|
return main_Message({
|
|
25661
|
+
grouping: true,
|
|
25640
25662
|
type: type,
|
|
25641
25663
|
message: options
|
|
25642
25664
|
});
|
|
@@ -31075,12 +31097,12 @@ divider_src_main.install = function (Vue) {
|
|
|
31075
31097
|
};
|
|
31076
31098
|
|
|
31077
31099
|
/* harmony default export */ var divider = (divider_src_main);
|
|
31078
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/image/src/main.vue?vue&type=template&id=
|
|
31079
|
-
var
|
|
31080
|
-
var
|
|
31081
|
-
|
|
31100
|
+
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/image/src/main.vue?vue&type=template&id=431d058f
|
|
31101
|
+
var mainvue_type_template_id_431d058f_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-image",class:{'el-image__border': _vm.border}},[(_vm.loading)?_vm._t("placeholder",[_c('div',{staticClass:"el-image__placeholder"})]):(_vm.error)?_vm._t("error",[_c('div',{staticClass:"el-image__error"},[_vm._v(_vm._s(_vm.t('el.image.error')))])]):_c('img',_vm._g(_vm._b({staticClass:"el-image__inner",class:{ 'el-image__inner--center': _vm.alignCenter, 'el-image__preview': _vm.preview },style:(_vm.imageStyle),attrs:{"src":_vm.src},on:{"click":_vm.clickHandler}},'img',_vm.$attrs,false),_vm.$listeners)),(_vm.preview)?[(_vm.showViewer)?_c('image-viewer',{attrs:{"z-index":_vm.zIndex,"initial-index":_vm.imageIndex,"on-close":_vm.closeViewer,"url-list":_vm.previewSrcList}}):_vm._e()]:_vm._e()],2)}
|
|
31102
|
+
var mainvue_type_template_id_431d058f_staticRenderFns = []
|
|
31103
|
+
mainvue_type_template_id_431d058f_render._withStripped = true
|
|
31082
31104
|
|
|
31083
|
-
// CONCATENATED MODULE: ./packages/image/src/main.vue?vue&type=template&id=
|
|
31105
|
+
// CONCATENATED MODULE: ./packages/image/src/main.vue?vue&type=template&id=431d058f
|
|
31084
31106
|
|
|
31085
31107
|
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/image/src/image-viewer.vue?vue&type=template&id=17a2e862
|
|
31086
31108
|
var image_viewervue_type_template_id_17a2e862_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"viewer-fade"}},[_c('div',{ref:"el-image-viewer__wrapper",staticClass:"el-image-viewer__wrapper",style:({ 'z-index': _vm.viewerZIndex }),attrs:{"tabindex":"-1"}},[_c('div',{staticClass:"el-image-viewer__mask",on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.handleMaskClick($event)}}}),_c('span',{staticClass:"el-image-viewer__btn el-image-viewer__close",on:{"click":_vm.hide}},[_c('i',{staticClass:"el-icon-close"})]),(!_vm.isSingle)?[_c('span',{staticClass:"el-image-viewer__btn el-image-viewer__prev",class:{ 'is-disabled': !_vm.infinite && _vm.isFirst },on:{"click":_vm.prev}},[_c('i',{staticClass:"el-icon-arrow-left"})]),_c('span',{staticClass:"el-image-viewer__btn el-image-viewer__next",class:{ 'is-disabled': !_vm.infinite && _vm.isLast },on:{"click":_vm.next}},[_c('i',{staticClass:"el-icon-arrow-right"})])]:_vm._e(),_c('div',{staticClass:"el-image-viewer__btn el-image-viewer__actions"},[_c('div',{staticClass:"el-image-viewer__actions__inner"},[_c('i',{staticClass:"el-icon-zoom-out",on:{"click":function($event){_vm.handleActions('zoomOut')}}}),_c('i',{staticClass:"el-icon-zoom-in",on:{"click":function($event){_vm.handleActions('zoomIn')}}}),_c('i',{staticClass:"el-image-viewer__actions__divider"}),_c('i',{class:_vm.mode.icon,on:{"click":_vm.toggleMode}}),_c('i',{staticClass:"el-image-viewer__actions__divider"}),_c('i',{staticClass:"el-icon-refresh-left",on:{"click":function($event){_vm.handleActions('anticlocelise')}}}),_c('i',{staticClass:"el-icon-refresh-right",on:{"click":function($event){_vm.handleActions('clocelise')}}})])]),_c('div',{staticClass:"el-image-viewer__canvas"},_vm._l((_vm.urlList),function(url,i){return (i === _vm.index)?_c('img',{key:url,ref:"img",refInFor:true,staticClass:"el-image-viewer__img",style:(_vm.imgStyle),attrs:{"src":_vm.currentImg},on:{"load":_vm.handleImgLoad,"error":_vm.handleImgError,"mousedown":_vm.handleMouseDown}}):_vm._e()}),0)],2)])}
|
|
@@ -31538,7 +31560,8 @@ var prevOverflow = '';
|
|
|
31538
31560
|
type: Number,
|
|
31539
31561
|
default: 2000
|
|
31540
31562
|
},
|
|
31541
|
-
initialIndex: Number
|
|
31563
|
+
initialIndex: Number,
|
|
31564
|
+
border: Boolean
|
|
31542
31565
|
},
|
|
31543
31566
|
|
|
31544
31567
|
data: function data() {
|
|
@@ -31742,8 +31765,8 @@ var prevOverflow = '';
|
|
|
31742
31765
|
|
|
31743
31766
|
var image_src_main_component = normalizeComponent(
|
|
31744
31767
|
packages_image_src_mainvue_type_script_lang_js,
|
|
31745
|
-
|
|
31746
|
-
|
|
31768
|
+
mainvue_type_template_id_431d058f_render,
|
|
31769
|
+
mainvue_type_template_id_431d058f_staticRenderFns,
|
|
31747
31770
|
false,
|
|
31748
31771
|
null,
|
|
31749
31772
|
null,
|
|
@@ -35876,7 +35899,7 @@ if (typeof window !== 'undefined' && window.Vue) {
|
|
|
35876
35899
|
}
|
|
35877
35900
|
|
|
35878
35901
|
/* harmony default export */ var src_0 = __webpack_exports__["default"] = ({
|
|
35879
|
-
version: '2.15.
|
|
35902
|
+
version: '2.15.83',
|
|
35880
35903
|
locale: lib_locale_default.a.use,
|
|
35881
35904
|
i18n: lib_locale_default.a.i18n,
|
|
35882
35905
|
install: src_install,
|
package/lib/message.js
CHANGED
|
@@ -231,7 +231,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
231
231
|
var external_vue_ = __webpack_require__(8);
|
|
232
232
|
var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
|
|
233
233
|
|
|
234
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/message/src/main.vue?vue&type=template&id=
|
|
234
|
+
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/message/src/main.vue?vue&type=template&id=0c0fce37
|
|
235
235
|
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"el-message-fade"},on:{"after-leave":_vm.handleAfterLeave}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],class:[
|
|
236
236
|
'el-message',
|
|
237
237
|
_vm.type && !_vm.iconClass ? ("el-message--" + _vm.type) : '',
|
|
@@ -242,7 +242,7 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
|
|
|
242
242
|
var staticRenderFns = []
|
|
243
243
|
render._withStripped = true
|
|
244
244
|
|
|
245
|
-
// CONCATENATED MODULE: ./packages/message/src/main.vue?vue&type=template&id=
|
|
245
|
+
// CONCATENATED MODULE: ./packages/message/src/main.vue?vue&type=template&id=0c0fce37
|
|
246
246
|
|
|
247
247
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/message/src/main.vue?vue&type=script&lang=js
|
|
248
248
|
//
|
|
@@ -294,7 +294,8 @@ var typeMap = {
|
|
|
294
294
|
verticalOffset: 46,
|
|
295
295
|
timer: null,
|
|
296
296
|
dangerouslyUseHTMLString: false,
|
|
297
|
-
center: false
|
|
297
|
+
center: false,
|
|
298
|
+
repeatNum: 1 // 合并消息数, 暂未渲染
|
|
298
299
|
};
|
|
299
300
|
},
|
|
300
301
|
|
|
@@ -413,9 +414,27 @@ var main_Message = function Message(options) {
|
|
|
413
414
|
options = options || {};
|
|
414
415
|
if (typeof options === 'string') {
|
|
415
416
|
options = {
|
|
417
|
+
grouping: true,
|
|
416
418
|
message: options
|
|
417
419
|
};
|
|
420
|
+
} else {
|
|
421
|
+
options = _extends({
|
|
422
|
+
grouping: true
|
|
423
|
+
}, options);
|
|
418
424
|
}
|
|
425
|
+
// ========== grouping 逻辑 ==========
|
|
426
|
+
if (options.grouping) {
|
|
427
|
+
var last = instances[instances.length - 1];
|
|
428
|
+
|
|
429
|
+
// 字符串形式时
|
|
430
|
+
var messageStr = typeof options === 'string' ? options : options.message;
|
|
431
|
+
|
|
432
|
+
if (last && !last.closed && last.message === messageStr) {
|
|
433
|
+
last.repeatNum++;
|
|
434
|
+
return last; // 直接返回,不创建新 toast
|
|
435
|
+
}
|
|
436
|
+
}
|
|
437
|
+
// =================================================
|
|
419
438
|
var userOnClose = options.onClose;
|
|
420
439
|
var id = 'message_' + seed++;
|
|
421
440
|
|
|
@@ -446,11 +465,14 @@ var main_Message = function Message(options) {
|
|
|
446
465
|
['success', 'warning', 'info', 'error'].forEach(function (type) {
|
|
447
466
|
main_Message[type] = function (options) {
|
|
448
467
|
if (Object(types_["isObject"])(options) && !Object(vdom_["isVNode"])(options)) {
|
|
449
|
-
return main_Message(_extends({
|
|
468
|
+
return main_Message(_extends({
|
|
469
|
+
grouping: true
|
|
470
|
+
}, options, {
|
|
450
471
|
type: type
|
|
451
472
|
}));
|
|
452
473
|
}
|
|
453
474
|
return main_Message({
|
|
475
|
+
grouping: true,
|
|
454
476
|
type: type,
|
|
455
477
|
message: options
|
|
456
478
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.el-image__error,.el-image__placeholder{background:#F5F7FA}.el-image__error,.el-image__inner,.el-image__placeholder{width:100%;height:100%}.el-image{position:relative;display:inline-block;overflow:hidden}.el-image__inner{vertical-align:top}.el-image__inner--center{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block}.el-image__error{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#C6C7CA;vertical-align:middle}.el-image__preview{cursor:pointer}.el-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.el-image-viewer__btn{position:absolute;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;opacity:.8;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-image-viewer__close{top:40px;right:40px;width:40px;height:40px;font-size:24px;color:#fff;background-color:#606266}.el-image-viewer__canvas{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-image-viewer__actions{left:50%;bottom:30px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:282px;height:44px;padding:0 23px;background-color:#606266;border-color:#fff;border-radius:22px}.el-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.el-image-viewer__next,.el-image-viewer__prev{top:50%;width:44px;height:44px;font-size:24px;color:#fff;background-color:#606266;border-color:#fff}.el-image-viewer__prev{-webkit-transform:translateY(-50%);transform:translateY(-50%);left:40px}.el-image-viewer__next{-webkit-transform:translateY(-50%);transform:translateY(-50%);right:40px;text-indent:2px}.el-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.viewer-fade-enter-active{-webkit-animation:viewer-fade-in .3s;animation:viewer-fade-in .3s}.viewer-fade-leave-active{-webkit-animation:viewer-fade-out .3s;animation:viewer-fade-out .3s}@-webkit-keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}
|
|
1
|
+
.el-image__error,.el-image__placeholder{background:#F5F7FA}.el-image__error,.el-image__inner,.el-image__placeholder{width:100%;height:100%}.el-image{position:relative;display:inline-block;overflow:hidden}.el-image__border{border:1px solid #DCDFE6;border-radius:4px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.el-image__inner{vertical-align:top}.el-image__inner--center{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block}.el-image__error{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#C6C7CA;vertical-align:middle}.el-image__preview{cursor:pointer}.el-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.el-image-viewer__btn{position:absolute;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;opacity:.8;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-image-viewer__close{top:40px;right:40px;width:40px;height:40px;font-size:24px;color:#fff;background-color:#606266}.el-image-viewer__canvas{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-image-viewer__actions{left:50%;bottom:30px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:282px;height:44px;padding:0 23px;background-color:#606266;border-color:#fff;border-radius:22px}.el-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.el-image-viewer__next,.el-image-viewer__prev{top:50%;width:44px;height:44px;font-size:24px;color:#fff;background-color:#606266;border-color:#fff}.el-image-viewer__prev{-webkit-transform:translateY(-50%);transform:translateY(-50%);left:40px}.el-image-viewer__next{-webkit-transform:translateY(-50%);transform:translateY(-50%);right:40px;text-indent:2px}.el-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.viewer-fade-enter-active{-webkit-animation:viewer-fade-in .3s;animation:viewer-fade-in .3s}.viewer-fade-leave-active{-webkit-animation:viewer-fade-out .3s;animation:viewer-fade-out .3s}@-webkit-keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}
|