vl-layer
Version:
vue-layer修复版vl-layer，一款好用的vue弹窗组件，layui-layer弹窗风格
601 lines (519 loc) • 29.7 kB
CSS
.notify-btn[data-v-56ca3248] {
position: relative;
display: inline-block;
padding: 6px 10px;
margin-bottom: 0;
font-size: 14px;
min-width: 10px;
text-align: center;
white-space: nowrap;
vertical-align: top;
cursor: pointer;
background-color: #f7f7f7;
border: 1px solid #dddee1;
border-radius: 4px;
outline: 0;
-webkit-appearance: none
}
.notify-btn.active[data-v-56ca3248],
.notify-btn[data-v-56ca3248]:active {
color: inherit;
background-color: #e3e3e3
}
.btn-default[data-v-56ca3248] {
color: #fff;
background-color: #f7f7f7;
border: 1px solid #eaeaea;
color: #000
}
.btn-default.active[data-v-56ca3248],
.btn-default.hover[data-v-56ca3248],
.btn-default[data-v-56ca3248]:active,
.btn-default[data-v-56ca3248]:hover {
color: #fff;
background-color: #e3e3e3
}
.btn-default[data-v-56ca3248]:hover {
color: #000;
opacity: .8
}
.notify-btn-primary[data-v-56ca3248] {
color: #fff;
background-color: #20a0ff;
border: 1px solid #0695ff
}
.notify-btn-primary.active[data-v-56ca3248],
.notify-btn-primary.hover[data-v-56ca3248],
.notify-btn-primary[data-v-56ca3248]:active,
.notify-btn-primary[data-v-56ca3248]:hover {
color: #fff;
background-color: #008df6
}
.notify-btn-default.active[data-v-56ca3248],
.notify-btn-default.hover[data-v-56ca3248],
.notify-btn-default[data-v-56ca3248]:active,
.notify-btn-default[data-v-56ca3248]:hover {
color: #666
}
.notify-btn-success[data-v-56ca3248] {
color: #fff;
background-color: #449d44;
border: 1px solid #3c8b3c
}
.notify-btn-success.active[data-v-56ca3248],
.notify-btn-success.hover[data-v-56ca3248],
.notify-btn-success[data-v-56ca3248]:active,
.notify-btn-success[data-v-56ca3248]:hover {
color: #fff;
background-color: #388138
}
.notify-btn-info[data-v-56ca3248] {
color: #fff;
background-color: #31b0d5;
border: 1px solid #28a1c4
}
.notify-btn-info.active[data-v-56ca3248],
.notify-btn-info.hover[data-v-56ca3248],
.notify-btn-info[data-v-56ca3248]:active,
.notify-btn-info[data-v-56ca3248]:hover {
color: #fff;
background-color: #2597b8
}
.notify-btn-warning[data-v-56ca3248] {
color: #fff;
background-color: #ec971f;
border: 1px solid #df8a13
}
.notify-btn-warning.active[data-v-56ca3248],
.notify-btn-warning.hover[data-v-56ca3248],
.notify-btn-warning[data-v-56ca3248]:active,
.notify-btn-warning[data-v-56ca3248]:hover {
color: #fff;
background-color: #d18112
}
.notify-btn-danger[data-v-56ca3248] {
color: #fff;
background-color: #d9534f;
border: 1px solid #d43f3a
}
.notify-btn-danger.active[data-v-56ca3248],
.notify-btn-danger.hover[data-v-56ca3248],
.notify-btn-danger[data-v-56ca3248]:active,
.notify-btn-danger[data-v-56ca3248]:hover {
color: #fff;
background-color: #d2322d
}
.btn-small[data-v-56ca3248] {
font-size: 12px;
min-width: 31px;
min-height: 14px;
padding: 6px 9px
}
.vl-input[data-v-6c69dd9a] {
height: 35px;
line-height: 35px;
padding: 0 15px
}
.vl-input[data-v-6c69dd9a],
.vl-textarea[data-v-6c69dd9a] {
width: 100%;
background-color: #fff;
background-image: none;
border-radius: 4px;
border: 1px solid #dcdfe6;
color: #606266;
display: inline-block;
-webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.vl-textarea[data-v-6c69dd9a] {
line-height: 22px;
padding: 10px;
word-break: break-all;
height: calc(100% - 70px)
}
.prompt-btn[data-v-6c69dd9a] {
margin-top: 30px;
text-align: right;
margin-bottom: 10px
}
.prompt-btn button[data-v-6c69dd9a] {
margin-right: 10px
}
.prompt-btn button[data-v-6c69dd9a]:last-child {
margin-right: 0
}
@font-face {
font-family: vlayer;
src: url(data:application/vnd.ms-fontobject;base64,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BQX0tNj+4gUFAR7Y2AEdBgb+49gSFRUjFQEBFRESFRUjFRUxBfS0tfQEBPS1tPQDowX+4tjY/uMGBgEd2NgBHuUVEv7IERUVEQE4EhX+LBUkFBQkFQAAAAAE/+3/bQQTA5MADwATACIAMQAAASEOAQcRHgEXIT4BNxEuAQMhESEBPgE3IRU3JxUhDgEHFTMXIT4BNzUjFQ4BByE1BxcDv/yCJC4BAS4kA34kLgEBLiT8ggN+/WEBFxIBWY+P/qc1RgFSPQFZNUYBUgEXEv6nj48DkgEuJPyCJC4BAS4kA34kLvwwA37+qhIXAUNsbUQBRjV51gJGNXh4EhcBQ2xtAAAEAAD/ggP+A34AFwAvAEcAXwAAFzMyFhQGByEuAScRPgEyFh0BATYyFhQHASMiJjQ2NyEeARcRDgEiJj0BAQYiJjQ3ATU0NjIWFxEOAQchLgE0NjsBASY0NjIXARUUBiImJxE+ATchHgEUBisBARYUBiInf8sPFRUP/t0QFAEBFB8VAQAMHRUKAgPMDxUVDwEjEBQBARQfFf8ACx4VCgE0FR8UAQEUEP7dDxUVD8v/AAoVHgv9lhUfFAEBFBABIw8VFQ/LAQAKFR0MNRUfFAEBFBABIw8VFQ/MAQEKFR4LAmoVHxQBARQQ/t0PFRUPy/8AChUdDP3Kyw8VFQ/+3RAUAQEUHxUBAAseFQoCAssPFRUPASMQFAEBFB8V/wAMHRUKAAAAAAASAN4AAQAAAAAAAAAVAAAAAQAAAAAAAQAGABUAAQAAAAAAAgAHABsAAQAAAAAAAwAGACIAAQAAAAAABAAGACgAAQAAAAAABQALAC4AAQAAAAAABgAGADkAAQAAAAAACgArAD8AAQAAAAAACwATAGoAAwABBAkAAAAqAH0AAwABBAkAAQAMAKcAAwABBAkAAgAOALMAAwABBAkAAwAMAMEAAwABBAkABAAMAM0AAwABBAkABQAWANkAAwABBAkABgAMAO8AAwABBAkACgBWAPsAAwABBAkACwAmAVEKQ3JlYXRlZCBieSBpY29uZm9udAp2bGF5ZXJSZWd1bGFydmxheWVydmxheWVyVmVyc2lvbiAxLjB2bGF5ZXJHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQAKAEMAcgBlAGEAdABlAGQAIABiAHkAIABpAGMAbwBuAGYAbwBuAHQACgB2AGwAYQB5AGUAcgBSAGUAZwB1AGwAYQByAHYAbABhAHkAZQByAHYAbABhAHkAZQByAFYAZQByAHMAaQBvAG4AIAAxAC4AMAB2AGwAYQB5AGUAcgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAQIBAwEEAQUBBgEHAQgBCQAFd2VudGkFZXJyb3IHc3VjY2VzcwRtaW5pB3dhcm5pbmcIaHVhbnl1YW4DbWF4AAAA);
src: url(data:application/vnd.ms-fontobject;base64,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BQX0tNj+4gUFAR7Y2AEdBgb+49gSFRUjFQEBFRESFRUjFRUxBfS0tfQEBPS1tPQDowX+4tjY/uMGBgEd2NgBHuUVEv7IERUVEQE4EhX+LBUkFBQkFQAAAAAE/+3/bQQTA5MADwATACIAMQAAASEOAQcRHgEXIT4BNxEuAQMhESEBPgE3IRU3JxUhDgEHFTMXIT4BNzUjFQ4BByE1BxcDv/yCJC4BAS4kA34kLgEBLiT8ggN+/WEBFxIBWY+P/qc1RgFSPQFZNUYBUgEXEv6nj48DkgEuJPyCJC4BAS4kA34kLvwwA37+qhIXAUNsbUQBRjV51gJGNXh4EhcBQ2xtAAAEAAD/ggP+A34AFwAvAEcAXwAAFzMyFhQGByEuAScRPgEyFh0BATYyFhQHASMiJjQ2NyEeARcRDgEiJj0BAQYiJjQ3ATU0NjIWFxEOAQchLgE0NjsBASY0NjIXARUUBiImJxE+ATchHgEUBisBARYUBiInf8sPFRUP/t0QFAEBFB8VAQAMHRUKAgPMDxUVDwEjEBQBARQfFf8ACx4VCgE0FR8UAQEUEP7dDxUVD8v/AAoVHgv9lhUfFAEBFBABIw8VFQ/LAQAKFR0MNRUfFAEBFBABIw8VFQ/MAQEKFR4LAmoVHxQBARQQ/t0PFRUPy/8AChUdDP3Kyw8VFQ/+3RAUAQEUHxUBAAseFQoCAssPFRUPASMQFAEBFB8V/wAMHRUKAAAAAAASAN4AAQAAAAAAAAAVAAAAAQAAAAAAAQAGABUAAQAAAAAAAgAHABsAAQAAAAAAAwAGACIAAQAAAAAABAAGACgAAQAAAAAABQALAC4AAQAAAAAABgAGADkAAQAAAAAACgArAD8AAQAAAAAACwATAGoAAwABBAkAAAAqAH0AAwABBAkAAQAMAKcAAwABBAkAAgAOALMAAwABBAkAAwAMAMEAAwABBAkABAAMAM0AAwABBAkABQAWANkAAwABBAkABgAMAO8AAwABBAkACgBWAPsAAwABBAkACwAmAVEKQ3JlYXRlZCBieSBpY29uZm9udAp2bGF5ZXJSZWd1bGFydmxheWVydmxheWVyVmVyc2lvbiAxLjB2bGF5ZXJHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQAKAEMAcgBlAGEAdABlAGQAIABiAHkAIABpAGMAbwBuAGYAbwBuAHQACgB2AGwAYQB5AGUAcgBSAGUAZwB1AGwAYQByAHYAbABhAHkAZQByAHYAbABhAHkAZQByAFYAZQByAHMAaQBvAG4AIAAxAC4AMAB2AGwAYQB5AGUAcgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAQIBAwEEAQUBBgEHAQgBCQAFd2VudGkFZXJyb3IHc3VjY2VzcwRtaW5pB3dhcm5pbmcIaHVhbnl1YW4DbWF4AAAA#iefix) format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAV0AAsAAAAAC0gAAAUlAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDdAqJEIc1ATYCJAMgCxIABCAFhFUHYxuSCRGVpB+Q/TiwG6/2sC8uo0XES9qRzSd4INxe3+UuEMxrSNVpZxJmjtbN+X8mCjPlzz2HczZgo06oktwTefRZdknaEDwLJViZRwYbDsUXYvL/jpVuPl9bzG+LtiTzZ6NybKPyio60nke0FciBN98J45lI518yoSleXGfdDAE4SdAJkbn4yiwGCmUSqBs3euRgjIIb1SESGDZbw4kKsQkdQ1utvQhsjN5ffEMPYYCGLlEXuXbERcM4v6Y3eOUiaxH95FZEs7sgMNgSJNAJUOxe0xheg0wynZA4Z6WKAYBf/qKEml6L1TrUirVhtTkNXsuqjMIsNhrCv3igI5DYUGjYQdhQZjcJh2XtUNONicgSgxMBSwc4kbAU4cQGyzA4UbDMgRIaNHg7sANguBP8QBMQ14L4DGVNs1EXq3wNi5Xb3VI4NGdUicljShx+5fM1Uhef++bn2be+yFUbCpXarEolX60W3nor9+abA/Q1sovKa+vFwVfeei2+7cZ2px5tRmlTsfeWjvVPJCuVfs7dvfVaXLfm1FAxcBubXTfsennD8GsHV2r5FmwPvvn5nO0iIeHmPw9Htzl3RMP5G3Ijr+sbwD9+zYVztpjOrjmFduhkU7mnrpijgzewuG6u/84Hm9n2P9QrcM8jSfuBh2f57YFJe+vbeijkcT/5ZgpXzvNMtaVwsutUK7fI5nKuteVFp8LuHXVRubO+z6DvzspB4ZnONXWL62Oe7eWItu0UmBDZbWCx0WKxB51Tf5Ixlyu/o8IiM1jkQTen/iRjTmdue2WDaErOrahEQlWEOLT6rMkztXyP+u03BcM9jBji137NFKUiF/oyybRP+S4D5Xk9cN+LtrTfTJj+NL/13FmWmKWSmT7N9n0X2ZDjmyh9/7aeSulvB4SR9dzk2Xr/Q+rffxUMDzFCz+XGwRa7d7cYg2ashZ8qmdLfEeKWvaO42XP09vvUH3+o+4gQWj0/wZf9VwWGGrcuZ8/eHvPmBUM9cd779ZSvkd3uVL/8Iu+Qd5Lxzj6BWN2p7mh2mUerKh5XVRHHm1V1Z7Nm9iLVZvHq58FM8PRApmWG00XG/0ZB0spsabba7axftizo9oFcID/oFiU089UF6rIHcmKEv2RuGLthXKZ0/kUXqdnXn/1W6YI4Puv6WfWMBekXrt9vMz9u+WNPX0tvOpnxvWhxXzyT2KONfnGyxQuWVU5k4nt79vLvTntb+nr+2PJjE5w9qhLl0cKxN45H3sdAAKxl8l85D6xFCrkYQP4m7pvdbrG05CzrO2v8LCS3grVE/i8X/BXuxq/K4s//BvoOf7uuAnincJaJhrgKg4aB5ovv7KiD851+rlMeo9NJBn21m1dgGGSOlAacEgeL4kF/u7RGvM38t6yRDDR2TUGyacFVwnagc+litIn1DIBTRyenu4QMpkQf6OAjAMHtJGi87gDJ7TGuEr4EuqhPsHH7AZzy/i/o0ibXbS4CkoR72L1AT61h+qS0KYq8YLhFnhUJU40zPFJX7K2BtmpKgRs0VrfpIbHwLiUGLFgN11u5HSplwQU7IE2VSMlt65o1vVJFrR5tmAJEJGgP7LwAPcoymDs82ZhBIV6g4DYIc7myODSOZOZHCkf95iuDVqXp5N6YTTL20K1RwXWSBBkwqcDSbL0+GSMOCDIWcM3GYV5JJRWxQcrZqmUp5muuLsqqn10jmEI9tZGRmWZl5+Tm0T+a1M8xBBuWMVOKMc50b/rlEwmuxfCVyMS8mLKpJs+jEQAAAA==") format("woff2"), url(data:font/woff;base64,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) format("woff"), url(data:font/ttf;base64,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) format("truetype"), url(img/iconfont.68daf4e9.svg#vlayer) format("svg")
}
.vlayer {
font-family: vlayer ;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.vlicon-wenti:before {
content: "\e617"
}
.vlicon-error:before {
content: "\e67a"
}
.vlicon-success:before {
content: "\e62a"
}
.vlicon-mini:before {
content: "\e664";
display: block;
transform: translateY(-12px)
}
.vlicon-warning:before {
content: "\e605"
}
[class^=vl-notify] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
outline: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@-webkit-keyframes fadein {
0% {
opacity: 0;
-webkit-transform: scale(.5);
transform: scale(.5)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes fadein {
0% {
opacity: 0;
-webkit-transform: scale(.5);
transform: scale(.5)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
.vl-html-scrollbar-hidden {
overflow-y: hidden
}
.vl-notify {
position: fixed;
z-index: 1000;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.vl-notify,
.vl-notify.vl-notify-msg-p {
left: 50%;
top: 50%
}
.vl-notify.vl-notify-msg-p {
display: inline;
height: 0;
background-color: rgba(0, 0, 0, .6)
}
.vl-notify.vl-notify-tips-p {
display: inline;
height: 0;
top: 0;
left: 0;
position: absolute
}
.vl-notify.vl-notify-main {
box-sizing: border-box;
min-width: 250px;
max-width: 1500px;
min-height: 100px;
background-color: #fff;
border: 1px solid #eee;
-webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, .3);
box-shadow: 1px 1px 15px rgba(0, 0, 0, .3);
border-radius: 2px
}
.vl-notify .vl-notify-content {
min-height: 65px;
padding: 20px;
max-height: calc(100% - 42px)
}
.vl-notify .vl-notify-content iframe {
width: 100%;
height: 100%;
border: 0;
overflow: none
}
.vl-notify .vl-notify-btns {
text-align: right;
padding: 0 20px 10px 0
}
.vl-notify.vl-notify-alert {
-webkit-animation: fadein .3s;
animation: fadein .3s;
max-width: 500px;
min-heigh: 160px;
max-width: 260px
}
.vl-notify-main.vl-notify.vl-notify-alert.vl-notify-iframe {
max-width: initial
}
.vl-notify.vl-notify-alert h2.vl-notice-title {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 42px;
line-height: 43px;
background-color: #f8f8f8;
border-bottom: 1px solid #eee;
font-size: 14px;
padding-left: 15px;
cursor: move;
-moz-user-select: -moz-none;
-webkit-user-select: none;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 100000
}
.vl-notify.vl-notify-alert h2.vl-notice-title .lv-title {
text-overflow: ellipsis;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 100%;
overflow: hidden;
white-space: nowrap
}
.vl-notify.vl-notify-alert h2.vl-notice-title .icon-remove {
cursor: pointer;
position: absolute;
right: 15px;
top: 15px;
width: 16px;
height: 16px;
margin-left: 10px;
font-size: 12px;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
background: url(img/icon.png) no-repeat;
background-position: 1px -40px
}
.vl-notify.vl-notify-alert h2.vl-notice-title .icon-remove:hover {
opacity: .7
}
.vl-notify.vl-notify-alert h2.vl-notice-title .lv-icon-maxmini {
min-width: 10px;
text-shadow: 0 1px 0 hsla(0, 0%, 100%, .5);
font-weight: 400;
margin-right: 40px
}
.vl-notify.vl-notify-alert h2.vl-notice-title .lv-icon-maxmini i {
cursor: pointer;
width: 16px;
height: 16px;
margin-left: 10px;
display: inline-block;
vertical-align: middle;
position: relative;
color: #333
}
.vl-notify.vl-notify-alert h2.vl-notice-title .lv-icon-maxmini i.vlicon-max {
background: url(img/icon.png) no-repeat;
background-position: -32px -40px
}
.vl-notify.vl-notify-alert h2.vl-notice-title .lv-icon-maxmini i.vlicon-max:hover {
opacity: .7
}
.vl-notify.vl-notify-alert h2.vl-notice-title .lv-icon-maxmini i.vlicon-mini:hover {
color: #888
}
.vl-notify.vl-notify-alert h2.vl-notice-title .lv-icon-maxmini i.vlicon-huanyuan {
background: url(img/icon.png) no-repeat;
background-position: -65px -40px
}
.vl-notify.vl-notify-alert h2.vl-notice-title .lv-icon-maxmini i.vlicon-huanyuan:hover {
opacity: .7
}
.vl-notify.vl-notify-alert .vl-notify-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.vl-notify.vl-notify-alert .vl-notify-content .vl-notify-content-div {
margin-left: 10px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-height: 200px;
overflow: auto;
}
.vl-notify.vl-notify-iframe {
max-width: 2000px
}
.vl-notify.vl-notify-iframe .vl-notify-content {
padding: 0;
width: 100%;
height: 100%;
overflow: auto
}
.vl-notify.vl-notify-loading {
-webkit-animation: fadein .2s;
animation: fadein .2s;
display: inline-block;
left: 50%;
top: 50%;
min-width: 50px;
min-height: 50px;
display: none
}
.vl-notify.vl-notify-loading:last-child {
display: inline-block
}
@-webkit-keyframes loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
.vl-notify.vl-notify-loading span {
display: inline-block;
width: 30px;
height: 30px;
border: 2px solid #f3f3f3;
border-top: 2px solid #999;
border-right: 2px solid #999;
border-radius: 50%;
-webkit-animation: loading 1s linear infinite;
animation: loading 1s linear infinite
}
.vl-notify.vl-notify-msg {
-webkit-animation: fadein .2s;
animation: fadein .2s;
min-width: 50px;
display: inline;
min-height: 44px;
font-size: 14px;
left: 50%;
top: 50%;
background-color: rgba(0, 0, 0, .6);
color: #fff;
padding: 12px 25px;
text-align: center;
border-radius: 5px
}
.vl-notify.vl-notify-msg.vl-notify-loading {
min-height: 50px
}
.vl-notify.vl-notify-msg.vl-notify-loading span {
width: 20px;
height: 20px;
vertical-align: middle;
margin-right: 7px
}
.vl-notify.vl-notify-msg.vl-notify-loading i {
font-style: normal;
font-size: 14px
}
.vl-notify.vl-notify-tips {
min-width: 50px;
max-width: 400px;
display: inline;
min-height: 32px;
position: absolute;
left: -50%;
background-color: #303133;
color: #fff;
padding: 6px 12px;
border-radius: 5px;
-webkit-transform: none;
transform: none
}
.vl-notify.vl-notify-tips:after {
content: " ";
border: 10px solid #303133;
position: absolute;
display: inline-block
}
.vl-notify.vl-notify-tips-0:after {
border-bottom-color: transparent ;
left: 15px;
bottom: -8px
}
.vl-notify.vl-notify-tips-0:after,
.vl-notify.vl-notify-tips-1:after {
border-top-color: transparent ;
border-right-color: transparent
}
.vl-notify.vl-notify-tips-1:after {
border-left-color: transparent ;
left: -8px;
top: 0
}
.vl-notify.vl-notify-tips-2:after {
border-top-color: transparent ;
border-left-color: transparent ;
border-bottom-color: transparent ;
left: 15px;
top: -8px
}
.vl-notify.vl-notify-tips-3 {
max-width: 300px
}
.vl-notify.vl-notify-tips-3:after {
border-top-color: transparent ;
border-left-color: transparent ;
border-right-color: transparent ;
right: -8px;
top: 0
}
.vl-notify .vl-drag-resize {
display: inline-block;
width: 17px;
height: 17px;
position: absolute;
right: 0;
bottom: 0;
z-index: 100000;
cursor: nw-resize;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cpath d='M765.558 510.004a93.65 93.65 0 10191.665 0 93.65 93.65 0 10-191.665 0zm0 311.456a93.65 93.65 0 10191.665 0 93.65 93.65 0 10-191.665 0zm-343.401 0a93.65 93.65 0 10191.665 0 93.65 93.65 0 10-191.665 0zm0-311.456a93.65 93.65 0 10191.665 0 93.65 93.65 0 10-191.665 0zM765.558 202.54a93.65 93.65 0 10191.665 0 93.65 93.65 0 10-191.665 0zM66.777 821.46a93.65 93.65 0 10191.665 0 93.65 93.65 0 10-191.665 0z' fill='%23BFBFBF'/%3E%3C/svg%3E") no-repeat 50%
}
.vl-notify-mask {
background-color: #ccc;
opacity: .4;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:499;
}