From 8bfca19c878d7214cf2ad75783df4b327f1f146d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AE=87=E5=A4=A9?= Date: Tue, 19 Sep 2017 22:51:57 +0800 Subject: [PATCH] =?UTF-8?q?=E7=B2=BE=E7=AE=80layer=E7=9A=84=E9=83=A8?= =?UTF-8?q?=E5=88=86=E5=9B=BE=E6=A0=87=E5=92=8C=E5=8A=A8=E7=94=BB,?= =?UTF-8?q?=E5=90=8C=E6=97=B6=E5=9B=BE=E6=A0=87=E6=94=B9=E4=B8=BA=E5=85=B1?= =?UTF-8?q?=E4=BA=ABUI=E5=BA=93=E7=9A=84=E5=9B=BE=E6=A0=87?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- js/lib/layer/base.js | 21 ++-- js/lib/layer/skin/def.css | 235 +------------------------------------ js/lib/layer/skin/def.eot | Bin 11314 -> 0 bytes js/lib/layer/skin/def.scss | 232 ++++++++++++++++++++++++++++++++++++ js/lib/layer/skin/def.ttf | Bin 11032 -> 0 bytes 5 files changed, 242 insertions(+), 246 deletions(-) delete mode 100644 js/lib/layer/skin/def.eot create mode 100644 js/lib/layer/skin/def.scss delete mode 100644 js/lib/layer/skin/def.ttf diff --git a/js/lib/layer/base.js b/js/lib/layer/base.js index a3dd3b0..5852ce8 100644 --- a/js/lib/layer/base.js +++ b/js/lib/layer/base.js @@ -14,7 +14,7 @@ define(['yua', 'lib/drag/main', 'css!./skin/def'], function(yua){ return window.layer } - yua.ui.layer = '0.0.4-base' + yua.ui.layer = '1.0.0-base' var layerDom = {}, layerObj = {}, unique = null, //储存当前打开的1/2/3类型的弹窗 @@ -253,14 +253,11 @@ define(['yua', 'lib/drag/main', 'css!./skin/def'], function(yua){ }*/ __constructor.prototype = { dot: { //loading的子元素数量 - 0: 4, - 1: 9, - 2: 2, - 3: 3, - 4: 2, - 5: 5, - 6: 5, - 7: 5 + 1: 0, + 2: 0, + 3: 5, + 4: 5, + 5: 9 }, timeout: null, create: function(){ @@ -327,7 +324,7 @@ define(['yua', 'lib/drag/main', 'css!./skin/def'], function(yua){ } }, getLoading: function(style){ - return '
' + '' @@ -346,7 +343,7 @@ define(['yua', 'lib/drag/main', 'css!./skin/def'], function(yua){ } html += '>{{title}}' - + '' + + '' + '
' } return html @@ -357,7 +354,7 @@ define(['yua', 'lib/drag/main', 'css!./skin/def'], function(yua){ return '' } if(this.init.type < 4 || this.init.type === 5 || this.init.specialMode){ - return '' + return '' } return '' }, diff --git a/js/lib/layer/skin/def.css b/js/lib/layer/skin/def.css index b95ee3a..3e825c3 100644 --- a/js/lib/layer/skin/def.css +++ b/js/lib/layer/skin/def.css @@ -1,234 +1 @@ -@charset "UTF-8"; -/** - * - * @authors yutent (yutent@doui.cc) - * @date 2016-09-21 01:36:22 - * - */ - - -.do-layer, .do-layer * {vertical-align: baseline;box-sizing:border-box;} -.do-layer a {text-decoration:none;} - -@font-face {font-family: "def-font"; - src: url('def.eot'); /* IE9*/ - src: url('def.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ -} - -.do-layer-cl::after {visibility:hidden;overflow:hidden;display:block;height: 0;content: ".";clear: both;} -.do-layer-cover {position:fixed;left:0;top:0;z-index:65534;width:100%;height:100%;background:rgba(255,255,255,.05);} -.do-layer {position:fixed;left:50%;top:50%;z-index:65535;width:auto;height:auto;} -.do-layer:active {z-index:65536;} - - -/*默认皮肤样式*/ -.do-layer.skin-def {color:#666;font-size:14px;box-shadow:0 0 10px rgba(0,0,0,.3);} -.do-layer.skin-def .def-font {display: inline-block;font-family:"def-font" !important;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;} -.do-layer.skin-def .icon-1:before {content:"\e6f1";color:#11b330;}/*discover*/ -.do-layer.skin-def .icon-2:before {content:"\e6fa";color:#f30;}/*position*/ -.do-layer.skin-def .icon-3:before {content:"\e6f0";color:#f30;}/*del*/ -.do-layer.skin-def .icon-4:before {content:"\e604";color:#f30;}/*fire*/ -.do-layer.skin-def .icon-5:before {content:"\e6f9";color:#09f;}/*pilot*/ -.do-layer.skin-def .icon-6:before {content:"\e700";color:#f7b824}/*message*/ -.do-layer.skin-def .icon-7:before {content:"\e6fc";color:#63e2c2}/*talk*/ -.do-layer.skin-def .icon-8:before {content:"\e6f6";color:#f7b824}/*warn*/ -.do-layer.skin-def .icon-9:before {content:"\e6fb";color:#f60;}/*star*/ -.do-layer.skin-def .icon-10:before {content:"\e6f8";color:#48d0f7;}/*happy*/ -.do-layer.skin-def .icon-11:before {content:"\e6fd";color:#f90;}/*sad*/ -.do-layer.skin-def .icon-12:before {content:"\e631";color:#09a;}/*share*/ -.do-layer.skin-def .icon-13:before {content:"\e6f3";color:#f60;}/*search*/ -.do-layer.skin-def .icon-14:before {content:"\e6f4";color:#09a;}/*user*/ -.do-layer.skin-def .icon-15:before {content:"\e701";color:#f30;}/*minus*/ -.do-layer.skin-def .icon-16:before {content:"\e703";color:#f7b824;}/*wait*/ -.do-layer.skin-def .icon-17:before {content:"\e704";color:#11b330;}/*right*/ - - - -.do-layer.skin-def .layer-title {width:100%;height:40px;padding:0 8px;line-height:40px;background:#f3f3f3;font-size:14px;color:#454545;} -.do-layer.skin-def .action-min,.do-layer.skin-def .action-close {position:absolute;display:block;top:10px;width:20px;height:20px;line-height:20px;border:0;text-align:center;cursor:pointer;color:#666;} -.do-layer.skin-def .action-min {right:40px;} -.do-layer.skin-def .action-close {right:10px;} -.do-layer.skin-def .action-close:hover,.do-layer.skin-def .action-min:hover {border: 1px solid #ddd;line-height: 18px;color:#049789;} -.do-layer.skin-def .action-min:before {content:"\e600";} -.do-layer.skin-def .action-close:before {content:"\e659";} - -.do-layer.skin-def .layer-content {position:relative;width:100%;height:auto;min-height:50px;padding:10px;} -.do-layer.skin-def .layer-content .msg-icon {position:absolute;left:10px;top:10px;width:50px;height:auto;line-height:40px;font-size:40px;text-align:center;} -.do-layer.skin-def .layer-content .detail {width:auto;height:100%;margin:auto auto auto 60px;padding:5px 15px;word-break:break-all;word-wrap: break-word;} -.do-layer.skin-def .layer-content.none-icon .detail {margin:0 auto;} -.do-layer.skin-def .layer-content .detail .prompt-value {width: 230px;height: 30px;padding: 0 8px;border: 1px solid #ddd;border-radius: 3px;} -.do-layer.skin-def .layer-content .detail .msg-box {line-height:30px;} - - -.do-layer.skin-def .layer-btns {width:100%;height:40px;padding:0 5px;line-height:28px;font-size:14px;color:#454545;text-align:right;} -.do-layer.skin-def .layer-btns a {display:inline-block;width:auto;min-width:60px;height:30px;margin:0 5px;padding:0 10px;line-height:28px;border:1px solid #ddd;color:#454545;text-align:center;background:#f3f3f3;} - -.do-layer.type-5 {visibility:hidden;min-width:75px;max-width:600px;line-height:1.5;color:#fff;background:rgba(0,0,0,.5);opacity:0;box-shadow:none;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;} -.do-layer.type-5.active {visibility:visible;opacity:1;} -.do-layer.type-5 i.arrow {position:absolute;left:5px;bottom:-14px;width:0;height:0;border:6px solid transparent;border-top:8px solid rgba(0,0,0,.5);content: ""} -.do-layer.type-5 .layer-content .detail {margin:0;padding:0} - - -/******** 额外的弹窗类型样式 ******/ -.do-layer.type-1,.do-layer.type-2,.do-layer.type-3 {max-width:600px;min-width:230px;} -.do-layer.type-1 .layer-content,.do-layer.type-2 .layer-content,.do-layer.type-3 .layer-content{max-width:600px;} - -/*loading类型,背景色要去掉, 并且遮罩颜色改为黑色半透明*/ -.do-layer.type-6 {box-shadow:none;background:transparent;} -.do-layer-cover.type-6 {background:rgba(0,0,0,.3);} - -/*special模式类型,调小宽高限制,内外边距取消*/ -.do-layer.type-unspecial {min-width:10px;background:transparent;} -.do-layer.type-unspecial .layer-content {min-height:60px;padding:0} -.do-layer.type-unspecial .layer-content .detail {margin:0;padding:0} - -/*--------几种loading动画-------*/ -.do-ui-load {position:relative;width:100px;height:100px;margin:auto;} - -/* style 0 */ -.do-ui-load.load-style-0 .dot-box {position:absolute;display:block;width:70%;height:70%;margin:15%;-webkit-animation: circle 2s infinite linear;animation: circle 2s infinite linear;} -.do-ui-load.load-style-0 .dot-box i {position:absolute;display:block;width:40%;height:40%;border-radius:50%;background:#03998c;-webkit-animation: fadein 2s infinite linear;animation: fadein 2s infinite linear;-webkit-transform: scale(.5);transform: scale(.5);opacity:.3} -.do-ui-load.load-style-0 .dot-box i:nth-child(1) {left:2.5%;top:2.5%;} -.do-ui-load.load-style-0 .dot-box i:nth-child(2) {right:2.5%;top:2.5%;-webkit-animation-delay:.4s;animation-delay:.4s;} -.do-ui-load.load-style-0 .dot-box i:nth-child(3) {left:2.5%;bottom:2.5%;-webkit-animation-delay:.8s;animation-delay:.8s;} -.do-ui-load.load-style-0 .dot-box i:nth-child(4) {right:2.5%;bottom:2.5%;-webkit-animation-delay:1.2s;animation-delay:1.2s;} - -/* style 1 */ -.do-ui-load.load-style-1 .dot-box {position:absolute;display:block;width:90%;height:90%;margin:5%;} -.do-ui-load.load-style-1 .dot-box i {float:left;display:block;width:30px;height:30px;background:#03998c;-webkit-animation: grid 1.5s infinite linear;animation: grid 1.5s infinite linear;} -.do-ui-load.load-style-1 .dot-box i:nth-child(4), -.do-ui-load.load-style-1 .dot-box i:nth-child(8) {-webkit-animation-delay:.2s;animation-delay:.2s;} -.do-ui-load.load-style-1 .dot-box i:nth-child(1), -.do-ui-load.load-style-1 .dot-box i:nth-child(5), -.do-ui-load.load-style-1 .dot-box i:nth-child(9) {-webkit-animation-delay:.3s;animation-delay:.3s;} - -.do-ui-load.load-style-1 .dot-box i:nth-child(2), -.do-ui-load.load-style-1 .dot-box i:nth-child(6) {-webkit-animation-delay:.4s;animation-delay:.4s;} - -.do-ui-load.load-style-1 .dot-box i:nth-child(3) {-webkit-animation-delay:.5s;animation-delay:.5s;} - - -/* style 2 */ -.do-ui-load.load-style-2 .dot-box {position:absolute;display:block;width:90%;height:90%;margin:5%;-webkit-animation: circle 2s infinite linear;animation: circle 2s infinite linear;} -.do-ui-load.load-style-2 .dot-box i {position:absolute;display:block;width:40px;height:40px;background:#03998c;border-radius:50%;-webkit-animation: bounce 1.5s infinite linear;animation: bounce 1.5s infinite linear;-webkit-transform: scale(.1);transform: scale(.1);} -.do-ui-load.load-style-2 .dot-box i:nth-child(1) {left:5px;top:0;} -.do-ui-load.load-style-2 .dot-box i:nth-child(2) {right:5px;top:0;-webkit-animation-delay:.5s;animation-delay:.5s;} - - -/* style 3 */ -.do-ui-load.load-style-3 .dot-box {position:absolute;display:block;width:100%;height:100%;} -.do-ui-load.load-style-3 .dot-box i {position:absolute;display:block;width:100%;height:100%;border-top:5px solid #ff0;border-radius:50%;-webkit-animation: circle .9s infinite ease-in-out;animation: circle .9s infinite ease-in-out;} -.do-ui-load.load-style-3 .dot-box i:nth-child(1) {border-color:#03998c;} -.do-ui-load.load-style-3 .dot-box i:nth-child(2) {border-color:#f30;-webkit-animation-delay:.3s;animation-delay:.3s;} -.do-ui-load.load-style-3 .dot-box i:nth-child(3) {-webkit-animation-delay:.6s;animation-delay:.6s;} - - -/* style 4 */ -.do-ui-load.load-style-4 .dot-box {position:absolute;display:block;width:100%;height:100%;-webkit-animation: circle 1s infinite linear;animation: circle 1s infinite linear;} -.do-ui-load.load-style-4 .dot-box i {position:absolute;display:block;width:100%;height:100%;border-radius:50%;} -.do-ui-load.load-style-4 .dot-box i:nth-child(1) {border-top: 50px solid #fff;} -.do-ui-load.load-style-4 .dot-box i:nth-child(2) {border-bottom: 50px solid #000;} -.do-ui-load.load-style-4 .dot-box i:nth-child(1)::before {position:absolute;top:-50%;width:50%;height:50%;border-top: 25px solid #000;border-radius:50%;content:""} -.do-ui-load.load-style-4 .dot-box i:nth-child(1)::after {position:absolute;top:-20%;left:20%;width:10px;height:10px;border-radius:50%;background:#fff;content:""} -.do-ui-load.load-style-4 .dot-box i:nth-child(2)::before {position:absolute;bottom:-50%;right:0;width:50%;height:50%;border-bottom: 25px solid #fff;border-radius:50%;content:""} -.do-ui-load.load-style-4 .dot-box i:nth-child(2)::after {position:absolute;bottom:-20%;right:20%;width:10px;height:10px;border-radius:50%;background:#000;content:""} - - -/* style 5 */ -.do-ui-load.load-style-5 {width:100px;height:50px;} -.do-ui-load.load-style-5 .dot-box {position:absolute;display:block;width:100%;height:100%;} -.do-ui-load.load-style-5 .dot-box i {float:left;display:block;width:10px;height:100%;margin:0 5px;background:#03998c;-webkit-animation: bounce2 1s infinite ease-in-out;animation: bounce2 1s infinite ease-in-out;-webkit-transform:scaleY(.6);transform:scaleY(.6);} -.do-ui-load.load-style-5 .dot-box i:nth-child(2) {-webkit-animation-delay:.1s;animation-delay:.1s;} -.do-ui-load.load-style-5 .dot-box i:nth-child(3) {-webkit-animation-delay:.2s;animation-delay:.2s;} -.do-ui-load.load-style-5 .dot-box i:nth-child(4) {-webkit-animation-delay:.3s;animation-delay:.3s;} -.do-ui-load.load-style-5 .dot-box i:nth-child(5) {-webkit-animation-delay:.4s;animation-delay:.4s;} - -/* style 6 */ -.do-ui-load.load-style-6 {width:300px;height:50px;} -.do-ui-load.load-style-6 .dot-box {position:absolute;display:block;width:100%;height:100%;} -.do-ui-load.load-style-6 .dot-box i {position:absolute;display:block;width:10px;height:10px;background:#03998c;-webkit-animation: spring 3s infinite ease-in-out;animation: spring 3s infinite ease-in-out;} -.do-ui-load.load-style-6 .dot-box i:nth-child(2) {-webkit-animation-delay:.2s;animation-delay:.1s;} -.do-ui-load.load-style-6 .dot-box i:nth-child(3) {-webkit-animation-delay:.4s;animation-delay:.2s;} -.do-ui-load.load-style-6 .dot-box i:nth-child(4) {-webkit-animation-delay:.6s;animation-delay:.3s;} -.do-ui-load.load-style-6 .dot-box i:nth-child(5) {-webkit-animation-delay:.8s;animation-delay:.4s;} - -/* style 7 */ -.do-ui-load.load-style-7 .dot-box {position:absolute;display:block;width:60%;height:60%;margin:20%;} -.do-ui-load.load-style-7 .dot-box i {position:absolute;display:block;width:60px;height:60px;-webkit-animation: circle3 2s infinite ease-in-out;animation: circle3 2s infinite ease-in-out;-webkit-transform: rotate(45deg);transform: rotate(45deg);} -.do-ui-load.load-style-7 .dot-box i::before {display:block;width:8px;height:8px;background:#03998c;border-radius:50%;content:""} -.do-ui-load.load-style-7 .dot-box i:nth-child(2) {-webkit-animation-delay:.1s;animation-delay:.1s;} -.do-ui-load.load-style-7 .dot-box i:nth-child(3) {-webkit-animation-delay:.2s;animation-delay:.2s;} -.do-ui-load.load-style-7 .dot-box i:nth-child(4) {-webkit-animation-delay:.3s;animation-delay:.3s;} -.do-ui-load.load-style-7 .dot-box i:nth-child(5) {-webkit-animation-delay:.4s;animation-delay:.4s;} - - - -@-webkit-keyframes circle { - to {-webkit-transform: rotate(360deg);} -} -@keyframes circle { - to {transform: rotate(360deg)} -} -@-webkit-keyframes circle2 { - to {-webkit-transform: rotate(-360deg);} -} -@keyframes circle2 { - to {transform: rotate(-360deg)} -} -@-webkit-keyframes circle3 { - 70%,to {-webkit-transform: rotate(405deg);} -} -@keyframes circle3 { - 70%,to {transform: rotate(405deg);} -} - -@-webkit-keyframes fadein { - - 50% {-webkit-transform: scale(1);opacity:1} - to {-webkit-transform: scale(.5);opacity:.3} -} -@keyframes fadein { - - 50% {transform: scale(1);opacity:1} - to {transform: scale(.5);opacity:.3} -} - -@-webkit-keyframes grid { - - 36% {-webkit-transform: scale(.1);opacity:.3} - 60% {-webkit-transform: scale(1);opacity:1} -} -@keyframes grid { - - 36% {transform: scale(.1);opacity:.3} - 60% {transform: scale(1);opacity:1} -} - -@-webkit-keyframes bounce { - 70% {-webkit-transform: scale(1);} - to {-webkit-transform: scale(.1);} -} -@keyframes bounce { - 70% {transform: scale(1);} - to {transform: scale(.1);} -} - - -@-webkit-keyframes bounce2 { - 25% {-webkit-transform: scaleY(1.3);} - 50% {-webkit-transform: scaleY(.6);} -} -@keyframes bounce2 { - 25% {transform: scaleY(1.3);} - 50% {transform: scaleY(.6);} -} - -@-webkit-keyframes spring { - 30%,50% {-webkit-transform: translateX(200px);} - 80%,to {-webkit-transform: translateX(0);} -} -@keyframes spring { - 30%,50%{transform: translateX(200px);} - 80%,to {transform: translateX(0);} -} - +.do-layer{position:fixed;left:50%;top:50%;z-index:65535;width:auto;height:auto}.do-layer a{text-decoration:none}.do-layer.skin-def{color:#666;font-size:14px;box-shadow:0 0 10px rgba(0,0,0,0.3)}.do-layer.skin-def .icon-1::before{content:"\e610";color:#1abc9c}.do-layer.skin-def .icon-2::before{content:"\e6f8";color:#3498db}.do-layer.skin-def .icon-3::before{content:"\e6fd";color:#f39c12}.do-layer.skin-def .icon-4::before{content:"\e6f6";color:#f39c12}.do-layer.skin-def .icon-5::before{content:"\e630";color:#1abc9c}.do-layer.skin-def .icon-6::before{content:"\e636";color:#34495e}.do-layer.skin-def .icon-7::before{content:"\e623";color:#f39c12}.do-layer.skin-def .icon-8::before{content:"\e604";color:#e74c3c}.do-layer.skin-def .icon-9::before{content:"\e605";color:#1abc9c}.do-layer.skin-def .layer-title{width:100%;height:40px;padding:0 8px;line-height:40px;background:#e7e8eb;font-size:14px;color:#34495e}.do-layer.skin-def .action-min,.do-layer.skin-def .action-close{position:absolute;display:block;top:10px;width:20px;height:20px;line-height:20px;border:0;text-align:center;cursor:pointer;color:#5d6d7e}.do-layer.skin-def .action-min:hover,.do-layer.skin-def .action-close:hover{border:1px solid #ddd;line-height:18px;color:#1abc9c}.do-layer.skin-def .action-min{right:40px}.do-layer.skin-def .action-min::before{content:"\e634"}.do-layer.skin-def .action-close{right:10px}.do-layer.skin-def .action-close::before{content:"\e687"}.do-layer.skin-def .layer-content{position:relative;width:100%;height:auto;min-height:50px;padding:10px}.do-layer.skin-def .layer-content .msg-icon{position:absolute;left:10px;top:10px;width:50px;height:auto;line-height:40px;font-size:35px;text-align:center}.do-layer.skin-def .layer-content .detail{width:auto;height:100%;margin:auto auto auto 60px;padding:5px 15px;word-break:break-all;word-wrap:break-word}.do-layer.skin-def .layer-content .detail .prompt-value{width:230px;height:30px;padding:0 8px;border:1px solid #ddd;border-radius:3px}.do-layer.skin-def .layer-content .detail .msg-box{line-height:30px}.do-layer.skin-def .layer-content.none-icon .detail{margin:0 auto}.do-layer.skin-def .layer-btns{width:100%;height:40px;padding:0 5px;line-height:28px;font-size:14px;color:#454545;text-align:right}.do-layer.skin-def .layer-btns a{display:inline-block;width:auto;min-width:60px;height:30px;margin:0 5px;padding:0 10px;line-height:28px;border:1px solid #ddd;color:#454545;text-align:center;background:#f3f3f3}.do-layer.type-1,.do-layer.type-2,.do-layer.type-3{max-width:600px;min-width:230px}.do-layer.type-5{visibility:hidden;min-width:75px;max-width:600px;line-height:1.5;color:#fff;background:rgba(0,0,0,0.5);opacity:0;box-shadow:none;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.do-layer.type-5.active{visibility:visible;opacity:1}.do-layer.type-5 i.arrow{position:absolute;left:5px;bottom:-14px;width:0;height:0;border:6px solid transparent;border-top:8px solid rgba(0,0,0,0.5);content:""}.do-layer.type-5 .layer-content .detail{margin:0;padding:0}.do-layer.type-6{box-shadow:none;background:transparent}.do-layer.type-unspecial{min-width:10px;background:transparent}.do-layer.type-unspecial .layer-content{min-height:60px;padding:0}.do-layer.type-unspecial .layer-content .detail{margin:0;padding:0}.do-layer .loading-box{position:relative;width:100px;height:100px;margin:auto}.do-layer .loading-box .dot-box{position:absolute;display:block}.do-layer .loading-box.style-1 .dot-box,.do-layer .loading-box.style-2 .dot-box{width:70%;height:70%;margin:15%;-webkit-animation:circle 1.3s infinite linear;-moz-animation:circle 1.3s infinite linear;animation:circle 1.3s infinite linear}.do-layer .loading-box.style-1 .dot-box::after,.do-layer .loading-box.style-2 .dot-box::after{content:"\e648";font:70px/1 "ui font"}.do-layer .loading-box.style-2 .dot-box::after{content:"\e64a"}.do-layer .loading-box.style-3{height:50px}.do-layer .loading-box.style-3 .dot-box{width:100%;height:100%}.do-layer .loading-box.style-3 .dot-box i{float:left;display:block;width:10px;height:100%;margin:0 5px;background:#16a085;-webkit-animation:bounce 1s infinite ease-in-out;-moz-animation:bounce 1s infinite ease-in-out;animation:bounce 1s infinite ease-in-out;-webkit-transform:scaleY(0.6);-moz-transform:scaleY(0.6);transform:scaleY(0.6)}.do-layer .loading-box.style-3 .dot-box i:nth-child(2){-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}.do-layer .loading-box.style-3 .dot-box i:nth-child(3){-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s}.do-layer .loading-box.style-3 .dot-box i:nth-child(4){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}.do-layer .loading-box.style-3 .dot-box i:nth-child(5){-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s}.do-layer .loading-box.style-4 .dot-box{width:60%;height:60%;margin:20%}.do-layer .loading-box.style-4 .dot-box i{position:absolute;display:block;width:60px;height:60px;-webkit-animation:circle2 2s infinite ease-in-out;-moz-animation:circle2 2s infinite ease-in-out;animation:circle2 2s infinite ease-in-out;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.do-layer .loading-box.style-4 .dot-box i::before{display:block;width:8px;height:8px;background:#16a085;border-radius:50%;content:""}.do-layer .loading-box.style-4 .dot-box i:nth-child(2){-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}.do-layer .loading-box.style-4 .dot-box i:nth-child(3){-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s}.do-layer .loading-box.style-4 .dot-box i:nth-child(4){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}.do-layer .loading-box.style-4 .dot-box i:nth-child(5){-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s}.do-layer .loading-box.style-5 .dot-box{width:90%;height:90%;margin:5%}.do-layer .loading-box.style-5 .dot-box i{float:left;display:block;width:30px;height:30px;background:#16a085;-webkit-animation:grid 1.5s infinite linear;-moz-animation:grid 1.5s infinite linear;animation:grid 1.5s infinite linear}.do-layer .loading-box.style-5 .dot-box i:nth-child(4),.do-layer .loading-box.style-5 .dot-box i:nth-child(8){-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s}.do-layer .loading-box.style-5 .dot-box i:nth-child(1),.do-layer .loading-box.style-5 .dot-box i:nth-child(5),.do-layer .loading-box.style-5 .dot-box i:nth-child(9){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}.do-layer .loading-box.style-5 .dot-box i:nth-child(2),.do-layer .loading-box.style-5 .dot-box i:nth-child(6){-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s}.do-layer .loading-box.style-5 .dot-box i:nth-child(3){-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}.do-layer:active{z-index:65536}.do-layer-cover{position:fixed;left:0;top:0;z-index:65534;width:100%;height:100%;background:rgba(255,255,255,0.05)}.do-layer-cover.type-6{background:rgba(0,0,0,0.3)}@-webkit-keyframes circle{to{-webkit-transform:rotate(360deg)}}@-moz-keyframes circle{to{-moz-transform:rotate(360deg)}}@keyframes circle{to{transform:rotate(360deg)}}@-webkit-keyframes circle2{70%,to{-webkit-transform:rotate(405deg)}}@-moz-keyframes circle2{70%,to{-moz-transform:rotate(405deg)}}@keyframes circle2{70%,to{transform:rotate(405deg)}}@-webkit-keyframes bounce{25%{-webkit-transform:scaleY(1.3)}50%{-webkit-transform:scaleY(0.6)}}@-moz-keyframes bounce{25%{-moz-transform:scaleY(1.3)}50%{-moz-transform:scaleY(0.6)}}@keyframes bounce{25%{transform:scaleY(1.3)}50%{transform:scaleY(0.6)}}@-webkit-keyframes grid{36%{-webkit-transform:scale(0.1);opacity:.3}60%{-webkit-transform:scale(1);opacity:1}}@-moz-keyframes grid{36%{-moz-transform:scale(0.1);opacity:.3}60%{-moz-transform:scale(1);opacity:1}}@keyframes grid{36%{transform:scale(0.1);opacity:.3}60%{transform:scale(1);opacity:1}} diff --git a/js/lib/layer/skin/def.eot b/js/lib/layer/skin/def.eot deleted file mode 100644 index c4a2f5e244c166559d67571d1a56654a11d951f5..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 11314 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 E0gtwCzW@LL diff --git a/js/lib/layer/skin/def.scss b/js/lib/layer/skin/def.scss new file mode 100644 index 0000000..073c878 --- /dev/null +++ b/js/lib/layer/skin/def.scss @@ -0,0 +1,232 @@ +@charset "UTF-8"; +/** + * + * @authors yutent (yutent@doui.cc) + * @date 2017-09-19 18:00:24 + * @version $Id$ + */ + +@import "../../../../css/var.scss"; + + +.do-layer {position:fixed;left:50%;top:50%;z-index:65535;width:auto;height:auto; + + a {text-decoration:none;} + + /* 默认皮肤 */ + &.skin-def {color:#666;font-size:14px;box-shadow:0 0 10px rgba(0,0,0,.3); + + .icon-1::before {content:"\e610";color:nth($cg, 1);} // get + .icon-2::before {content:"\e6f8";color:nth($cb, 1);} // happy + .icon-3::before {content:"\e6fd";color:nth($co, 1);} // sad + .icon-4::before {content:"\e6f6";color:nth($co, 1);} // warn + .icon-5::before {content:"\e630";color:nth($cg, 1);} // face + .icon-6::before {content:"\e636";color:nth($cgr, 1);} // time + .icon-7::before {content:"\e623";color:nth($co, 1);} // star + .icon-8::before {content:"\e604";color:nth($cr, 1);} // mute + .icon-9::before {content:"\e605";color:nth($cg, 1);} // unmute + + + /* 弹层标题栏 */ + .layer-title {width:100%;height:40px;padding:0 8px;line-height:40px;background:nth($cp, 1);font-size:14px;color:nth($cgr, 1);} + + .action-min, + .action-close {position:absolute;display:block;top:10px;width:20px;height:20px;line-height:20px;border:0;text-align:center;cursor:pointer;color:nth($cgr, 2); + + &:hover {border: 1px solid #ddd;line-height: 18px;color:nth($cg, 1);} + } + .action-min {right:40px; + &::before {content:"\e634"} + } + .action-close {right:10px; + &::before {content:"\e687"} + } + + /* 弹层主体内容 */ + .layer-content {position:relative;width:100%;height:auto;min-height:50px;padding:10px; + + .msg-icon {position:absolute;left:10px;top:10px;width:50px;height:auto;line-height:40px;font-size:35px;text-align:center;} + .detail {width:auto;height:100%;margin:auto auto auto 60px;padding:5px 15px;word-break:break-all;word-wrap: break-word; + + .prompt-value {width: 230px;height: 30px;padding: 0 8px;border: 1px solid #ddd;border-radius: 3px;} + .msg-box {line-height:30px;} + } + + &.none-icon .detail {margin:0 auto;} + } + + + /* 弹层按钮部分 */ + .layer-btns {width:100%;height:40px;padding:0 5px;line-height:28px;font-size:14px;color:#454545;text-align:right; + + a {display:inline-block;width:auto;min-width:60px;height:30px;margin:0 5px;padding:0 10px;line-height:28px;border:1px solid #ddd;color:#454545;text-align:center;background:#f3f3f3;} + } + + } + + /* ;alert/confirm/prompt 3类弹层 */ + &.type-1, + &.type-2, + &.type-3 {max-width:600px;min-width:230px;} + + + /* tips类弹层(type 5) */ + &.type-5 {visibility:hidden;min-width:75px;max-width:600px;line-height:1.5;color:#fff;background:rgba(0,0,0,.5);opacity:0;box-shadow:none;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out; + + &.active {visibility:visible;opacity:1;} + i.arrow {position:absolute;left:5px;bottom:-14px;width:0;height:0;border:6px solid transparent;border-top:8px solid rgba(0,0,0,.5);content: ""} + + .layer-content .detail {margin:0;padding:0} + } + + + /* loading类弹层 */ + &.type-6 {box-shadow:none;background:transparent;} + + + /* 特殊类弹层(msg弹层) */ + &.type-unspecial {min-width:10px;background:transparent; + + .layer-content {min-height:60px;padding:0} + .layer-content .detail {margin:0;padding:0} + } + + + /* 内置几种loading动画 */ + .loading-box {position:relative;width:100px;height:100px;margin:auto; + + .dot-box {position:absolute;display:block;} + + /* 常规的转动 */ + &.style-1,&.style-2 { + + .dot-box {width:70%;height:70%;margin:15%;-webkit-animation: circle 1.3s infinite linear;-moz-animation: circle 1.3s infinite linear;animation: circle 1.3s infinite linear; + + &::after {content:"\e648";font:70px/1 "ui font";} + } + } + + &.style-2 { + .dot-box::after {content:"\e64a";} + } + + /* 频谱波动 */ + &.style-3 {height:50px; + + .dot-box{width:100%;height:100%; + + i {float:left;display:block;width:10px;height:100%;margin:0 5px;background:nth($cg, 3);-webkit-animation: bounce 1s infinite ease-in-out;-moz-animation: bounce 1s infinite ease-in-out;animation: bounce 1s infinite ease-in-out;-webkit-transform:scaleY(.6);-moz-transform:scaleY(.6);transform:scaleY(.6); + + &:nth-child(2) {-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s;} + &:nth-child(3) {-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s;} + &:nth-child(4) {-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s;} + &:nth-child(5) {-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s;} + } + } + } + + /* 缓动圆圈 */ + &.style-4 { + + .dot-box{width:60%;height:60%;margin:20%; + + i {position:absolute;display:block;width:60px;height:60px;-webkit-animation: circle2 2s infinite ease-in-out;-moz-animation: circle2 2s infinite ease-in-out;animation: circle2 2s infinite ease-in-out;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg); + + &::before {display:block;width:8px;height:8px;background:nth($cg, 3);border-radius:50%;content:""} + + &:nth-child(2) {-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s;} + &:nth-child(3) {-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s;} + &:nth-child(4) {-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s;} + &:nth-child(5) {-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s;} + } + } + } + + /* 矩阵 */ + &.style-5 { + + .dot-box{width:90%;height:90%;margin:5%; + + i {float:left;display:block;width:30px;height:30px;background:nth($cg, 3);-webkit-animation: grid 1.5s infinite linear;-moz-animation: grid 1.5s infinite linear;animation: grid 1.5s infinite linear; + + &:nth-child(4), + &:nth-child(8) {-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s;} + &:nth-child(1), + &:nth-child(5), + &:nth-child(9) {-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s;} + + &:nth-child(2), + &:nth-child(6) {-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s;} + + &:nth-child(3) {-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s;} + } + } + } + + + + } + + &:active {z-index:65536;} + +} + +.do-layer-cover {position:fixed;left:0;top:0;z-index:65534;width:100%;height:100%;background:rgba(255,255,255,.05); + + &.type-6 {background:rgba(0,0,0,.3);} +} + + +@-webkit-keyframes circle { + to {-webkit-transform: rotate(360deg);} +} +@-moz-keyframes circle { + to {-moz-transform: rotate(360deg);} +} +@keyframes circle { + to {transform: rotate(360deg)} +} + +@-webkit-keyframes circle2 { + 70%,to {-webkit-transform: rotate(405deg);} +} +@-moz-keyframes circle2 { + 70%,to {-moz-transform: rotate(405deg);} +} +@keyframes circle2 { + 70%,to {transform: rotate(405deg);} +} + +@-webkit-keyframes bounce { + 25% {-webkit-transform: scaleY(1.3);} + 50% {-webkit-transform: scaleY(.6);} +} +@-moz-keyframes bounce { + 25% {-moz-transform: scaleY(1.3);} + 50% {-moz-transform: scaleY(.6);} +} +@keyframes bounce { + 25% {transform: scaleY(1.3);} + 50% {transform: scaleY(.6);} +} + + + +@-webkit-keyframes grid { + + 36% {-webkit-transform: scale(.1);opacity:.3} + 60% {-webkit-transform: scale(1);opacity:1} +} +@-moz-keyframes grid { + + 36% {-moz-transform: scale(.1);opacity:.3} + 60% {-moz-transform: scale(1);opacity:1} +} +@keyframes grid { + + 36% {transform: scale(.1);opacity:.3} + 60% {transform: scale(1);opacity:1} +} + + + diff --git a/js/lib/layer/skin/def.ttf b/js/lib/layer/skin/def.ttf deleted file mode 100644 index c63ae22aebdda729b88db64dd561dd071309716c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 11032 zcmb_?3v^q@dFIT0U*H17`$16T1wn!o@em&%L5dUw@hOQSO^SK|k}UxeL6MC_$`tjg z+=fXuwaaXpXp=h0Y3gphRnl$a^wLhc_QrM;TRB_z_%tWkCYzizZF<@xC#lmWPQ9CR zYJvUc0+3`o+SoY-fjj@q|Ia@&|NO6+OF{`D4m<=x#>NgzUf4g~N(j}^S~os2Iz~o` zggV-Ye&6i2&cmNM;zfNo>W5CADV$yS<|EUn|5yATJ9%MMw-rmM>oE$O#A

~~TB0U_$6rwZrJqTPY|vnZ8Qr!UWcuETwt5I#dl@RJM0!kn$)r#y!KHt;E)A!$+5A=QD=NR&lE15r5Vcz>VJf~zEn6iAlryv0q)K?USf6Y#qja2xToK$`cEqOE>9F;bzCp+|8ff z{MVcR_vWov=qtkJCNK;~D!8BA{26dRe}%llGu-Bfz=8|@b@21SK+qrb1-(Ic&{Y}B zXZC&TL%_-jWqMJ;P!0h5-TkQ|?{51Kg71j(KZxP4&PF8h&A;cLt4yq~^Nj>JInj}ctF=7?0i#1dslBP&mVv$8o zuv&zii`wnB8Dg_p>_edm!w-%V{~wNuYMFnRECXP<@13y}=HJmYGgEJ2N9VCcXw>>-0pApx6e2`0?t-%#_fwy zDMlOZ+!h+{PDQ&@NiIgcVbSaHdF)(7ipFS5SO!H)W0KoJ{f&~x*VWmRiuxtl&ezj^ zsk5ggNn4^Vv^zD(_0vw@7D|Jm+F4g~os0h{wFFw~KUmt!Jx;w15xc#?t|v-+;#(R$ z!JzI|E^029W^=jzvm%LBffH)%&BHU(nI^wa6;)A`N`EBQ)Ow$7*vd6fE!a}KZ>ytD zu<0RJ;gOVo`}StPO6l4fb%%8OXLmYlo%lXf>vK2R9X2IUYl}GD9(wT~tpT^TCHfD{ zBYX>bH_tr?`)?!L$ZvmP8(<%U9;1S6MtVg4P_=Q4F$LX;#E@mO*5)R6<>S!&F~W2b;*%Pqsh&=sNBAZ6 z1Z|N;zFU<2&HT29^ZAGKrp8#AQ$q&@*d`yT7yLd{ zIH0=I3?*@A`dt>8S41j060OM^&$i3Ir`720Hl;>a70DTqR8fG<)Oy`@TijG_m>nB; z^gB5@&}FZ2P}v)y-0!VrIzxl;xLu&Uzi})%u)FDN9|$DF3I8^W^F(WlTz9aoZ${I2 zYpnggSo^8TOjvXe?mC|Q+*f^~t1D2u%j4EsPqlvFuLz>~8g_RL(T0a6X^694Qj^i# zPKVv1z)ceodhVw!G!4^hp|IezU&e#V{L$vpwdT@VGX?OM=JOiuX>JCDb~N&Y5uoV~ z*)_Tbg3>kCqk2Fkx7suBjT0Q+b6~m3fEVX0_n}v*DZRAY% z+Xv+pY3`TIm_>lNUE|2X1NTks**!kCE7QNdueYlc?x(G#slG1gb33)LJ*Vu96^+2vczmMy?57n^)a^7KKJSr$j&?i4@KwwYmAw)?{yl45KjXZf+FH-8e{zRH z+{PQ?YGBOY&raJV-8* zBbmb&R~}qm5EcGHVYo{WrO}aH+dD-;<})x}UZGG3MWqt-CCB`|EQoM*NMnUb=m?pC z@(5(~*aJs$hYs$anZ9q|M93KmIjruO*l32w6bv@q)9J6Lux8m#WhvrnG)s@!)@kBX zjFzT-XlkHx+VAuGP`1eFXiK!mbaK%~U&YNq{$`7xIgV{KEh7d;x4~h^=;cq-&7-r^ zR~jRc#w*jae?B|?P`Ifn{Lu95(F1?HZ|_Qjt~adg-FF8pEk9*d1&1X6E9IW~pCI#pk9n8O=2!VIVS`w_3XyQ89$Urnl*<7}_{mDh;mIh1g+p+~n)Iln zNB23nisU#6(ygaGkXn@UmtKA01?qY68?S%<^RGYAVOMQ$*y_yZXI`Z47hf#>m~K4r z`V&vQUi!4X4micO#rAJD_#2)KZoUNF>Nn@nM}F;#y;Kk>;v;h!4R_B8rx`Oo3W$#~ zE&G;C6p$z^zMT%~&m{baI7389MCfxk9f^1_;OKMqu>~nEM80ywt1igh2pwR_m~Lto z9!V&jsaZ_-m|8KFl4OZH_43uLFJJuwoWNf3EcXbN;lW)x+8BGUtoA z`h)%ByFa~WY#=b;jC*-m=IK84y81HhyTW?j+Gg9;=kIeKI^^v0_YTRjV3T+62<~tt z0>NM);TjC?7?*9Z4TX$t{vZB-Am4Wooy18m86o?~0dhaNma#Y~PwOa>Du}ETBI}kY zB8S4uM+kzNpeaI*Xf|q5HA~KpW1*E(kye;qmgC4w4ZN>khT+}@Y!N+#O2HbrXv7KJ!ChXcVGjxSAN!Trz|KlMoz7EC2GQETad zlx3EAAaz3y(hUQJdo0(nGc2JqT_kr81Ll9{jqle5Z1k+!>g70Jt4f!&KzXkk>i2?Pco>`~6{9r_WdK-P#)9zU~TfT*!56TcDNS z!Z|Frw#lL>b6>YOUV>XyOTW*aew&4!wBVdn`h5$1pOv**ttvgKmL{3S!v-1GZZG2s z9Y3=975;Jf&j9wXmF%A|lGv#rWo~Z~AzvUOc8TNo8Cac#rN{LZ98Wlrhe;v_5hsZ# z3Nr-i4t2Ign;XORTWW&=zeB2Felp5b6^9V0@F0b*dOgt82w{N<7VD~%+;uDTSAJlA z@wmciZh2v4xhN^OzI!y2seX5=ic8x2*B38+Yp>+4;iTywe&BttOiSE@CdI7}nFY%g zII;`tdWP>ME<^@oX2F0P_Kc~MN5o+MZ0iNUBLXz5) z()Bti$fs-TY^9=BTA&GcJs+bV-bwj7no(>tDYR(x)3&8r8FPD~7BKe6$N z!vhm1+G_0n%Rl|ofr)&p72Zk|tXuPYcifsxrzg{6?TwA?k&N5D{p$N4?Z|%O@ZnEn zJ05-ie}QY_ANbQt$*XH0PTM8P-t&?7UQJ&5^Ym0YJymFAovL#GI{zHsf^*n7c{mfu z4000f@Q6Gwwnu_EY9yN>Tmc>-3_Xh}GSDKz?>rHCD)MtUK2V;U6R-vNA{}BmSH%zL zxMiUWtcxfufL>exHNU`Uxdjj%&t;H3gvLYTeZA?PM7(WlOElzA9WenLopv)dY=*mR zV4GY+-98CtMBdlo_jx@s@A39@naECmw3|Q+gv5v|YJEH|dupnbD)~dpYjCDBz7aS^6?X?x4QT>aVK+ zP5sVnz5qGzL=K)HBbi+?<%Af_l;biIKwjW@re`?7!F=yTO_5#Hjrx6*g!NF+m+&WW zBjcrB*|Y{(itePiDj4KC>p9#KG$XWhbq>;05*G>3HzuhX1RlEi-qTNbyz0>I@r&2K zcoX=;2Utt@J1ahZR<|; zqrwn7z^98o1I@amiPkx6WHaiKU@$UkuZ(IbZs-8bd+y1iSV{tkzq zDLl&--jCF<)bW3JWvIXA{|_52#1l4PTm1O zR1S5T+irK;>@3t-`|b*LL6#W$`rpFpfH?r)%QD-$c$L9he{9~2>}Jo>AKF#ATeaKO z($gv}YD(#8b~QqGD+_mrKHnCfZwoumG8?+i4_W(x_?? znSZuo^92jLCwj}lU}A4(aAs=n!HEN7!-IP=d%AX*#{--9S2!M!R1fZleCBD4 zGs|k(%@K}q96|DbTiCNRR~nm|8n4V$lYdj(X7aD&v$D6eWK-$$rf7y#`oBs;EH6NV z-CpW5CG$LcRx|wD+{zouA7w1cM~S-_m#*L(2cy6SB3+4r^WheLT%IxUx?QYxJ9MK!Rt^U@oh|lhfkyLj_B_r!%lEXb)wA&xSV}MpuH4{-* zByY}*4Mv%B`hiCe!6$&$0=a^}Kdh#+-{svIYCnKmkQP?_6_Yd*L*ZXPkm zCULeoY?el>T22%=qEZE0mE$P_r-VES{>oypO|t9w8DgEZ&M%*by$-CXJXJ|-v+vL)BRhwpcOr|!s{1J-`!0wSh2AsuWXGlB$hg8+5 z^cWtNTJR8WRVVn<1rLEZ3nf+zMyK~^a*S5k(T_^8DcKJBsfIs8G^%Nx&ut9nsP;}Ud z(@iWL_J*%>Yq!=ON8-eAc*%F;#cjuH242V83uduzey3NyC0;|bg8aGsVWD|#GfD0* z)AQdmIaQEmA(k;(BF{`#SD8RWiW$llld)kiZUGc*bao280E#5`Aw{;Lp1|(vxLIJ(3ZC8Oj1tJB*!&P{Hkhg11K&YNZ;rAwRF74)QO!W_D4x za%OR9@yz0{7uEUV(xt`1(y5gA>*p6&iu_#hv@*AN?&R`?;)-;xSXeo^Ae=u}ToEr8 zR?eIg7Yb+3UKY^ztA*3=kLi_f0B^@&$JNpxaYN6~Ckz_b=XB%xv>`-~7{ch$ zY&a4Qt!H&(dO906GP#g$^fIV7m(vZ)XkpH1WmU_lZnQI?ol#t$&g%2}`g#E*)7d;) zbd!idJq+r}hw`|&4jCkt%S8+_oh{~a34@F4;3G5_Fa>dVI%|lLAw!A`g~H*SLGuZN zk4G>ceQrZMF{CrhlNQ3Yg#ixh>-sv_ZM2Kc>oeK>bf~aDmyP6r%gknh2(j5$hDsPh z+)%(<#*eVyuptl6WDR9F_9VnMoF6iL#X8JLj049e#f_dc=;(?3NWze+Z6p@i5QOHu zKDr($FtM4dBq1gVLl0rR>VO8{94U;TuN>bH#ZiM604s5NA?#45YTE1Y7Q2@taYtalPBLtF3Wj@MR5$ zsZ_^fAn|>{^dBRGk=~6~>cyb{D`kv zPwL~Q)p5;x*4M`)<1n7=39P}OFz7hN2^^y&VP!rjAHF7uA&th0>&b|&53GaNwmWD& zS>|B~%v+4cbR*BKDKnFOiqm;L^b{B6YjZMZ=JGK! zt|A?BAe+<&;H%4ORgnmWzb(FIOlA+T1%r;BjFcr__GyudR57Q7(N!67xGL5>3k+CA zRr0BLL{GBikHJd~|0|7`<9*h!-a?mgl$~h6s0dTd}H3{Nma;W#mr9_Tx8@a3;r)8_LRlSp7t6%b59Db>gax8Y?2V$kmv~X m@)0CJnMbl45