You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
9.7 KiB
1 lines
9.7 KiB
[v-cloak]{display:none}.dropdown-menu{z-index:10000}*{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}#color{-webkit-appearance:square-button;width:29px;height:31px;background-color:#fff;cursor:default;border-width:1px;border-style:solid;border-color:#d2d6de;border-image:initial;padding:0}.content{padding:10px 15px}.panel{background:#f1f4f6}.is-dialog .panel{background:#fff}.page-head{width:100%;height:44px;display:flex;overflow:hidden;justify-content:space-between;align-items:center;padding:0 13px}.page-head .wanlicon{font-size:14px}.page-head .title{font-size:14px}.wanl-page{display:flex;justify-content:space-between}.wanl-page .left{width:69%;border:#ddd solid 1px;border-right:0}.wanl-page .left .wanl-tool{border-bottom:#dcdcdc solid 1px;background-color:#f3f3f3;width:100%;height:23px;display:flex;justify-content:space-between}.wanl-page .left .wanl-tool .menu{display:flex}.wanl-page .left .wanl-tool .Button{display:flex}.wanl-page .left .wanl-tool .dropdown{width:120px;border-right:#ddd solid 1px;padding:0 10px;cursor:pointer}.wanl-page .left .wanl-tool .Button .dropdown{width:80px;font-weight:500;border-left:#ddd solid 1px;background-color:#18bc9c;color:#fff}.wanl-page .left .wanl-tool .dropdown .bnt{display:flex;justify-content:space-between;align-items:center;height:23px}.wanl-page .left .frame{display:flex;justify-content:space-between}.wanl-page .left .frame .preview{display:flex;justify-content:center;width:65%;background-color:#edece8}.wanl-page .left .frame .preview .page{box-shadow:0 0 20px #00000012;margin:30px 15px;width:375px;height:812px;overflow-y:scroll;overflow-x:hidden}.wanl-page .left .frame .preview .page::-webkit-scrollbar{display:none}.wanl-page .left .frame .preview .page .draggable>div{position:relative}.wanl-page .left .frame .preview .page .draggable>div:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px dashed #f5f5f5;cursor:move}.wanl-page .left .frame .preview .page .draggable>div:hover:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px dashed #18bc9c;cursor:move}.wanl-page .left .frame .preview .page .draggable>div.action:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #00a0e9;cursor:move;z-index:9999}.wanl-page .left .frame .preview .page .draggable>div .sub-del{display:none;position:absolute!important;cursor:pointer!important;z-index:9999!important;right:2px!important;top:2px!important;height:20px!important;width:20px!important;text-align:center!important;line-height:20px!important;background-color:rgba(0,0,0,.3)!important;border-radius:50%!important}.wanl-page .left .frame .preview .page .draggable>div:hover .sub-del{display:block!important}.wanl-page .left .frame .preview .page .sub-del .wlIcon{font-size:11px!important;color:#fff!important}.wanl-page.iPhoneXmax .left .frame .preview .page{width:414px;height:896px}.wanl-page.iPhone7 .left .frame .preview .page{width:375px;height:667px}.wanl-page.iPhone7plus .left .frame .preview .page{width:414px;height:736px}.wanl-page.huaweiMate30 .left .frame .preview .page{width:360px;height:780px}.wanl-page.OPPORenoAce .left .frame .preview .page{width:360px;height:800px}.wanl-page.vivoNEX3 .left .frame .preview .page{width:360px;height:752px}.wanl-page.xiaomi9Pro .left .frame .preview .page{width:360px;height:770px}.wanl-page .left .frame .preview .page .navigation{position:sticky;top:0;z-index:99}.wanl-page .left .frame .preview .page .navigation .Statusbar{height:26px;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.wanl-page.iPhoneX .left .frame .preview .page .navigation .Statusbar,.wanl-page.iPhoneXmax .left .frame .preview .page .navigation .Statusbar{height:44px}.wanl-page .left .frame .preview .page .navigation .Statusbar .bangs{display:none;height:44px}.wanl-page.iPhoneX .left .frame .preview .page .navigation .Statusbar .bangs,.wanl-page.iPhoneXmax .left .frame .preview .page .navigation .Statusbar .bangs{display:inline}.wanl-page .left .frame .preview .page .navigation .Statusbar .bangs .sub{height:33px;width:210px;border-bottom-right-radius:25px;border-bottom-left-radius:25px;background:#000}.wanl-page.iPhoneX .left .frame .preview .page .navigation .Statusbar .device,.wanl-page.iPhoneXmax .left .frame .preview .page .navigation .Statusbar .device{width:60px;overflow:hidden;margin-left:-20px}.wanl-page .left .frame .preview .page .navigation .Statusbar .device .wlIcon-dianchifull{color:#63d575;font-size:17px}.wanl-page .editor{background-color:#fff;width:30%;border:1px solid #ddd}.wanl-page .editor .bs-example{background-color:#e8edf0}.wanl-page .editor .bs-example .nav-tabs{padding:20px;padding-bottom:0}.wanl-page .editor .bs-example .tab-content{background-color:#fff;padding:20px;height:812px;overflow-x:hidden;overflow-y:scroll}.wanl-page .editor .bs-example .tab-content::-webkit-scrollbar{display:none}.wanl-page .editor .bs-example .tab-content .panel{background:#fff}.wanl-page .editor .bs-example .tab-content .panel .panel-heading{display:flex;justify-content:space-between;align-items:center}.wanl-page .editor .bs-example .tab-content .panel .panel-heading .panel-title{width:95%}.wanl-page .editor .bs-example .tab-content .panel .panel-heading .wlIcon{font-weight:400;color:#8a8a8a}.wanl-page .editor .bs-example .tab-content .panel .panel-collapse .panel-body{padding-bottom:5px}.wanl-page .editor .bs-example .tab-content .panel .panel-collapse .panel-body label{font-weight:400}.wanl-page .editor .bs-example .tab-content .panel .panel-collapse .panel-body .tips{margin-top:-15px;margin-bottom:15px;font-size:12px;color:#34495e}.wanl-page .editor .bs-example .tab-content .add-data{margin-bottom:15px}.wanl-page .editor .bs-example .tab-content .tab-pane>p{padding:15px 20px;padding-bottom:12px;margin-bottom:12px;border-radius:2px}.wanl-page .editor .bs-example.module-example .tab-content label{display:flex;justify-content:space-between;align-items:center}.wanl-page .editor .bs-example.module-example .tab-content .form-group label .del{display:none}.wanl-page .editor .bs-example.module-example .tab-content .form-group:hover label .del{display:block}.wanl-page .editor .bs-example.module-example .tab-content .del .wlIcon{font-size:12px;color:#999}.wanl-page .left .frame .template{background:#006;width:35%;border-left:#dcdcdc solid 1px;border-right:#ddd solid 1px;background-color:#f6f8f8;padding:15px}.wanl-page .left .frame .template .template-title{display:flex;align-items:center;justify-content:space-between}.wanl-page .left .frame .template .template-title span i{height:14px;width:4px;background-color:#18bc9c;margin-right:10px;display:inline-flex}.wanl-page .left .frame .template .template-title span:first-child{font-size:18px}.wanl-page .left .frame .template .template-title span:last-of-type{color:#999}.wanl-page .left .frame .template .control{height:812px;overflow-x:hidden;overflow-y:scroll}.wanl-page .left .frame .template .control::-webkit-scrollbar{display:none}.wanl-page .left .frame .template .control .element{margin:20px 0}.wanl-page .left .frame .template .control .element-name{margin:10px 0;color:#465047;font-size:13px}.wanl-page .left .frame .template .control .element .element-row{display:flex;display:-webkit-flex;justify-content:flex-start;flex-direction:row;flex-wrap:wrap}.wanl-page .left .frame .template .control .element .element-row>div{width:22%;margin:1.5%;background-color:#f5f5f5;border:1px solid #ddd;text-align:center;padding:10px 0;line-height:1;border-radius:5px}.wanl-page .left .frame .template .control .element .element-row>div:hover{border:1px solid #18bc9c;color:#18bc9c;cursor:pointer}.wanl-page .left .frame .template .control .element .element-row>div:active{background-color:#18bc9c;color:#fff}.wanl-page .left .frame .template .control .element .element-row>div i{font-size:18px}.wanl-page .left .frame .template .control .element .element-row>div span{display:block;font-size:10px;margin-top:5px}.wanl-page.iPhoneX .editor .bs-example .tab-content{height:812px}.wanl-page.iPhoneXmax .editor .bs-example .tab-content{height:896px}.wanl-page.iPhone7 .editor .bs-example .tab-content{height:667px}.wanl-page.iPhone7plus .editor .bs-example .tab-content{height:736px}.wanl-page.huaweiMate30 .editor .bs-example .tab-content{height:780px}.wanl-page.OPPORenoAce .editor .bs-example .tab-content{height:800px}.wanl-page.vivoNEX3 .editor .bs-example .tab-content{height:752px}.wanl-page.xiaomi9Pro .editor .bs-example .tab-content{height:770px}.wanl-page.iPhoneX .left .frame .template .control{height:812px}.wanl-page.iPhoneXmax .left .frame .template .control{height:896px}.wanl-page.iPhone7 .left .frame .template .control{height:667px}.wanl-page.iPhone7plus .left .frame .template .control{height:736px}.wanl-page.huaweiMate30 .left .frame .template .control{height:780px}.wanl-page.OPPORenoAce .left .frame .template .control{height:800px}.wanl-page.vivoNEX3 .left .frame .template .control{height:752px}.wanl-page.xiaomi9Pro .left .frame .template .control{height:770px}.wanl-layout>div{overflow:hidden}.wanl-layout .wanl-radio{background:#fafafa;margin:8px;border-radius:8px;margin-bottom:0;width:calc(100% - 8px);height:100px;border:1px solid #f5f5f5;background-size:70%;background-repeat:no-repeat;background-position:center center}.wanl-layout .active .wanl-radio{border:1px solid #3c8dbc}.wanl-upload{display:flex;justify-content:space-between;align-items:center;width:100%}.wanl-upload .form-control{width:calc(100% - 70px)}.wanl-multi{display:flex;justify-content:space-between;align-items:center}.wanl-multi input{border:0;outline:0}.wanl-multi select{border:0;border-left:1px solid #ccc;background-color:#f5f5f5;outline:0;padding:0 10px;height:29px;width:70px;margin-right:-12px}.wlIcon-advertBanner:before{content:"\e6c0"}.wlIcon-advertImage:before{content:"\e611"} |