@cniot/android-pda-components 1.1.7 → 1.1.8
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.pda-button{display:block;box-sizing:border-box;padding-right:0;text-align:center;font-size:40px;height:90px;line-height:40px;color:#fff;background-color:#f3f4f8;border-radius:10px;width:100%;border-width:0;word-break:keep-all}.pda-button.pda-button-default{color:#000}.pda-button:active{background-color:#979797}.pda-button.pda-button-primary{background-color:#0091ea}.pda-button.pda-button-primary:active{background-color:#0074bb}.pda-button.pda-button-dark{background-color:#282828}.pda-button.pda-button-dark:active{background-color:#979797}.pda-button.pda-button-cutout{color:#0091ea;border-width:4px;border-color:#0091ea}.button-group{display:flex;flex-direction:row;padding:20px 24px;width:100%}.button-group .pda-button:not(:last-child){margin-right:16px}.pda-header{background-color:#000;display:flex;flex-direction:row;align-items:center;color:#fff;height:84px;padding-right:12px}.pda-header .header-click-area{padding-right:16px;height:100%;display:flex;align-items:center;flex-direction:row}.pda-header .pda-header-icon{height:100%;width:65px;background-size:100%;background-repeat:no-repeat;background-position:center}.pda-header .pda-header-icon:active{background-color:#d8d8d8}.pda-header .pda-header-icon-back{background-image:var(--pda-image-2);background-size:17px 32px}.pda-header .pda-header-icon-scan{background-image:var(--pda-image-3);background-size:34px auto}.pda-header .pda-header-icon-select{background-image:var(--pda-image-4);background-size:36px auto}.pda-header .pda-header-icon-read{background-image:var(--pda-image-5);background-size:35px auto}.pda-header .pda-title-text{font-size:40px;flex:1;line-height:1.25em}.pda-header .pda-header-more{background-image:var(--pda-image-6);background-size:36px auto}.pda-header .pda-header-config{background-image:var(--pda-image-7);background-size:36px auto}.pda-header .pda-menus{background-color:#fff;border-radius:8px 8px 0 0;width:100%;padding:24px;display:flex;flex-direction:column}.pda-header .pda-menus>*{margin-bottom:12px}.pda-info-card{border-radius:16px;padding:16px;background-color:#fff;word-break:break-word}.pda-info-card .divda-info-card-title{font-size:32px;line-height:32px}.pda-info-card .pda-info-card-title-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.pda-info-card .pda-info-card-title-section .pda-info-card-title{font-size:32px;color:#666}.pda-info-card .pda-info-card-title-section .pda-info-card-tag{display:flex;align-items:center;justify-content:center;height:36px;padding:0 8px;background-color:#fc0;border-radius:8px}.pda-info-card .pda-info-card-highlight-section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.pda-info-card .pda-info-card-highlight-section .pda-info-card-title{font-size:32px;color:#666;margin-top:20px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight{font-size:80px;line-height:64px;color:#0091ea;font-weight:700;padding-top:12px;display:flex;flex-direction:row;align-items:flex-end;flex-wrap:wrap}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight1CN{font-size:64px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2{font-size:50px;line-height:40px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2CN{font-size:40px;line-height:40px}.pda-info-card .pda-info-card-bold{font-weight:700;font-size:40px;line-height:48px;color:#000;margin-top:16px}.pda-info-card .pda-info-card-list{margin-top:12px;color:#4a4a4a;font-size:32px;line-height:32px;word-break:break-all}.pda-info-card-progress{background-color:#f3f4f8;height:12px;border-radius:6px;margin-top:16px}.pda-info-card-progress .pda-info-card-progress-inside{background-color:#0091ea;height:12px;border-radius:6px}.pda-info-card.pda-info-card-dark{background-color:#000}.pda-info-card.pda-info-card-dark .pda-info-card-title{color:#999}.pda-info-card.pda-info-card-dark .pda-info-card-highlight,.pda-info-card.pda-info-card-dark .pda-info-card-bold{color:#fff}.pda-info-card.pda-info-card-dark .pda-info-card-list{color:#999}.pda-step-card{display:flex;flex-direction:row}.pda-step-card .pda-step-indictor{display:flex;flex-direction:column;align-items:center;margin-right:16px}.pda-step-card .pda-step-indictor .pda-step-indictor-top{width:1px;background-color:#bec0c6;flex:1}.pda-step-card .pda-step-indictor .pda-step-indictor-top-hidden{background-color:#fff0}.pda-step-card .pda-step-indictor .pda-step-indictor-center{height:24px;width:24px;border-radius:12px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-center-active{background-color:#0091ea}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom{flex:1;width:1px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom-hidden{background-color:#fff0}.pda-step{border-radius:16px;padding:24px 16px;background-color:#fff;margin-bottom:16px}.pda-step p{margin:0}.pda-step .pda-step-title{font-size:60px;color:#0091ea}.pda-step .pda-step-list{margin-top:8px;color:#4a4a4a;font-size:32px;line-height:32px}.pda-step.pda-step-dark{background-color:#000}.pda-step.pda-step-dark .pda-step-title{color:#fff}.pda-step.pda-step-dark .pda-step-list{color:#bec0c6}.pda-list-item{padding:24px 16px;border-radius:16px;position:relative}.pda-list-item div{margin:0}.pda-list-item>div{margin-bottom:12px}.pda-list-item>div:last-child{margin-bottom:0}.pda-list-item .pda-listitem-highlight{width:100%;font-size:40px;line-height:40px;font-weight:700;color:#fff;display:flex;flex-direction:row;justify-content:space-between}.pda-list-item .pda-listitem-highlight div:first-child{flex:1;word-break:normal;white-space:normal;word-break:break-word}.pda-list-item .pda-listitem-header,.pda-list-item .pda-listitem-state-text,.pda-list-item .pda-listitem-subinfo{font-size:32px;line-height:32px;color:#999;word-break:break-all}.pda-list-item .pda-listitem-state-block{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0}.pda-list-item .pda-listitem-state-block>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px}.pda-list-item .pda-listitem-state-block>div.success{background-color:#0f0}.pda-list-item .pda-listitem-state-block>div.warning{background-color:#fc0}.pda-list-item .pda-listitem-state-block>div.error{background-color:red}.pda-list-item .pda-listitem-icon{position:absolute;top:0;right:0;width:60px;height:60px;background-color:#0091ea;border-radius:0 16px;display:flex;justify-content:center;align-items:center;opacity:.85}.pda-list-item .listitem-icon-container{background-size:100%;background-repeat:no-repeat;width:16px;height:24px}.pda-list-item .listitem-icon-next{background-image:var(--pda-image-10)}.confirm-wrap{background:#ffffff;border-radius:6px 6px 0 0;padding-top:24px;width:100%}.confirm-wrap .confirm-content{padding:0 24px}.confirm-wrap .confirm-title{font-size:28.8px;font-weight:700}.confirm-wrap .confirm-message,.confirm-wrap .confirm-sub-message{font-size:26.4px;margin-bottom:12px}.confirm-wrap .confirm-sub-block{display:flex;flex-direction:row}.confirm-wrap .confirm-sub-block .confirm-sub-label{white-space:nowrap}.confirm-wrap .confirm-sub-block .confirm-sub-content{margin-left:12px;word-wrap:break-word;word-break:break-all}.confirm-wrap .confirm-btns>*:not(:first-child){padding-top:0}.confirm-wrap.confirm-warning{background-color:red}.confirm-wrap.confirm-warning .pda-button{background-color:transparent;color:#000;border:2px solid black;border-radius:40px}.toast-wrap{background:#00ff00;border-radius:6px;padding:10px 15px;width:100%;box-sizing:border-box}.toast-wrap.warning{background-color:#ffcb00}.toast-wrap.error{background-color:red}.toast-wrap .toast-title{font-size:50px;font-weight:700;word-wrap:break-word}.toast-wrap .toast-message{font-size:32px;word-wrap:break-word}.loading-box{background-color:#fff;border-radius:5%;display:flex;flex-direction:column;align-items:center;padding:10px 20px;margin-top:-10%}.loading-box svg{width:50px;height:50px;animation:rotate 1.5s linear infinite;margin:10px}.pda-tag{display:inline-block;padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px;word-break:keep-all}.pda-tag.pda-tag-success{background-color:#0f0}.pda-tag.pda-tag-warning{background-color:#fc0}.pda-tag.pda-tag-error{background-color:red}.simple-card{display:inline-block;padding:12px 0 12px 18px;border-radius:12px}.simple-card .simple-card-title{font-weight:700;font-size:56px;line-height:40px;margin-top:12px}.simple-card .simple-card-content{font-size:28px;line-height:40px;margin-top:12px}.simple-card.simple-card-default{background-color:#f3f4f9}.simple-card.simple-card-default .simple-card-title{color:#0091ea}.simple-card.simple-card-default .simple-card-content{color:#000}.simple-card.simple-card-error{background-color:red}.simple-card.simple-card-error .simple-card-title{color:#fff}.simple-card.simple-card-error .simple-card-content{color:#ffafb1}.simple-card.simple-card-dark{background-color:#282828}.simple-card.simple-card-dark .simple-card-title{color:#fff}.simple-card.simple-card-dark .simple-card-content{color:#999}.simple-card-block{background-color:#fff;padding:24px 12px;border-radius:12px}.simple-card-block .simple-card-block-header{display:flex;justify-content:space-between}.simple-card-block .simple-card-block-title{color:#666;font-size:32px;line-height:32px}.simple-card-block .simple-card-block-content{display:flex;flex-wrap:wrap}.simple-card-block .simple-card-block-content>div{min-width:190px;margin-right:12px;margin-top:12px}.select-card{padding-top:12px}.select-card p{color:#999;font-size:32px;line-height:40px;margin-bottom:12px;padding-left:16px}.select-card .select-card-content{background-color:#282828;padding:24px 24px 24px 16px;border-radius:16px;display:flex;flex-direction:row;justify-content:space-between;color:#fff;font-size:40px;line-height:40px}.select-card .select-icon{background-image:var(--pda-image-8);background-size:100%;background-repeat:no-repeat;background-position:center;width:20px}.v-mask{position:fixed;top:0;left:0;z-index:1000;display:block;width:100%;height:100%;background:rgba(0,0,0,.75);opacity:1;display:unset}.v-mask .image-viewer-content{width:100vw;height:100vh;max-height:-webkit-fill-available;touch-action:none}.v-mask .image-viewer-slides{height:100%;position:relative;z-index:1;cursor:grab;touch-action:none}.v-mask .image-viewer-indicator{position:absolute;z-index:2;left:50%;top:12px;transform:translate(-50%);color:#e6e6e6;font-size:14px}.v-mask .viewer-image-close{position:absolute;right:6px}.v-mask .viewer-image-close svg{fill:#fff;background:rgba(0,0,0,.3);box-sizing:content-box;height:24px;padding:12px;width:24px}.v-mask .image-viewer-slides-inner{height:100%;white-space:nowrap}.v-mask .image-viewer-image-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.v-mask .image-viewer-image-wrapper img{display:block;max-width:100%;max-height:100%}.v-mask .viewer-image-arrow{position:absolute;top:calc(50% - 10px);z-index:999}.v-mask .viewer-image-arrow svg{fill:#fff;background:rgba(0,0,0,.3);box-sizing:content-box;height:24px;padding:18px;width:24px}.v-mask .viewer-prev{left:0}.v-mask .viewer-next{right:0}.v-mask .image-viewer-loading{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0000009d;z-index:998}.v-mask .image-viewer-loading .image-viewer-loading-reactor{animation:PhotoView__delayShow .4s linear both}.v-mask .image-viewer-loading .image-viewer-loading-reactor svg{animation:PhotoView__rotate .6s linear infinite}.image-uploader-wrap{display:inline-flex;flex-wrap:wrap;margin-bottom:8px}.image-space-item{margin-right:8px;padding-bottom:8px}.image-space-item .image-uploader-cell{position:relative;width:80px;height:80px;border-radius:4px;overflow:hidden}.image-space-item .image-uploader-cell-image{width:80px;height:80px}.image-space-item .image-uploader-cell-delete{position:absolute;top:0;right:0;width:14px;height:14px;background-color:#000000b3;border-radius:0 0 0 12px;font-size:8px;color:#fff;cursor:pointer}.image-space-item .image-uploader-cell-delete .uploader-delete-icon{position:absolute;right:2px;top:2px;display:inline-block;object-fit:cover;width:8px;height:8px}.image-space-item .image-uploader-img{object-fit:cover;display:block;width:100%;height:100%}.image-space-item .image-uploader-upload-button-wrap{position:relative}.image-space-item .image-uploader-upload-button-wrap .image-uploader-upload-button{display:flex;justify-content:center;align-items:center;background-color:#a2a2a2;cursor:pointer}.image-space-item .image-uploader-upload-button-wrap .uploader-add-icon{display:inline-block;object-fit:cover;width:32px;height:32px}.image-uploader-loading{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0000009d}.image-uploader-loading .image-uploader-loading-reactor{animation:PhotoView__delayShow .4s linear both}.image-uploader-loading .image-uploader-loading-reactor svg{animation:PhotoView__rotate .6s linear infinite}@keyframes PhotoView__rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes PhotoView__delayShow{0%,50%{opacity:0}to{opacity:1}}.android-pda-list{--base-font-size: 36px}.android-pda-list .android-pda-list-title{font-size:calc(var(--base-font-size) * .6);color:#fff;line-height:2em}.android-pda-list .default-item{background-color:#282828;font-size:var(--base-font-size);padding:10px;border-radius:6px;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:10px;word-break:break-word}.android-pda-list .default-item:hover,.android-pda-list .default-item:active,.android-pda-list .default-item:focus{background-color:#0061a1}.android-pda-list .default-item .text{flex:1}.android-pda-list .default-item .sub-text{font-size:80%;opacity:.7;line-height:1em;word-wrap:break-word}.android-pda-list .default-item .sub-tags{display:flex;margin-top:10px}.android-pda-list .default-item .sub-tags .sub-tag-item{background-color:#008fed;padding:.3em;font-size:40%;margin-right:5px;border-radius:6px;color:#fff;line-height:1em}.android-pda-list .default-item .sub-tags .sub-tag-item:first-child{margin-left:0}.android-pda-list .default-item .extra{font-size:80%;opacity:.7}.android-pda-picker{--base-font-size: 24px;--border-radius: 6px;--background-color: #282828;position:relative;background-color:var(--background-color);display:flex;align-items:center;padding:.5em;border-radius:var(--border-radius);font-size:var(--base-font-size)}.android-pda-picker .label{color:#fff;height:100%;position:absolute;display:flex;align-items:center;left:0;padding-left:10px;padding-right:10px;background-color:var(--background-color);border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.android-pda-picker .text{color:#999;min-height:1em;display:flex;flex:1;justify-content:flex-end;margin-right:10px}.android-pda-picker .icon{display:block;background-image:var(--pda-image-8);background-size:100%;background-repeat:no-repeat;background-position:center;width:20px;height:20px}.android-pda-picker-overlay{--base-font-size: 24px;display:block;width:100%;background-color:#000}.android-pda-picker-overlay .title{display:flex;align-items:center;color:#000;border-top:1px solid #727272;border-bottom:1px solid #353535;font-size:var(--base-font-size);position:relative;z-index:1;padding:1em}.android-pda-picker-overlay .title .filter-input{font-size:var(--base-font-size);box-sizing:border-box;padding:.5em .5em .5em 2em;background-color:#282828;border:none;color:#fff;border-radius:6px;flex:1}.android-pda-picker-overlay .title .filter-input:focus{background-color:#7e7e7e;outline:1px solid #00ccff}.android-pda-picker-overlay .title .filter-input:focus~.search-icon{color:#fff}.android-pda-picker-overlay .title .filter-input:focus~.cancel{display:block}.android-pda-picker-overlay .title .cancel{display:none;padding:0 1em;color:#fff}.android-pda-picker-overlay .title .search-icon{position:absolute;color:#ababab;top:1.5em;left:1.5em}.android-pda-picker-overlay .android-pda-picker-list{font-size:var(--base-font-size);height:70vh;overflow-y:auto;padding:1em}.android-op-datepicker-item{--base-font-size: 25px;--color: #ffffff;--background-color: #545454;--border-radius: 6px;position:relative;background-color:var(--background-color);border-radius:var(--border-radius)}.android-op-datepicker-item label{display:flex;align-items:center}.android-op-datepicker-item .label-text{font-size:var(--base-font-size);color:var(--color);position:absolute;height:100%;display:flex;align-items:center;left:0;padding-left:10px;padding-right:10px;background-color:var(--background-color);border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.android-op-datepicker-item input{background-color:transparent;border:none;flex:1;font-size:calc(var(--base-font-size) * 1.2);padding:.5em;text-align:right;color:var(--color)}.android-op-datepicker-item input:focus{outline:#ffffff}.presentation-card{margin:12px;background-color:#fff;border-radius:6px;text-align:center;padding:20px 6px}.presentation-card img{width:70%;height:auto}.presentation-card.transparent{background-color:transparent;color:#fff;margin-top:80px}.presentation-card .text{margin-top:12px;font-weight:700;font-size:32px}.presentation-card .sub-text{margin-top:6px;font-weight:700;font-size:24px;line-height:24px;color:#999;word-wrap:break-word}.wakekeyborard .wakekeyborard-icon{width:80px;height:80px;background-image:var(--pda-image-11);background-size:100%;position:fixed;right:24px;bottom:24px}.wakekeyborard-overlay{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#dedede33;z-index:10}.wakekeyborard-inputbox{width:100%;display:flex;flex-direction:row;height:85px;position:absolute;bottom:0;left:0;right:0}.wakekeyborard-inputbox input{width:100%;border-radius:16px 0 0;border:0;font-size:42px;background-color:#fff;padding-left:20px}.wakekeyborard-inputbox input:focus{outline:none}.wakekeyborard-inputbox input::-webkit-input-placeholder{color:#d1d1d6;font-size:32px}.wakekeyborard-inputbox button{width:150px;border:0;border-radius:0 16px 0 0;background-color:#fff}.android-sub-card{background:#282828;border-radius:16px;padding:10px;color:#fff}.android-sub-card .android-sub-card-title-section{display:flex;justify-content:space-between}.android-sub-card .android-sub-card-title-section .android-sub-card-title{opacity:.6;font-size:21.312px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag{margin-bottom:0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;color:#fff;font-size:15.984px;line-height:15.984px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.success{background-color:#0f0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.warning{background-color:#fc0;color:#000}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.error{background-color:red}.android-sub-card .android-sub-card-context{font-size:60px;line-height:60px;font-weight:700;word-break:break-all;word-wrap:break-word;margin-top:16px}.android-sub-card .android-sub-card-name{font-size:40px;line-height:40px;font-weight:700;margin-top:16px;margin-bottom:12px}.android-sub-card .android-sub-card-attrs{font-size:32px;line-height:32px;color:#999}.android-sub-card .android-sub-card-attrs>div{margin-top:12px}.pda-finish-card-top{display:flex;flex-direction:column;align-items:center;color:#fff}.pda-finish-card-top .pda-finish-card-img{width:100%;margin:50px auto 0}.pda-finish-card-top .pda-finish-card-title{font-size:50px;line-height:50px;color:#fff;font-weight:500;margin-bottom:16px;text-align:center}.pda-finish-card-top .pda-finish-card-list{margin-top:12px;color:#999;font-size:32px;line-height:30px;text-align:center}.baselayout-wrapper{display:flex;flex-direction:column;background-color:#000;padding:85px 0}.baselayout-wrapper .baselayout-header{position:fixed;width:100%;top:0;z-index:2}.baselayout-wrapper .baselayout-footer{position:fixed;bottom:0;width:100%;background-color:#000;z-index:1}.baselayout-wrapper .baselayout-container{padding:0 24px 16px;overflow-x:auto;flex:1}.baselayout-wrapper .baselayout-container>*{margin-bottom:16px}.baselayout-wrapper .loading{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;background-color:#0006;background-image:var(--pda-image-1);background-repeat:no-repeat;background-position:center;background-size:120px 120px}.pda-distance-card{border-radius:16px;padding:36px 16px;background-color:#fff}.pda-distance-card p{margin:0;font-size:28px;color:#738399}.pda-distance-card .pda-distance-card-highlight{font-size:60px;line-height:64px;color:#0091ea}.pda-distance-card .pda-distance-indictor{margin-top:36px;display:flex}.pda-distance-card .pda-distance-card-progress{background-color:#ebecf2;height:34px;border-radius:6px;border:4px solid #D9D9D9;margin-top:8px;position:relative}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-indictor{position:absolute;bottom:0;left:5px}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-inside{background-color:#0091ea;height:26px;border-radius:6px 0 0 6px}.pda-distance-card .pda-distance-label{display:flex;justify-content:space-between}.pda-infinite-scroll{margin-top:10px}.pda-infinite-scroll span{color:#999}.pda-infinite-scroll .pda-infinite-scroll-view{display:flex;align-items:center;justify-content:center}*{margin:0;padding:0}div{box-sizing:border-box}body{--pda-image-1: url(https://img.alicdn.com/imgextra/i3/O1CN01PRSptR1YO1wOlBHCr_!!6000000003048-1-tps-240-240.gif);--pda-image-2: url(https://img.alicdn.com/imgextra/i3/O1CN01O46CYm1Gc4yvZtk7A_!!6000000000642-2-tps-36-64.png);--pda-image-3: url(https://img.alicdn.com/imgextra/i3/O1CN017UD9RM1vCKxsjxsrE_!!6000000006136-2-tps-68-68.png);--pda-image-4: url(https://img.alicdn.com/imgextra/i3/O1CN0170QXc91udWriUp19S_!!6000000006060-2-tps-74-72.png);--pda-image-5: url(https://img.alicdn.com/imgextra/i3/O1CN01EMphgH1ylYGXImCZn_!!6000000006619-2-tps-70-70.png);--pda-image-6: url(https://img.alicdn.com/imgextra/i3/O1CN01dTdXds1p9gz4wKAve_!!6000000005318-2-tps-70-26.png);--pda-image-7: url(https://img.alicdn.com/imgextra/i3/O1CN01SKQH1k1p7rQYTBXdn_!!6000000005314-2-tps-56-60.png);--pda-image-8: url(https://img.alicdn.com/imgextra/i3/O1CN01WnYl6Z1qBM3uInOvw_!!6000000005457-2-tps-40-68.png);--pda-image-10: url(https://img.alicdn.com/imgextra/i3/O1CN01FkZisA1tCg1sj3b6U_!!6000000005866-2-tps-40-58.png);--pda-image-11: url(https://img.alicdn.com/imgextra/i3/O1CN01kxYh3U25Xzr9nAcYp_!!6000000007537-2-tps-240-240.png)}.op-overlay{top:0;left:0;position:fixed;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:100;background-color:none}.op-overlay:before{content:"";position:absolute;z-index:1;background-color:#000;opacity:.6;left:0;top:0;width:100vw;height:100vh}.op-overlay>div{position:relative;z-index:2}.op-overlay.center{align-items:center;justify-content:center}.op-overlay.top{align-items:flex-start;justify-content:center}.op-overlay.bottom{align-items:flex-end;justify-content:center}.op-overlay.bottom .toast-wrap{margin-bottom:10px}.prompt-dialog{background:#ffffff;border-radius:6px 6px 0 0;padding:10px;width:80%}.prompt-dialog .prompt-title{font-size:30px;margin:10px 0}.prompt-dialog .prompt-input{transition:all .1s linear;border:1px solid #dcdfe6;background-color:#fff;outline:0;margin:0;font-weight:400;vertical-align:middle;background-color:#0000;color:#1f2633;font-size:24px;box-sizing:border-box;width:100%;padding:.5em;border-radius:4px}.prompt-dialog .prompt-input:hover,.prompt-dialog .prompt-input:active,.prompt-dialog .prompt-input:focus{border-color:#03c1fd}.prompt-dialog .prompt-btns{display:flex;margin-top:10px}.prompt-dialog .prompt-btns .pda-button{margin-left:10px}.prompt-dialog .prompt-btns .pda-button:first-child{margin-left:0}.mini-app-start-page{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh}.mini-app-start-page button{padding:.3em 3em;border-radius:6px;border:none;font-size:36px;background-color:#00bdff;color:#fff;margin-top:20px}.mini-app-start-page button:active{transform:scale(.95)}.mini-app-start-page .desc{opacity:.3}.loading-wrap{position:fixed;z-index:1000;left:0;top:0;background-color:#00000080;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.loading-wrap .loading-box{background-color:#fff;border-radius:5%;display:flex;flex-direction:column;align-items:center;padding:10px 20px;margin-top:-10%}.loading-wrap .loading-box svg{width:50px;height:50px;animation:rotate 1.5s linear infinite;margin:10px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pda-app-list .pda-app-group{margin:25px}.pda-app-list .pda-app-group .group-name{line-height:1em;margin:0;font-size:32px;color:#fff;font-weight:400;opacity:.6}.pda-app-list .pda-app-group .group-apps{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:25px}.pda-app-list .pda-app-group .group-apps .app-item{display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:linear-gradient(138deg,#0091EA 0%,#095FFF 100%);border-radius:12px;font-size:32px;color:#fff;min-height:126px;flex:1;min-width:48%;max-width:48%;margin-bottom:25px;cursor:pointer}.pda-app-list .pda-app-group .group-apps .app-item:hover,.pda-app-list .pda-app-group .group-apps .app-item:active,.pda-app-list .pda-app-group .group-apps .app-item:focus{background-image:linear-gradient(45deg,#0091EA 0%,#095FFF 100%);box-shadow:0 0 1px 2px #fff}.pda-app-list .pda-app-group .group-apps .app-item .app-name{text-align:center}.pda-app-list .pda-app-group .group-apps .app-item .app-subname{font-size:50%}.action-sheet{position:fixed;z-index:1000;width:100%;height:100%;background-color:#00000059;top:0;left:0;display:none}.action-sheet .action-sheet-container{position:absolute;background-color:#fff;z-index:1010;width:100%;bottom:0;left:0;max-height:80%;border-radius:9.9px 9.9px 0 0;padding-bottom:10.56px;display:flex;flex-direction:column}.action-sheet .action-sheet-container .action-sheet-body{flex:1;overflow-y:auto}.action-sheet .action-sheet-container .action-sheet-sticky-bottom{border-top:2px solid #F2F2F2}.action-sheet .action-sheet-container .action-sheet-item{margin:10.56px 15.84px 0;background-color:#f3f4f8;height:54px;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:9.9px}.action-sheet .action-sheet-container .action-sheet-sticky-bottom-row{display:flex}.action-sheet.show{display:block}.action-sheet.show .action-sheet-container{animation:slide-in .3s ease-out}@keyframes slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.lattice-mouth .lattice-mouth-row{display:flex}.lattice-mouth .lattice-mouth-row .lattice-mouth-item{--font-size: 14px;--color: #ffffff;--background-color: #BFBFBF;color:var(--color);background-color:var(--background-color);font-size:var(--font-size);flex:1;flex-direction:column;display:flex;margin:1%;border-radius:4px;overflow:hidden}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.highlight{--color: #ffffff;--background-color: #008FED}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.active{--color: #ffffff;--background-color: #282828}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.default{--color: #ffffff;--background-color: #BFBFBF}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.complete{--color: #000000;--background-color: #00FF00}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.error{--color: #ffffff;--background-color: #f30f30}.lattice-mouth .lattice-mouth-row .lattice-mouth-item .lattice-mouth-value{text-align:center;flex:1;font-size:150%;min-height:2em;display:flex;justify-content:center;align-items:center}.lattice-mouth .lattice-mouth-row .lattice-mouth-item .lattice-mouth-label{background-color:#0000004d;text-align:center;min-height:1em}.android-op-card{--base-font-size: 20px;--background-color: #ffffff;--color: #282828;--main-color: #008fed;--border-radius: 6px;--progress-background-color: rgba(160, 160, 160, .5);--progress-foreground-color: #008fed;--tag-background-color: #008fed;--tag-color: #ffffff;background-color:var(--background-color);font-size:var(--base-font-size);color:var(--color);border-radius:var(--border-radius);padding:2%;position:relative}.android-op-card .card-h1{color:var(--color);opacity:.7;font-weight:700}.android-op-card .card-content{font-size:calc(var(--base-font-size) * 2.5);color:var(--main-color);font-weight:700;display:flex;align-items:baseline;line-height:1.1em;word-break:break-word}.android-op-card .card-content small{font-size:50%}.android-op-card .card-progress{background-color:var(--progress-background-color);border-radius:1em;overflow:hidden;height:1em;font-size:calc(var(--base-font-size) * .6);margin-bottom:1em}.android-op-card .card-progress .card-progress-bar{background-color:var(--progress-foreground-color);height:1em;opacity:1.5}.android-op-card .card-main-title{font-size:calc(var(--base-font-size) * 1.6);line-height:1.5em;margin-bottom:.2em}.android-op-card .card-info-list{color:var(--color);opacity:.6}.android-op-card .card-tags{display:flex;margin-top:.5em}.android-op-card .card-tags.top{position:absolute;top:0%;right:1%}.android-op-card .card-tags .card-tags-item{font-size:calc(var(--base-font-size) * .8);color:var(--tag-color);border-radius:.3em;background-color:var(--tag-background-color);padding:.2em .3em;margin-right:.5em}.android-op-card .actions{margin:10px -2% -2%;display:flex}.android-op-card .actions .btn{border-top:1px solid var(--color);opacity:.5;flex:1;display:flex;cursor:pointer;justify-content:center;align-items:center;line-height:2.5em;border-left:1px solid var(--color);color:var(--main-color)}.android-op-card .actions .btn:first-child{border-left:none}.android-op-card .actions .btn.warning{color:red}.android-op-card .actions .btn:hover,.android-op-card .actions .btn:active{opacity:1}.android-op-input-item{--base-font-size: 25px;--color: #ffffff;--background-color: #545454;--border-radius: 6px;position:relative;background-color:var(--background-color);border-radius:var(--border-radius)}.android-op-input-item label{display:flex;align-items:center}.android-op-input-item .label-text{font-size:var(--base-font-size);color:var(--color);height:100%;position:absolute;display:flex;align-items:center;left:0;padding-left:10px;padding-right:10px;background-color:var(--background-color);border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.android-op-input-item input{background-color:transparent;border:none;flex:1;font-size:calc(var(--base-font-size) * 1.2);padding:.5em;text-align:right;color:var(--color)}.android-op-input-item input:focus{outline:#ffffff}.doc-screen{padding:0}.doc-screen .baselayout-wrapper{padding:0!important}.doc-screen .baselayout-header,.doc-screen .baselayout-footer{position:relative!important}.components-container{display:flex}.components-example{flex-direction:column;border-right:1px solid #d8d8d8;min-height:100vh;padding-right:10px}.components-example h1{margin-top:20px}.components-example h2{color:#00000073;font-size:14px;margin-top:20px;border-bottom:1px solid #d8d8d8;padding-bottom:5px}.components-example .components-item{color:#000000d9;font-size:16px;padding:10px 0;margin-left:20px;align-items:center;cursor:pointer}.components-example .components-item:hover,.components-example .components-item.active{color:#4f10fd73}.components-example .components-item>small{margin-left:1em}.show-case{display:flex;flex-direction:column;padding:50px;flex:1}.show-case h2{margin:20px 0}.show-case .code{white-space:pre;border:1px solid #e8e8e8;border-radius:4px;background-color:#f9f9f9;padding:5px 10px;display:block;margin:20px 0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.demo-box{display:block;margin:5px 0;padding:15px;border:1px solid #e9e9e9;border-radius:6px;flex-direction:column}.demo-box:not(:last-child){margin-bottom:20px}.version{font-size:12px;margin-left:10px}.dark-block{background-color:#000;padding:24px}.light-block{background-color:#ddd;padding:24px}.light-block.pda{width:50%}.light-block-overlay{position:relative;height:300px}.light-block-overlay .op-overlay{position:absolute!important}.light-block-overlay .op-overlay:before{position:absolute!important;width:100%!important;height:100%!important}
|
|
1
|
+
.pda-button{display:block;box-sizing:border-box;padding-right:0;text-align:center;font-size:32px;height:75px;line-height:32px;color:#fff;background-color:#f3f4f8;border-radius:10px;width:100%;border-width:0;word-break:keep-all}.pda-button.pda-button-default{color:#000}.pda-button:active{background-color:#979797}.pda-button.pda-button-primary{background-color:#0091ea}.pda-button.pda-button-primary:active{background-color:#0074bb}.pda-button.pda-button-dark{background-color:#282828}.pda-button.pda-button-dark:active{background-color:#979797}.pda-button.pda-button-cutout{color:#0091ea;border-width:4px;border-color:#0091ea}.button-group{display:flex;flex-direction:row;padding:20px 24px;width:100%}.button-group .pda-button:not(:last-child){margin-right:16px}.pda-header{background-color:#000;display:flex;flex-direction:row;align-items:center;color:#fff;height:84px;padding-right:12px}.pda-header .header-click-area{padding-right:16px;height:100%;display:flex;align-items:center;flex-direction:row}.pda-header .pda-header-icon{height:100%;width:65px;background-size:100%;background-repeat:no-repeat;background-position:center}.pda-header .pda-header-icon:active{background-color:#d8d8d8}.pda-header .pda-header-icon-back{background-image:var(--pda-image-2);background-size:17px 32px}.pda-header .pda-header-icon-scan{background-image:var(--pda-image-3);background-size:34px auto}.pda-header .pda-header-icon-select{background-image:var(--pda-image-4);background-size:36px auto}.pda-header .pda-header-icon-read{background-image:var(--pda-image-5);background-size:35px auto}.pda-header .pda-title-text{font-size:40px;flex:1;line-height:1.25em}.pda-header .pda-header-more{background-image:var(--pda-image-6);background-size:36px auto}.pda-header .pda-header-config{background-image:var(--pda-image-7);background-size:36px auto}.pda-header .pda-menus{background-color:#fff;border-radius:8px 8px 0 0;width:100%;padding:24px;display:flex;flex-direction:column}.pda-header .pda-menus>*{margin-bottom:12px}.pda-info-card{border-radius:16px;padding:16px;background-color:#fff;word-break:break-word}.pda-info-card .divda-info-card-title{font-size:32px;line-height:32px}.pda-info-card .pda-info-card-title-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.pda-info-card .pda-info-card-title-section .pda-info-card-title{font-size:32px;color:#666}.pda-info-card .pda-info-card-title-section .pda-info-card-tag{display:flex;align-items:center;justify-content:center;height:36px;padding:0 8px;background-color:#fc0;border-radius:8px}.pda-info-card .pda-info-card-highlight-section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.pda-info-card .pda-info-card-highlight-section .pda-info-card-title{font-size:32px;color:#666;margin-top:20px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight{font-size:80px;line-height:64px;color:#0091ea;font-weight:700;padding-top:12px;display:flex;flex-direction:row;align-items:flex-end;flex-wrap:wrap}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight1CN{font-size:64px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2{font-size:50px;line-height:40px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2CN{font-size:40px;line-height:40px}.pda-info-card .pda-info-card-bold{font-weight:700;font-size:40px;line-height:48px;color:#000;margin-top:16px}.pda-info-card .pda-info-card-list{margin-top:12px;color:#4a4a4a;font-size:32px;line-height:32px;word-break:break-all}.pda-info-card-progress{background-color:#f3f4f8;height:12px;border-radius:6px;margin-top:16px}.pda-info-card-progress .pda-info-card-progress-inside{background-color:#0091ea;height:12px;border-radius:6px}.pda-info-card.pda-info-card-dark{background-color:#000}.pda-info-card.pda-info-card-dark .pda-info-card-title{color:#999}.pda-info-card.pda-info-card-dark .pda-info-card-highlight,.pda-info-card.pda-info-card-dark .pda-info-card-bold{color:#fff}.pda-info-card.pda-info-card-dark .pda-info-card-list{color:#999}.pda-step-card{display:flex;flex-direction:row}.pda-step-card .pda-step-indictor{display:flex;flex-direction:column;align-items:center;margin-right:16px}.pda-step-card .pda-step-indictor .pda-step-indictor-top{width:1px;background-color:#bec0c6;flex:1}.pda-step-card .pda-step-indictor .pda-step-indictor-top-hidden{background-color:#fff0}.pda-step-card .pda-step-indictor .pda-step-indictor-center{height:24px;width:24px;border-radius:12px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-center-active{background-color:#0091ea}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom{flex:1;width:1px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom-hidden{background-color:#fff0}.pda-step{border-radius:16px;padding:24px 16px;background-color:#fff;margin-bottom:16px}.pda-step p{margin:0}.pda-step .pda-step-title{font-size:60px;color:#0091ea}.pda-step .pda-step-list{margin-top:8px;color:#4a4a4a;font-size:32px;line-height:32px}.pda-step.pda-step-dark{background-color:#000}.pda-step.pda-step-dark .pda-step-title{color:#fff}.pda-step.pda-step-dark .pda-step-list{color:#bec0c6}.pda-list-item{padding:24px 16px;border-radius:16px;position:relative}.pda-list-item div{margin:0}.pda-list-item>div{margin-bottom:12px}.pda-list-item>div:last-child{margin-bottom:0}.pda-list-item .pda-listitem-highlight{width:100%;font-size:40px;line-height:40px;font-weight:700;color:#fff;display:flex;flex-direction:row;justify-content:space-between}.pda-list-item .pda-listitem-highlight div:first-child{flex:1;word-break:normal;white-space:normal;word-break:break-word}.pda-list-item .pda-listitem-header,.pda-list-item .pda-listitem-state-text,.pda-list-item .pda-listitem-subinfo{font-size:32px;line-height:32px;color:#999;word-break:break-all}.pda-list-item .pda-listitem-state-block{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0}.pda-list-item .pda-listitem-state-block>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px}.pda-list-item .pda-listitem-state-block>div.success{background-color:#0f0}.pda-list-item .pda-listitem-state-block>div.warning{background-color:#fc0}.pda-list-item .pda-listitem-state-block>div.error{background-color:red}.pda-list-item .pda-listitem-icon{position:absolute;top:0;right:0;width:60px;height:60px;background-color:#0091ea;border-radius:0 16px;display:flex;justify-content:center;align-items:center;opacity:.85}.pda-list-item .listitem-icon-container{background-size:100%;background-repeat:no-repeat;width:16px;height:24px}.pda-list-item .listitem-icon-next{background-image:var(--pda-image-10)}.confirm-wrap{background:#ffffff;border-radius:6px 6px 0 0;padding-top:24px;width:100%}.confirm-wrap .confirm-content{padding:0 24px}.confirm-wrap .confirm-title{font-size:28.8px;font-weight:700}.confirm-wrap .confirm-message,.confirm-wrap .confirm-sub-message{font-size:26.4px;margin-bottom:12px}.confirm-wrap .confirm-sub-block{display:flex;flex-direction:row}.confirm-wrap .confirm-sub-block .confirm-sub-label{white-space:nowrap}.confirm-wrap .confirm-sub-block .confirm-sub-content{margin-left:12px;word-wrap:break-word;word-break:break-all}.confirm-wrap .confirm-btns>*:not(:first-child){padding-top:0}.confirm-wrap.confirm-warning{background-color:red}.confirm-wrap.confirm-warning .pda-button{background-color:transparent;color:#000;border:2px solid black;border-radius:40px}.toast-wrap{background:#00ff00;border-radius:6px;padding:10px 15px;width:100%;box-sizing:border-box}.toast-wrap.warning{background-color:#ffcb00}.toast-wrap.error{background-color:red}.toast-wrap .toast-title{font-size:50px;font-weight:700;word-wrap:break-word}.toast-wrap .toast-message{font-size:32px;word-wrap:break-word}.loading-box{background-color:#fff;border-radius:5%;display:flex;flex-direction:column;align-items:center;padding:10px 20px;margin-top:-10%}.loading-box svg{width:50px;height:50px;animation:rotate 1.5s linear infinite;margin:10px}.pda-tag{display:inline-block;padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px;word-break:keep-all}.pda-tag.pda-tag-success{background-color:#0f0}.pda-tag.pda-tag-warning{background-color:#fc0}.pda-tag.pda-tag-error{background-color:red}.simple-card{display:inline-block;padding:12px 0 12px 18px;border-radius:12px}.simple-card .simple-card-title{font-weight:700;font-size:56px;line-height:40px;margin-top:12px}.simple-card .simple-card-content{font-size:28px;line-height:40px;margin-top:12px}.simple-card.simple-card-default{background-color:#f3f4f9}.simple-card.simple-card-default .simple-card-title{color:#0091ea}.simple-card.simple-card-default .simple-card-content{color:#000}.simple-card.simple-card-error{background-color:red}.simple-card.simple-card-error .simple-card-title{color:#fff}.simple-card.simple-card-error .simple-card-content{color:#ffafb1}.simple-card.simple-card-dark{background-color:#282828}.simple-card.simple-card-dark .simple-card-title{color:#fff}.simple-card.simple-card-dark .simple-card-content{color:#999}.simple-card-block{background-color:#fff;padding:24px 12px;border-radius:12px}.simple-card-block .simple-card-block-header{display:flex;justify-content:space-between}.simple-card-block .simple-card-block-title{color:#666;font-size:32px;line-height:32px}.simple-card-block .simple-card-block-content{display:flex;flex-wrap:wrap}.simple-card-block .simple-card-block-content>div{min-width:190px;margin-right:12px;margin-top:12px}.select-card{padding-top:12px}.select-card p{color:#999;font-size:32px;line-height:40px;margin-bottom:12px;padding-left:16px}.select-card .select-card-content{background-color:#282828;padding:24px 24px 24px 16px;border-radius:16px;display:flex;flex-direction:row;justify-content:space-between;color:#fff;font-size:40px;line-height:40px}.select-card .select-icon{background-image:var(--pda-image-8);background-size:100%;background-repeat:no-repeat;background-position:center;width:20px}.v-mask{position:fixed;top:0;left:0;z-index:1000;display:block;width:100%;height:100%;background:rgba(0,0,0,.75);opacity:1;display:unset}.v-mask .image-viewer-content{width:100vw;height:100vh;max-height:-webkit-fill-available;touch-action:none}.v-mask .image-viewer-slides{height:100%;position:relative;z-index:1;cursor:grab;touch-action:none}.v-mask .image-viewer-indicator{position:absolute;z-index:2;left:50%;top:12px;transform:translate(-50%);color:#e6e6e6;font-size:14px}.v-mask .viewer-image-close{position:absolute;right:6px}.v-mask .viewer-image-close svg{fill:#fff;background:rgba(0,0,0,.3);box-sizing:content-box;height:24px;padding:12px;width:24px}.v-mask .image-viewer-slides-inner{height:100%;white-space:nowrap}.v-mask .image-viewer-image-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.v-mask .image-viewer-image-wrapper img{display:block;max-width:100%;max-height:100%}.v-mask .viewer-image-arrow{position:absolute;top:calc(50% - 10px);z-index:999}.v-mask .viewer-image-arrow svg{fill:#fff;background:rgba(0,0,0,.3);box-sizing:content-box;height:24px;padding:18px;width:24px}.v-mask .viewer-prev{left:0}.v-mask .viewer-next{right:0}.v-mask .image-viewer-loading{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0000009d;z-index:998}.v-mask .image-viewer-loading .image-viewer-loading-reactor{animation:PhotoView__delayShow .4s linear both}.v-mask .image-viewer-loading .image-viewer-loading-reactor svg{animation:PhotoView__rotate .6s linear infinite}.image-uploader-wrap{display:inline-flex;flex-wrap:wrap;margin-bottom:8px}.image-space-item{margin-right:8px;padding-bottom:8px}.image-space-item .image-uploader-cell{position:relative;width:80px;height:80px;border-radius:4px;overflow:hidden}.image-space-item .image-uploader-cell-image{width:80px;height:80px}.image-space-item .image-uploader-cell-delete{position:absolute;top:0;right:0;width:14px;height:14px;background-color:#000000b3;border-radius:0 0 0 12px;font-size:8px;color:#fff;cursor:pointer}.image-space-item .image-uploader-cell-delete .uploader-delete-icon{position:absolute;right:2px;top:2px;display:inline-block;object-fit:cover;width:8px;height:8px}.image-space-item .image-uploader-img{object-fit:cover;display:block;width:100%;height:100%}.image-space-item .image-uploader-upload-button-wrap{position:relative}.image-space-item .image-uploader-upload-button-wrap .image-uploader-upload-button{display:flex;justify-content:center;align-items:center;background-color:#a2a2a2;cursor:pointer}.image-space-item .image-uploader-upload-button-wrap .uploader-add-icon{display:inline-block;object-fit:cover;width:32px;height:32px}.image-uploader-loading{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0000009d}.image-uploader-loading .image-uploader-loading-reactor{animation:PhotoView__delayShow .4s linear both}.image-uploader-loading .image-uploader-loading-reactor svg{animation:PhotoView__rotate .6s linear infinite}@keyframes PhotoView__rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes PhotoView__delayShow{0%,50%{opacity:0}to{opacity:1}}.android-pda-list{--base-font-size: 36px}.android-pda-list .android-pda-list-title{font-size:calc(var(--base-font-size) * .6);color:#fff;line-height:2em}.android-pda-list .default-item{background-color:#282828;font-size:var(--base-font-size);padding:10px;border-radius:6px;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:10px;word-break:break-word}.android-pda-list .default-item:hover,.android-pda-list .default-item:active,.android-pda-list .default-item:focus{background-color:#0061a1}.android-pda-list .default-item .text{flex:1}.android-pda-list .default-item .sub-text{font-size:80%;opacity:.7;line-height:1em;word-wrap:break-word}.android-pda-list .default-item .sub-tags{display:flex;margin-top:10px}.android-pda-list .default-item .sub-tags .sub-tag-item{background-color:#008fed;padding:.3em;font-size:40%;margin-right:5px;border-radius:6px;color:#fff;line-height:1em}.android-pda-list .default-item .sub-tags .sub-tag-item:first-child{margin-left:0}.android-pda-list .default-item .extra{font-size:80%;opacity:.7}.android-pda-picker{--base-font-size: 24px;--border-radius: 6px;--background-color: #282828;position:relative;background-color:var(--background-color);display:flex;align-items:center;padding:.5em;border-radius:var(--border-radius);font-size:var(--base-font-size)}.android-pda-picker .label{color:#fff;height:100%;position:absolute;display:flex;align-items:center;left:0;padding-left:10px;padding-right:10px;background-color:var(--background-color);border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.android-pda-picker .text{color:#999;min-height:1em;display:flex;flex:1;justify-content:flex-end;margin-right:10px}.android-pda-picker .icon{display:block;background-image:var(--pda-image-8);background-size:100%;background-repeat:no-repeat;background-position:center;width:20px;height:20px}.android-pda-picker-overlay{--base-font-size: 24px;display:block;width:100%;background-color:#000}.android-pda-picker-overlay .title{display:flex;align-items:center;color:#000;border-top:1px solid #727272;border-bottom:1px solid #353535;font-size:var(--base-font-size);position:relative;z-index:1;padding:1em}.android-pda-picker-overlay .title .filter-input{font-size:var(--base-font-size);box-sizing:border-box;padding:.5em .5em .5em 2em;background-color:#282828;border:none;color:#fff;border-radius:6px;flex:1}.android-pda-picker-overlay .title .filter-input:focus{background-color:#7e7e7e;outline:1px solid #00ccff}.android-pda-picker-overlay .title .filter-input:focus~.search-icon{color:#fff}.android-pda-picker-overlay .title .filter-input:focus~.cancel{display:block}.android-pda-picker-overlay .title .cancel{display:none;padding:0 1em;color:#fff}.android-pda-picker-overlay .title .search-icon{position:absolute;color:#ababab;top:1.5em;left:1.5em}.android-pda-picker-overlay .android-pda-picker-list{font-size:var(--base-font-size);height:70vh;overflow-y:auto;padding:1em}.android-op-datepicker-item{--base-font-size: 25px;--color: #ffffff;--background-color: #545454;--border-radius: 6px;position:relative;background-color:var(--background-color);border-radius:var(--border-radius)}.android-op-datepicker-item label{display:flex;align-items:center}.android-op-datepicker-item .label-text{font-size:var(--base-font-size);color:var(--color);position:absolute;height:100%;display:flex;align-items:center;left:0;padding-left:10px;padding-right:10px;background-color:var(--background-color);border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.android-op-datepicker-item input{background-color:transparent;border:none;flex:1;font-size:calc(var(--base-font-size) * 1.2);padding:.5em;text-align:right;color:var(--color)}.android-op-datepicker-item input:focus{outline:#ffffff}.presentation-card{margin:12px;background-color:#fff;border-radius:6px;text-align:center;padding:20px 6px}.presentation-card img{width:70%;height:auto}.presentation-card.transparent{background-color:transparent;color:#fff;margin-top:80px}.presentation-card .text{margin-top:12px;font-weight:700;font-size:32px}.presentation-card .sub-text{margin-top:6px;font-weight:700;font-size:24px;line-height:24px;color:#999;word-wrap:break-word}.wakekeyborard .wakekeyborard-icon{width:80px;height:80px;background-image:var(--pda-image-11);background-size:100%;position:fixed;right:24px;bottom:24px}.wakekeyborard-overlay{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#dedede33;z-index:10}.wakekeyborard-inputbox{width:100%;display:flex;flex-direction:row;height:85px;position:absolute;bottom:0;left:0;right:0}.wakekeyborard-inputbox input{width:100%;border-radius:16px 0 0;border:0;font-size:42px;background-color:#fff;padding-left:20px}.wakekeyborard-inputbox input:focus{outline:none}.wakekeyborard-inputbox input::-webkit-input-placeholder{color:#d1d1d6;font-size:32px}.wakekeyborard-inputbox button{width:150px;border:0;border-radius:0 16px 0 0;background-color:#fff}.android-sub-card{background:#282828;border-radius:16px;padding:10px;color:#fff}.android-sub-card .android-sub-card-title-section{display:flex;justify-content:space-between}.android-sub-card .android-sub-card-title-section .android-sub-card-title{opacity:.6;font-size:21.312px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag{margin-bottom:0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;color:#fff;font-size:15.984px;line-height:15.984px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.success{background-color:#0f0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.warning{background-color:#fc0;color:#000}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.error{background-color:red}.android-sub-card .android-sub-card-context{font-size:60px;line-height:60px;font-weight:700;word-break:break-all;word-wrap:break-word;margin-top:16px}.android-sub-card .android-sub-card-name{font-size:40px;line-height:40px;font-weight:700;margin-top:16px;margin-bottom:12px}.android-sub-card .android-sub-card-attrs{font-size:32px;line-height:32px;color:#999}.android-sub-card .android-sub-card-attrs>div{margin-top:12px}.pda-finish-card-top{display:flex;flex-direction:column;align-items:center;color:#fff}.pda-finish-card-top .pda-finish-card-img{width:100%;margin:50px auto 0}.pda-finish-card-top .pda-finish-card-title{font-size:50px;line-height:50px;color:#fff;font-weight:500;margin-bottom:16px;text-align:center}.pda-finish-card-top .pda-finish-card-list{margin-top:12px;color:#999;font-size:32px;line-height:30px;text-align:center}.baselayout-wrapper{display:flex;flex-direction:column;background-color:#000;padding:85px 0}.baselayout-wrapper .baselayout-header{position:fixed;width:100%;top:0;z-index:2}.baselayout-wrapper .baselayout-footer{position:fixed;bottom:0;width:100%;background-color:#000;z-index:1}.baselayout-wrapper .baselayout-container{padding:0 24px 16px;overflow-x:auto;flex:1}.baselayout-wrapper .baselayout-container>*{margin-bottom:16px}.baselayout-wrapper .loading{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;background-color:#0006;background-image:var(--pda-image-1);background-repeat:no-repeat;background-position:center;background-size:120px 120px}.pda-distance-card{border-radius:16px;padding:36px 16px;background-color:#fff}.pda-distance-card p{margin:0;font-size:28px;color:#738399}.pda-distance-card .pda-distance-card-highlight{font-size:60px;line-height:64px;color:#0091ea}.pda-distance-card .pda-distance-indictor{margin-top:36px;display:flex}.pda-distance-card .pda-distance-card-progress{background-color:#ebecf2;height:34px;border-radius:6px;border:4px solid #D9D9D9;margin-top:8px;position:relative}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-indictor{position:absolute;bottom:0;left:5px}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-inside{background-color:#0091ea;height:26px;border-radius:6px 0 0 6px}.pda-distance-card .pda-distance-label{display:flex;justify-content:space-between}.pda-infinite-scroll{margin-top:10px}.pda-infinite-scroll span{color:#999}.pda-infinite-scroll .pda-infinite-scroll-view{display:flex;align-items:center;justify-content:center}*{margin:0;padding:0}div{box-sizing:border-box}body{--pda-image-1: url(https://img.alicdn.com/imgextra/i3/O1CN01PRSptR1YO1wOlBHCr_!!6000000003048-1-tps-240-240.gif);--pda-image-2: url(https://img.alicdn.com/imgextra/i3/O1CN01O46CYm1Gc4yvZtk7A_!!6000000000642-2-tps-36-64.png);--pda-image-3: url(https://img.alicdn.com/imgextra/i3/O1CN017UD9RM1vCKxsjxsrE_!!6000000006136-2-tps-68-68.png);--pda-image-4: url(https://img.alicdn.com/imgextra/i3/O1CN0170QXc91udWriUp19S_!!6000000006060-2-tps-74-72.png);--pda-image-5: url(https://img.alicdn.com/imgextra/i3/O1CN01EMphgH1ylYGXImCZn_!!6000000006619-2-tps-70-70.png);--pda-image-6: url(https://img.alicdn.com/imgextra/i3/O1CN01dTdXds1p9gz4wKAve_!!6000000005318-2-tps-70-26.png);--pda-image-7: url(https://img.alicdn.com/imgextra/i3/O1CN01SKQH1k1p7rQYTBXdn_!!6000000005314-2-tps-56-60.png);--pda-image-8: url(https://img.alicdn.com/imgextra/i3/O1CN01WnYl6Z1qBM3uInOvw_!!6000000005457-2-tps-40-68.png);--pda-image-10: url(https://img.alicdn.com/imgextra/i3/O1CN01FkZisA1tCg1sj3b6U_!!6000000005866-2-tps-40-58.png);--pda-image-11: url(https://img.alicdn.com/imgextra/i3/O1CN01kxYh3U25Xzr9nAcYp_!!6000000007537-2-tps-240-240.png)}.op-overlay{top:0;left:0;position:fixed;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:100;background-color:none}.op-overlay:before{content:"";position:absolute;z-index:1;background-color:#000;opacity:.6;left:0;top:0;width:100vw;height:100vh}.op-overlay>div{position:relative;z-index:2}.op-overlay.center{align-items:center;justify-content:center}.op-overlay.top{align-items:flex-start;justify-content:center}.op-overlay.bottom{align-items:flex-end;justify-content:center}.op-overlay.bottom .toast-wrap{margin-bottom:10px}.prompt-dialog{background:#ffffff;border-radius:6px 6px 0 0;padding:10px;width:80%}.prompt-dialog .prompt-title{font-size:30px;margin:10px 0}.prompt-dialog .prompt-input{transition:all .1s linear;border:1px solid #dcdfe6;background-color:#fff;outline:0;margin:0;font-weight:400;vertical-align:middle;background-color:#0000;color:#1f2633;font-size:24px;box-sizing:border-box;width:100%;padding:.5em;border-radius:4px}.prompt-dialog .prompt-input:hover,.prompt-dialog .prompt-input:active,.prompt-dialog .prompt-input:focus{border-color:#03c1fd}.prompt-dialog .prompt-btns{display:flex;margin-top:10px}.prompt-dialog .prompt-btns .pda-button{margin-left:10px}.prompt-dialog .prompt-btns .pda-button:first-child{margin-left:0}.mini-app-start-page{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh}.mini-app-start-page button{padding:.3em 3em;border-radius:6px;border:none;font-size:36px;background-color:#00bdff;color:#fff;margin-top:20px}.mini-app-start-page button:active{transform:scale(.95)}.mini-app-start-page .desc{opacity:.3}.loading-wrap{position:fixed;z-index:1000;left:0;top:0;background-color:#00000080;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.loading-wrap .loading-box{background-color:#fff;border-radius:5%;display:flex;flex-direction:column;align-items:center;padding:10px 20px;margin-top:-10%}.loading-wrap .loading-box svg{width:50px;height:50px;animation:rotate 1.5s linear infinite;margin:10px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pda-app-list .pda-app-group{margin:25px}.pda-app-list .pda-app-group .group-name{line-height:1em;margin:0;font-size:32px;color:#fff;font-weight:400;opacity:.6}.pda-app-list .pda-app-group .group-apps{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:25px}.pda-app-list .pda-app-group .group-apps .app-item{display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:linear-gradient(138deg,#0091EA 0%,#095FFF 100%);border-radius:12px;font-size:32px;color:#fff;min-height:126px;flex:1;min-width:48%;max-width:48%;margin-bottom:25px;cursor:pointer}.pda-app-list .pda-app-group .group-apps .app-item:hover,.pda-app-list .pda-app-group .group-apps .app-item:active,.pda-app-list .pda-app-group .group-apps .app-item:focus{background-image:linear-gradient(45deg,#0091EA 0%,#095FFF 100%);box-shadow:0 0 1px 2px #fff}.pda-app-list .pda-app-group .group-apps .app-item .app-name{text-align:center}.pda-app-list .pda-app-group .group-apps .app-item .app-subname{font-size:50%}.action-sheet{position:fixed;z-index:1000;width:100%;height:100%;background-color:#00000059;top:0;left:0;display:none}.action-sheet .action-sheet-container{position:absolute;background-color:#fff;z-index:1010;width:100%;bottom:0;left:0;max-height:80%;border-radius:9.9px 9.9px 0 0;padding-bottom:10.56px;display:flex;flex-direction:column}.action-sheet .action-sheet-container .action-sheet-body{flex:1;overflow-y:auto}.action-sheet .action-sheet-container .action-sheet-sticky-bottom{border-top:2px solid #F2F2F2}.action-sheet .action-sheet-container .action-sheet-item{margin:10.56px 15.84px 0;background-color:#f3f4f8;height:54px;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:9.9px}.action-sheet .action-sheet-container .action-sheet-sticky-bottom-row{display:flex}.action-sheet.show{display:block}.action-sheet.show .action-sheet-container{animation:slide-in .3s ease-out}@keyframes slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.lattice-mouth .lattice-mouth-row{display:flex}.lattice-mouth .lattice-mouth-row .lattice-mouth-item{--font-size: 14px;--color: #ffffff;--background-color: #BFBFBF;color:var(--color);background-color:var(--background-color);font-size:var(--font-size);flex:1;flex-direction:column;display:flex;margin:1%;border-radius:4px;overflow:hidden}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.highlight{--color: #ffffff;--background-color: #008FED}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.active{--color: #ffffff;--background-color: #282828}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.default{--color: #ffffff;--background-color: #BFBFBF}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.complete{--color: #000000;--background-color: #00FF00}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.error{--color: #ffffff;--background-color: #f30f30}.lattice-mouth .lattice-mouth-row .lattice-mouth-item .lattice-mouth-value{text-align:center;flex:1;font-size:150%;min-height:2em;display:flex;justify-content:center;align-items:center}.lattice-mouth .lattice-mouth-row .lattice-mouth-item .lattice-mouth-label{background-color:#0000004d;text-align:center;min-height:1em}.android-op-card{--base-font-size: 20px;--background-color: #ffffff;--color: #282828;--main-color: #008fed;--border-radius: 6px;--progress-background-color: rgba(160, 160, 160, .5);--progress-foreground-color: #008fed;--tag-background-color: #008fed;--tag-color: #ffffff;background-color:var(--background-color);font-size:var(--base-font-size);color:var(--color);border-radius:var(--border-radius);padding:2%;position:relative}.android-op-card .card-h1{color:var(--color);opacity:.7;font-weight:700}.android-op-card .card-content{font-size:calc(var(--base-font-size) * 2.5);color:var(--main-color);font-weight:700;display:flex;align-items:baseline;line-height:1.1em;word-break:break-word}.android-op-card .card-content small{font-size:50%}.android-op-card .card-progress{background-color:var(--progress-background-color);border-radius:1em;overflow:hidden;height:1em;font-size:calc(var(--base-font-size) * .6);margin-bottom:1em}.android-op-card .card-progress .card-progress-bar{background-color:var(--progress-foreground-color);height:1em;opacity:1.5}.android-op-card .card-main-title{font-size:calc(var(--base-font-size) * 1.6);line-height:1.5em;margin-bottom:.2em}.android-op-card .card-info-list{color:var(--color);opacity:.6}.android-op-card .card-tags{display:flex;margin-top:.5em}.android-op-card .card-tags.top{position:absolute;top:0%;right:1%}.android-op-card .card-tags .card-tags-item{font-size:calc(var(--base-font-size) * .8);color:var(--tag-color);border-radius:.3em;background-color:var(--tag-background-color);padding:.2em .3em;margin-right:.5em}.android-op-card .actions{margin:10px -2% -2%;display:flex}.android-op-card .actions .btn{border-top:1px solid var(--color);opacity:.5;flex:1;display:flex;cursor:pointer;justify-content:center;align-items:center;line-height:2.5em;border-left:1px solid var(--color);color:var(--main-color)}.android-op-card .actions .btn:first-child{border-left:none}.android-op-card .actions .btn.warning{color:red}.android-op-card .actions .btn:hover,.android-op-card .actions .btn:active{opacity:1}.android-op-input-item{--base-font-size: 25px;--color: #ffffff;--background-color: #545454;--border-radius: 6px;position:relative;background-color:var(--background-color);border-radius:var(--border-radius)}.android-op-input-item label{display:flex;align-items:center}.android-op-input-item .label-text{font-size:var(--base-font-size);color:var(--color);height:100%;position:absolute;display:flex;align-items:center;left:0;padding-left:10px;padding-right:10px;background-color:var(--background-color);border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.android-op-input-item input{background-color:transparent;border:none;flex:1;font-size:calc(var(--base-font-size) * 1.2);padding:.5em;text-align:right;color:var(--color)}.android-op-input-item input:focus{outline:#ffffff}.doc-screen{padding:0}.doc-screen .baselayout-wrapper{padding:0!important}.doc-screen .baselayout-header,.doc-screen .baselayout-footer{position:relative!important}.components-container{display:flex}.components-example{flex-direction:column;border-right:1px solid #d8d8d8;min-height:100vh;padding-right:10px}.components-example h1{margin-top:20px}.components-example h2{color:#00000073;font-size:14px;margin-top:20px;border-bottom:1px solid #d8d8d8;padding-bottom:5px}.components-example .components-item{color:#000000d9;font-size:16px;padding:10px 0;margin-left:20px;align-items:center;cursor:pointer}.components-example .components-item:hover,.components-example .components-item.active{color:#4f10fd73}.components-example .components-item>small{margin-left:1em}.show-case{display:flex;flex-direction:column;padding:50px;flex:1}.show-case h2{margin:20px 0}.show-case .code{white-space:pre;border:1px solid #e8e8e8;border-radius:4px;background-color:#f9f9f9;padding:5px 10px;display:block;margin:20px 0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.demo-box{display:block;margin:5px 0;padding:15px;border:1px solid #e9e9e9;border-radius:6px;flex-direction:column}.demo-box:not(:last-child){margin-bottom:20px}.version{font-size:12px;margin-left:10px}.dark-block{background-color:#000;padding:24px}.light-block{background-color:#ddd;padding:24px}.light-block.pda{width:50%}.light-block-overlay{position:relative;height:300px}.light-block-overlay .op-overlay{position:absolute!important}.light-block-overlay .op-overlay:before{position:absolute!important;width:100%!important;height:100%!important}
|
|
@@ -865,7 +865,7 @@ const dataSource = [
|
|
|
865
865
|
]}
|
|
866
866
|
></Card>
|
|
867
867
|
|
|
868
|
-
`),t.createElement("h2",null,"\u53C2\u6570\u8BF4\u660E"),t.createElement("table",{className:"pure-table pure-table-bordered"},t.createElement("thead",null,t.createElement("tr",null,t.createElement("th",null,"\u5C5E\u6027"),t.createElement("th",null,"\u8BF4\u660E"),t.createElement("th",null,"\u7C7B\u578B"),t.createElement("th",null,"\u9ED8\u8BA4\u503C"))),t.createElement("tbody",null,t.createElement("tr",null,t.createElement("td",null,"title"),t.createElement("td",null,"\u6807\u9898"),t.createElement("td",null,"String"),t.createElement("td",null,"-")),t.createElement("tr",null,t.createElement("td",null,"content"),t.createElement("td",null,"\u5185\u5BB9,\u5982\u679C\u5185\u5BB9\u5185\u6709/\u4F1A\u6309\u7167\u659C\u6760\u62C6\u5206\u663E\u793A"),t.createElement("td",null,"String"),t.createElement("td",null,"-")),t.createElement("tr",null,t.createElement("td",null,"subContent"),t.createElement("td",null,"\u6B21\u8981\u5185\u5BB9"),t.createElement("td",null,"String"),t.createElement("td",null,"-")),t.createElement("tr",null,t.createElement("td",null,"hasProgress"),t.createElement("td",null,"\u662F\u5426\u663E\u793A\u8FDB\u5EA6\u6761"),t.createElement("td",null,"Boolean"),t.createElement("td",null,"true")),t.createElement("tr",null,t.createElement("td",null,"progress"),t.createElement("td",null,"\u8FDB\u5EA6(1-100)"),t.createElement("td",null,"Number"),t.createElement("td",null,"100")),t.createElement("tr",null,t.createElement("td",null,"infoList"),t.createElement("td",null,"\u5C5E\u6027\u5217\u8868"),t.createElement("td",null,"Array<String>"),t.createElement("td",null,"[]")),t.createElement("tr",null,t.createElement("td",null,"tags"),t.createElement("td",null,"\u6807\u7B7E\u5217\u8868\uFF0C\u4F20\u7A7A\u6570\u7EC4\u4E0D\u663E\u793A\u6807\u7B7E"),t.createElement("td",null,"Array<String>"),t.createElement("td",null,"[]")),t.createElement("tr",null,t.createElement("td",null,"tagPosition"),t.createElement("td",null,"\u6807\u7B7E\u4F4D\u7F6E\uFF0C\u53EF\u9009bottom, top"),t.createElement("td",null,"String"),t.createElement("td",null,"bottom")),t.createElement("tr",null,t.createElement("td",null,"theme"),t.createElement("td",null,"\u6837\u5F0F light|dark"),t.createElement("td",null,"String"),t.createElement("td",null,"light")),t.createElement("tr",null,t.createElement("td",null,"onClick"),t.createElement("td",null,"Item \u70B9\u51FB\u56DE\u8C03\uFF08\u642D\u5EFA\u4E2D\u53C2\u6570\u4E3A\u6807\u7B7E\u6807\u8BC6\uFF09"),t.createElement("td",null,"Function"),t.createElement("td",null,"-")),t.createElement("tr",null,t.createElement("td",null,"actions"),t.createElement("td",null,"Array<{text,type,onClick}>",", type\u53EF\u9009warning|default"),t.createElement("td",null,"Array"),t.createElement("td",null,"[]")),t.createElement("tr",null,t.createElement("td",null,"style"),t.createElement("td",null,"CSS \u53D8\u91CF\uFF0C\u8BF7\u53C2\u8003\u540E\u9762\u7684\u6587\u6863"),t.createElement("td",null,"Object"),t.createElement("td",null,"-")))),t.createElement("h2",null,"CSS \u53D8\u91CF"),t.createElement("table",{className:"pure-table pure-table-bordered"},t.createElement("thead",null,t.createElement("tr",null,t.createElement("th",null,"\u5C5E\u6027"),t.createElement("th",null,"\u8BF4\u660E"),t.createElement("th",null,"\u7C7B\u578B"),t.createElement("th",null,"\u9ED8\u8BA4\u503C"))),t.createElement("tbody",null,t.createElement("tr",null,t.createElement("td",null,"--base-font-size"),t.createElement("td",null,"\u57FA\u7840\u5B57\u4F53\u5927\u5C0F\uFF0C\u5176\u4ED6\u6587\u5B57\u5C06\u4F1A\u53C2\u7167\u4E2A\u57FA\u7840\u5927\u5C0F\u6BD4\u4F8B\u7F29\u5C0F\u6216\u653E\u5927"),t.createElement("td",null,"String"),t.createElement("td",null,"14px")),t.createElement("tr",null,t.createElement("td",null,"--background-color"),t.createElement("td",null,"\u5361\u7247\u80CC\u666F\u989C\u8272"),t.createElement("td",null,"String"),t.createElement("td",null,"#FFFFFF")),t.createElement("tr",null,t.createElement("td",null,"--color"),t.createElement("td",null,"\u5361\u7247\u6587\u5B57\u989C\u8272\uFF0C\u9664\u4E3B\u8981\u7684\u6587\u5B57\u4EE5\u5916\uFF0C\u5176\u4ED6\u6587\u5B57\u90FD\u6309\u7167\u8FD9\u4E2A\u989C\u8272\u5904\u7406"),t.createElement("td",null,"String"),t.createElement("td",null,"#000000")),t.createElement("tr",null,t.createElement("td",null,"--main-color"),t.createElement("td",null,"\u4E3B\u8981\u6587\u5B57\u989C\u8272"),t.createElement("td",null,"String"),t.createElement("td",null,"#008FED")),t.createElement("tr",null,t.createElement("td",null,"--border-radius"),t.createElement("td",null,"\u5706\u89D2\u5927\u5C0F"),t.createElement("td",null,"String"),t.createElement("td",null,"6px")),t.createElement("tr",null,t.createElement("td",null,"--progress-background-color"),t.createElement("td",null,"\u8FDB\u5EA6\u6761\u80CC\u666F\u989C\u8272"),t.createElement("td",null,"String"),t.createElement("td",null,"rgba(160, 160, 160, 0.5)")),t.createElement("tr",null,t.createElement("td",null,"--progress-foreground-color"),t.createElement("td",null,"\u8FDB\u5EA6\u6761\u524D\u666F\u989C\u8272"),t.createElement("td",null,"String"),t.createElement("td",null,"#008FED")),t.createElement("tr",null,t.createElement("td",null,"--tag-background-color"),t.createElement("td",null,"\u6807\u7B7E\u80CC\u666F\u989C\u8272"),t.createElement("td",null,"String"),t.createElement("td",null,"#008FED")),t.createElement("tr",null,t.createElement("td",null,"--tag-color"),t.createElement("td",null,"\u6807\u7B7E\u6587\u5B57\u989C\u8272"),t.createElement("td",null,"String"),t.createElement("td",null,"#ffffff")))))}const xp="@cniot/android-pda-components",wp="1.1.
|
|
868
|
+
`),t.createElement("h2",null,"\u53C2\u6570\u8BF4\u660E"),t.createElement("table",{className:"pure-table pure-table-bordered"},t.createElement("thead",null,t.createElement("tr",null,t.createElement("th",null,"\u5C5E\u6027"),t.createElement("th",null,"\u8BF4\u660E"),t.createElement("th",null,"\u7C7B\u578B"),t.createElement("th",null,"\u9ED8\u8BA4\u503C"))),t.createElement("tbody",null,t.createElement("tr",null,t.createElement("td",null,"title"),t.createElement("td",null,"\u6807\u9898"),t.createElement("td",null,"String"),t.createElement("td",null,"-")),t.createElement("tr",null,t.createElement("td",null,"content"),t.createElement("td",null,"\u5185\u5BB9,\u5982\u679C\u5185\u5BB9\u5185\u6709/\u4F1A\u6309\u7167\u659C\u6760\u62C6\u5206\u663E\u793A"),t.createElement("td",null,"String"),t.createElement("td",null,"-")),t.createElement("tr",null,t.createElement("td",null,"subContent"),t.createElement("td",null,"\u6B21\u8981\u5185\u5BB9"),t.createElement("td",null,"String"),t.createElement("td",null,"-")),t.createElement("tr",null,t.createElement("td",null,"hasProgress"),t.createElement("td",null,"\u662F\u5426\u663E\u793A\u8FDB\u5EA6\u6761"),t.createElement("td",null,"Boolean"),t.createElement("td",null,"true")),t.createElement("tr",null,t.createElement("td",null,"progress"),t.createElement("td",null,"\u8FDB\u5EA6(1-100)"),t.createElement("td",null,"Number"),t.createElement("td",null,"100")),t.createElement("tr",null,t.createElement("td",null,"infoList"),t.createElement("td",null,"\u5C5E\u6027\u5217\u8868"),t.createElement("td",null,"Array<String>"),t.createElement("td",null,"[]")),t.createElement("tr",null,t.createElement("td",null,"tags"),t.createElement("td",null,"\u6807\u7B7E\u5217\u8868\uFF0C\u4F20\u7A7A\u6570\u7EC4\u4E0D\u663E\u793A\u6807\u7B7E"),t.createElement("td",null,"Array<String>"),t.createElement("td",null,"[]")),t.createElement("tr",null,t.createElement("td",null,"tagPosition"),t.createElement("td",null,"\u6807\u7B7E\u4F4D\u7F6E\uFF0C\u53EF\u9009bottom, top"),t.createElement("td",null,"String"),t.createElement("td",null,"bottom")),t.createElement("tr",null,t.createElement("td",null,"theme"),t.createElement("td",null,"\u6837\u5F0F light|dark"),t.createElement("td",null,"String"),t.createElement("td",null,"light")),t.createElement("tr",null,t.createElement("td",null,"onClick"),t.createElement("td",null,"Item \u70B9\u51FB\u56DE\u8C03\uFF08\u642D\u5EFA\u4E2D\u53C2\u6570\u4E3A\u6807\u7B7E\u6807\u8BC6\uFF09"),t.createElement("td",null,"Function"),t.createElement("td",null,"-")),t.createElement("tr",null,t.createElement("td",null,"actions"),t.createElement("td",null,"Array<{text,type,onClick}>",", type\u53EF\u9009warning|default"),t.createElement("td",null,"Array"),t.createElement("td",null,"[]")),t.createElement("tr",null,t.createElement("td",null,"style"),t.createElement("td",null,"CSS \u53D8\u91CF\uFF0C\u8BF7\u53C2\u8003\u540E\u9762\u7684\u6587\u6863"),t.createElement("td",null,"Object"),t.createElement("td",null,"-")))),t.createElement("h2",null,"CSS \u53D8\u91CF"),t.createElement("table",{className:"pure-table pure-table-bordered"},t.createElement("thead",null,t.createElement("tr",null,t.createElement("th",null,"\u5C5E\u6027"),t.createElement("th",null,"\u8BF4\u660E"),t.createElement("th",null,"\u7C7B\u578B"),t.createElement("th",null,"\u9ED8\u8BA4\u503C"))),t.createElement("tbody",null,t.createElement("tr",null,t.createElement("td",null,"--base-font-size"),t.createElement("td",null,"\u57FA\u7840\u5B57\u4F53\u5927\u5C0F\uFF0C\u5176\u4ED6\u6587\u5B57\u5C06\u4F1A\u53C2\u7167\u4E2A\u57FA\u7840\u5927\u5C0F\u6BD4\u4F8B\u7F29\u5C0F\u6216\u653E\u5927"),t.createElement("td",null,"String"),t.createElement("td",null,"14px")),t.createElement("tr",null,t.createElement("td",null,"--background-color"),t.createElement("td",null,"\u5361\u7247\u80CC\u666F\u989C\u8272"),t.createElement("td",null,"String"),t.createElement("td",null,"#FFFFFF")),t.createElement("tr",null,t.createElement("td",null,"--color"),t.createElement("td",null,"\u5361\u7247\u6587\u5B57\u989C\u8272\uFF0C\u9664\u4E3B\u8981\u7684\u6587\u5B57\u4EE5\u5916\uFF0C\u5176\u4ED6\u6587\u5B57\u90FD\u6309\u7167\u8FD9\u4E2A\u989C\u8272\u5904\u7406"),t.createElement("td",null,"String"),t.createElement("td",null,"#000000")),t.createElement("tr",null,t.createElement("td",null,"--main-color"),t.createElement("td",null,"\u4E3B\u8981\u6587\u5B57\u989C\u8272"),t.createElement("td",null,"String"),t.createElement("td",null,"#008FED")),t.createElement("tr",null,t.createElement("td",null,"--border-radius"),t.createElement("td",null,"\u5706\u89D2\u5927\u5C0F"),t.createElement("td",null,"String"),t.createElement("td",null,"6px")),t.createElement("tr",null,t.createElement("td",null,"--progress-background-color"),t.createElement("td",null,"\u8FDB\u5EA6\u6761\u80CC\u666F\u989C\u8272"),t.createElement("td",null,"String"),t.createElement("td",null,"rgba(160, 160, 160, 0.5)")),t.createElement("tr",null,t.createElement("td",null,"--progress-foreground-color"),t.createElement("td",null,"\u8FDB\u5EA6\u6761\u524D\u666F\u989C\u8272"),t.createElement("td",null,"String"),t.createElement("td",null,"#008FED")),t.createElement("tr",null,t.createElement("td",null,"--tag-background-color"),t.createElement("td",null,"\u6807\u7B7E\u80CC\u666F\u989C\u8272"),t.createElement("td",null,"String"),t.createElement("td",null,"#008FED")),t.createElement("tr",null,t.createElement("td",null,"--tag-color"),t.createElement("td",null,"\u6807\u7B7E\u6587\u5B57\u989C\u8272"),t.createElement("td",null,"String"),t.createElement("td",null,"#ffffff")))))}const xp="@cniot/android-pda-components",wp="1.1.8",Bp="",Ap="./es/index.cjs.js",Sp="./es/index.es.js",Dp={dev:"vite",build:"vite build --config vite.config.doc.js && vite build --config vite.config.js",doc:"vite -config vite.doc.js"},Np="module",_p="",Pp="ISC",Tp={EventEmitter:"^1.0.0",ahooks:"^2.10.11",classnames:"^2.3.1",keycode:"^2.2.1"},Lp={react:"^17.0.2","react-dom":"^17.0.2"},Ip={"@originjs/vite-plugin-require-context":"^1.0.5","markdown-it":"^12.1.0","markdown-to-jsx":"^7.1.3",vite:"^2.4.2","vite-plugin-plain-text":"^1.1.4",less:"^4.1.1",history:"^5.0.1"},Mp="git@gitlab.alibaba-inc.com:lemo/android-pda-components.git";var zp={name:xp,version:wp,description:Bp,main:Ap,module:Sp,scripts:Dp,type:Np,author:_p,license:Pp,dependencies:Tp,peerDependencies:Lp,devDependencies:Ip,repository:Mp},Op={onNext(e){console.log("onnext",e)}};function Rp(){return t.createElement("div",null,t.createElement("h1",null,"/system/alert"),t.createElement("p",null,"\u5F39\u51FA\u4E00\u4E2A\u8B66\u544A\u7A97\uFF0C\u7528\u6237\u5FC5\u987B\u70B9\u51FB\u786E\u8BA4\u624D\u80FD\u7EE7\u7EED"),t.createElement("h2",null,"\u793A\u4F8B"),t.createElement("code",{className:"code"},`
|
|
869
869
|
// gs \u4EE3\u7801\u5982\u4E0B
|
|
870
870
|
pageFlow.alert({
|
|
871
871
|
title: '111',
|
|
@@ -912,7 +912,7 @@ const dataSource = [
|
|
|
912
912
|
// \u5168\u5C40 LOADING
|
|
913
913
|
// \u901A\u5E38\u811A\u624B\u67B6\u5DF2\u6CE8\u518C\u8FD9\u4E2A\u754C\u9762
|
|
914
914
|
app.registerAction("GLOBAL_LOADING", PageFlowSystemPages.Loading);
|
|
915
|
-
`),t.createElement("h2",null,"\u9875\u9762\u6548\u679C"),t.createElement("div",{className:"light-block light-block-overlay"},t.createElement("button",{onClick:()=>{n(!0),setTimeout(()=>{n(!1)},1e4)}},"\u70B9\u51FB\u663E\u793A"),e?t.createElement(lp,{data:{a:1},onNext:console.log,visible:!0}):null),t.createElement("h2",null,"Loading"),t.createElement("table",{className:"pure-table pure-table-bordered"},t.createElement("thead",null,t.createElement("tr",null,t.createElement("th",null,"\u5C5E\u6027"),t.createElement("th",null,"\u8BF4\u660E"),t.createElement("th",null,"\u7C7B\u578B"),t.createElement("th",null,"\u9ED8\u8BA4\u503C"))),t.createElement("tbody",null)))}function Xp(){const[e,n]=L.exports.useState(!1),l=t.createElement(Bn,{title:"\u6807\u9898",icon:"scan",menus:[{label:"1",key:2},{label:"2",key:2}]}),r=t.createElement(P.Group,null,t.createElement(P,{type:"cutout",onClick:u=>{console.log("cancle"),n(!0),e||setTimeout(()=>{n(!1)},2e3)}},"\u53D6\u6D88"),t.createElement(P,{type:"primary"},"\u786E\u8BA4"));return t.createElement("div",null,t.createElement("h1",null,"
|
|
915
|
+
`),t.createElement("h2",null,"\u9875\u9762\u6548\u679C"),t.createElement("div",{className:"light-block light-block-overlay"},t.createElement("button",{onClick:()=>{n(!0),setTimeout(()=>{n(!1)},1e4)}},"\u70B9\u51FB\u663E\u793A"),e?t.createElement(lp,{data:{a:1},onNext:console.log,visible:!0}):null),t.createElement("h2",null,"Loading"),t.createElement("table",{className:"pure-table pure-table-bordered"},t.createElement("thead",null,t.createElement("tr",null,t.createElement("th",null,"\u5C5E\u6027"),t.createElement("th",null,"\u8BF4\u660E"),t.createElement("th",null,"\u7C7B\u578B"),t.createElement("th",null,"\u9ED8\u8BA4\u503C"))),t.createElement("tbody",null)))}function Xp(){const[e,n]=L.exports.useState(!1),l=t.createElement(Bn,{title:"\u6807\u9898",icon:"scan",menus:[{label:"1",key:2},{label:"2",key:2}]}),r=t.createElement(P.Group,null,t.createElement(P,{type:"cutout",onClick:u=>{console.log("cancle"),n(!0),e||setTimeout(()=>{n(!1)},2e3)}},"\u53D6\u6D88"),t.createElement(P,{type:"primary"},"\u786E\u8BA4"));return t.createElement("div",null,t.createElement("h1",null,"BaseLayout"),t.createElement("p",null,"\u626B\u7801\u7EC4\u4EF6"),t.createElement("h2",null,"\u793A\u4F8B"),t.createElement("div",{className:"light-block",style:{display:"flex"}},t.createElement("div",{style:{width:480,height:800,position:"relative"},className:"doc-screen"},t.createElement(Uu,{style:{backgroundColor:"black",marginRight:20},header:l,footer:r,loading:e},t.createElement(se,{text:"\u8BF7\u9760\u8FD1\u7BB1\u7801\u8FDB\u884C\u8BC6\u522B"}))),t.createElement("div",{style:{width:480,height:800,position:"relative"},className:"doc-screen"},t.createElement(Uu,{style:{backgroundColor:"black",marginRight:20},header:l,footer:t.createElement(P.Group,null,t.createElement(P,null,"\u786E\u8BA4")),loading:e},t.createElement(se,{text:"\u8BF7\u9760\u8FD1\u7BB1\u7801\u8FDB\u884C\u8BC6\u522B"})))),t.createElement("code",{className:"code"},`
|
|
916
916
|
const header = <Title></Title>;
|
|
917
917
|
const footer = (
|
|
918
918
|
<Button.Group>
|
package/build/index.html
CHANGED
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
</style>
|
|
28
28
|
<script src="https://g.alicdn.com/code/lib/react/17.0.2/umd/react.production.min.js"></script>
|
|
29
29
|
<script src="https://g.alicdn.com/code/lib/react-dom/17.0.2/umd/react-dom.production.min.js"></script>
|
|
30
|
-
<script type="module" crossorigin src="./assets/index.
|
|
31
|
-
<link rel="stylesheet" href="./assets/index.
|
|
30
|
+
<script type="module" crossorigin src="./assets/index.378e3d92.js"></script>
|
|
31
|
+
<link rel="stylesheet" href="./assets/index.0d6e9675.css">
|
|
32
32
|
</head>
|
|
33
33
|
|
|
34
34
|
<body>
|
package/change.md
CHANGED
package/es/index.es.js
CHANGED
|
@@ -272,7 +272,7 @@ var _keycode_2_2_1_keycode = { exports: {} };
|
|
|
272
272
|
}
|
|
273
273
|
})(_keycode_2_2_1_keycode, _keycode_2_2_1_keycode.exports);
|
|
274
274
|
var keycode = _keycode_2_2_1_keycode.exports;
|
|
275
|
-
var index$C = /* @__PURE__ */ (() => ".pda-button{display:block;box-sizing:border-box;padding-right:0;text-align:center;font-size:
|
|
275
|
+
var index$C = /* @__PURE__ */ (() => ".pda-button{display:block;box-sizing:border-box;padding-right:0;text-align:center;font-size:32px;height:75px;line-height:32px;color:#fff;background-color:#f3f4f8;border-radius:10px;width:100%;border-width:0;word-break:keep-all}.pda-button.pda-button-default{color:#000}.pda-button:active{background-color:#979797}.pda-button.pda-button-primary{background-color:#0091ea}.pda-button.pda-button-primary:active{background-color:#0074bb}.pda-button.pda-button-dark{background-color:#282828}.pda-button.pda-button-dark:active{background-color:#979797}.pda-button.pda-button-cutout{color:#0091ea;border-width:4px;border-color:#0091ea}.button-group{display:flex;flex-direction:row;padding:20px 24px;width:100%}.button-group .pda-button:not(:last-child){margin-right:16px}\n")();
|
|
276
276
|
function Button(props) {
|
|
277
277
|
const { type = "default", onClick, className = "", tabIndex = 1, dataClick = "" } = props;
|
|
278
278
|
let opt = {};
|
package/es/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*{margin:0;padding:0}div{box-sizing:border-box}body{--pda-image-1: url(https://img.alicdn.com/imgextra/i3/O1CN01PRSptR1YO1wOlBHCr_!!6000000003048-1-tps-240-240.gif);--pda-image-2: url(https://img.alicdn.com/imgextra/i3/O1CN01O46CYm1Gc4yvZtk7A_!!6000000000642-2-tps-36-64.png);--pda-image-3: url(https://img.alicdn.com/imgextra/i3/O1CN017UD9RM1vCKxsjxsrE_!!6000000006136-2-tps-68-68.png);--pda-image-4: url(https://img.alicdn.com/imgextra/i3/O1CN0170QXc91udWriUp19S_!!6000000006060-2-tps-74-72.png);--pda-image-5: url(https://img.alicdn.com/imgextra/i3/O1CN01EMphgH1ylYGXImCZn_!!6000000006619-2-tps-70-70.png);--pda-image-6: url(https://img.alicdn.com/imgextra/i3/O1CN01dTdXds1p9gz4wKAve_!!6000000005318-2-tps-70-26.png);--pda-image-7: url(https://img.alicdn.com/imgextra/i3/O1CN01SKQH1k1p7rQYTBXdn_!!6000000005314-2-tps-56-60.png);--pda-image-8: url(https://img.alicdn.com/imgextra/i3/O1CN01WnYl6Z1qBM3uInOvw_!!6000000005457-2-tps-40-68.png);--pda-image-10: url(https://img.alicdn.com/imgextra/i3/O1CN01FkZisA1tCg1sj3b6U_!!6000000005866-2-tps-40-58.png);--pda-image-11: url(https://img.alicdn.com/imgextra/i3/O1CN01kxYh3U25Xzr9nAcYp_!!6000000007537-2-tps-240-240.png)}.op-overlay{top:0;left:0;position:fixed;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:100;background-color:none}.op-overlay:before{content:"";position:absolute;z-index:1;background-color:#000;opacity:.6;left:0;top:0;width:100vw;height:100vh}.op-overlay>div{position:relative;z-index:2}.op-overlay.center{align-items:center;justify-content:center}.op-overlay.top{align-items:flex-start;justify-content:center}.op-overlay.bottom{align-items:flex-end;justify-content:center}.op-overlay.bottom .toast-wrap{margin-bottom:10px}.pda-header{background-color:#000;display:flex;flex-direction:row;align-items:center;color:#fff;height:84px;padding-right:12px}.pda-header .header-click-area{padding-right:16px;height:100%;display:flex;align-items:center;flex-direction:row}.pda-header .pda-header-icon{height:100%;width:65px;background-size:100%;background-repeat:no-repeat;background-position:center}.pda-header .pda-header-icon:active{background-color:#d8d8d8}.pda-header .pda-header-icon-back{background-image:var(--pda-image-2);background-size:17px 32px}.pda-header .pda-header-icon-scan{background-image:var(--pda-image-3);background-size:34px auto}.pda-header .pda-header-icon-select{background-image:var(--pda-image-4);background-size:36px auto}.pda-header .pda-header-icon-read{background-image:var(--pda-image-5);background-size:35px auto}.pda-header .pda-title-text{font-size:40px;flex:1;line-height:1.25em}.pda-header .pda-header-more{background-image:var(--pda-image-6);background-size:36px auto}.pda-header .pda-header-config{background-image:var(--pda-image-7);background-size:36px auto}.pda-header .pda-menus{background-color:#fff;border-radius:8px 8px 0 0;width:100%;padding:24px;display:flex;flex-direction:column}.pda-header .pda-menus>*{margin-bottom:12px}.pda-button{display:block;box-sizing:border-box;padding-right:0;text-align:center;font-size:40px;height:90px;line-height:40px;color:#fff;background-color:#f3f4f8;border-radius:10px;width:100%;border-width:0;word-break:keep-all}.pda-button.pda-button-default{color:#000}.pda-button:active{background-color:#979797}.pda-button.pda-button-primary{background-color:#0091ea}.pda-button.pda-button-primary:active{background-color:#0074bb}.pda-button.pda-button-dark{background-color:#282828}.pda-button.pda-button-dark:active{background-color:#979797}.pda-button.pda-button-cutout{color:#0091ea;border-width:4px;border-color:#0091ea}.button-group{display:flex;flex-direction:row;padding:20px 24px;width:100%}.button-group .pda-button:not(:last-child){margin-right:16px}.pda-info-card{border-radius:16px;padding:16px;background-color:#fff;word-break:break-word}.pda-info-card .divda-info-card-title{font-size:32px;line-height:32px}.pda-info-card .pda-info-card-title-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.pda-info-card .pda-info-card-title-section .pda-info-card-title{font-size:32px;color:#666}.pda-info-card .pda-info-card-title-section .pda-info-card-tag{display:flex;align-items:center;justify-content:center;height:36px;padding:0 8px;background-color:#fc0;border-radius:8px}.pda-info-card .pda-info-card-highlight-section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.pda-info-card .pda-info-card-highlight-section .pda-info-card-title{font-size:32px;color:#666;margin-top:20px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight{font-size:80px;line-height:64px;color:#0091ea;font-weight:700;padding-top:12px;display:flex;flex-direction:row;align-items:flex-end;flex-wrap:wrap}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight1CN{font-size:64px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2{font-size:50px;line-height:40px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2CN{font-size:40px;line-height:40px}.pda-info-card .pda-info-card-bold{font-weight:700;font-size:40px;line-height:48px;color:#000;margin-top:16px}.pda-info-card .pda-info-card-list{margin-top:12px;color:#4a4a4a;font-size:32px;line-height:32px;word-break:break-all}.pda-info-card-progress{background-color:#f3f4f8;height:12px;border-radius:6px;margin-top:16px}.pda-info-card-progress .pda-info-card-progress-inside{background-color:#0091ea;height:12px;border-radius:6px}.pda-info-card.pda-info-card-dark{background-color:#000}.pda-info-card.pda-info-card-dark .pda-info-card-title{color:#999}.pda-info-card.pda-info-card-dark .pda-info-card-highlight,.pda-info-card.pda-info-card-dark .pda-info-card-bold{color:#fff}.pda-info-card.pda-info-card-dark .pda-info-card-list{color:#999}.pda-list-item{padding:24px 16px;border-radius:16px;position:relative}.pda-list-item div{margin:0}.pda-list-item>div{margin-bottom:12px}.pda-list-item>div:last-child{margin-bottom:0}.pda-list-item .pda-listitem-highlight{width:100%;font-size:40px;line-height:40px;font-weight:700;color:#fff;display:flex;flex-direction:row;justify-content:space-between}.pda-list-item .pda-listitem-highlight div:first-child{flex:1;word-break:normal;white-space:normal;word-break:break-word}.pda-list-item .pda-listitem-header,.pda-list-item .pda-listitem-state-text,.pda-list-item .pda-listitem-subinfo{font-size:32px;line-height:32px;color:#999;word-break:break-all}.pda-list-item .pda-listitem-state-block{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0}.pda-list-item .pda-listitem-state-block>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px}.pda-list-item .pda-listitem-state-block>div.success{background-color:#0f0}.pda-list-item .pda-listitem-state-block>div.warning{background-color:#fc0}.pda-list-item .pda-listitem-state-block>div.error{background-color:red}.pda-list-item .pda-listitem-icon{position:absolute;top:0;right:0;width:60px;height:60px;background-color:#0091ea;border-radius:0 16px;display:flex;justify-content:center;align-items:center;opacity:.85}.pda-list-item .listitem-icon-container{background-size:100%;background-repeat:no-repeat;width:16px;height:24px}.pda-list-item .listitem-icon-next{background-image:var(--pda-image-10)}.confirm-wrap{background:#ffffff;border-radius:6px 6px 0 0;padding-top:24px;width:100%}.confirm-wrap .confirm-content{padding:0 24px}.confirm-wrap .confirm-title{font-size:28.8px;font-weight:700}.confirm-wrap .confirm-message,.confirm-wrap .confirm-sub-message{font-size:26.4px;margin-bottom:12px}.confirm-wrap .confirm-sub-block{display:flex;flex-direction:row}.confirm-wrap .confirm-sub-block .confirm-sub-label{white-space:nowrap}.confirm-wrap .confirm-sub-block .confirm-sub-content{margin-left:12px;word-wrap:break-word;word-break:break-all}.confirm-wrap .confirm-btns>*:not(:first-child){padding-top:0}.confirm-wrap.confirm-warning{background-color:red}.confirm-wrap.confirm-warning .pda-button{background-color:transparent;color:#000;border:2px solid black;border-radius:40px}.toast-wrap{background:#00ff00;border-radius:6px;padding:10px 15px;width:100%;box-sizing:border-box}.toast-wrap.warning{background-color:#ffcb00}.toast-wrap.error{background-color:red}.toast-wrap .toast-title{font-size:50px;font-weight:700;word-wrap:break-word}.toast-wrap .toast-message{font-size:32px;word-wrap:break-word}.loading-box{background-color:#fff;border-radius:5%;display:flex;flex-direction:column;align-items:center;padding:10px 20px;margin-top:-10%}.loading-box svg{width:50px;height:50px;animation:rotate 1.5s linear infinite;margin:10px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.op-overlay{top:0;left:0;position:fixed;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:100;background-color:none}.op-overlay:before{content:"";position:absolute;z-index:1;background-color:#000;opacity:.6;left:0;top:0;width:100vw;height:100vh}.op-overlay>div{position:relative;z-index:2}.op-overlay.center{align-items:center;justify-content:center}.op-overlay.top{align-items:flex-start;justify-content:center}.op-overlay.bottom{align-items:flex-end;justify-content:center}.op-overlay.bottom .toast-wrap{margin-bottom:10px}.prompt-dialog{background:#ffffff;border-radius:6px 6px 0 0;padding:10px;width:80%}.prompt-dialog .prompt-title{font-size:30px;margin:10px 0}.prompt-dialog .prompt-input{transition:all .1s linear;border:1px solid #dcdfe6;background-color:#fff;outline:0;margin:0;font-weight:400;vertical-align:middle;background-color:#0000;color:#1f2633;font-size:24px;box-sizing:border-box;width:100%;padding:.5em;border-radius:4px}.prompt-dialog .prompt-input:hover,.prompt-dialog .prompt-input:active,.prompt-dialog .prompt-input:focus{border-color:#03c1fd}.prompt-dialog .prompt-btns{display:flex;margin-top:10px}.prompt-dialog .prompt-btns .pda-button{margin-left:10px}.prompt-dialog .prompt-btns .pda-button:first-child{margin-left:0}.mini-app-start-page{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh}.mini-app-start-page button{padding:.3em 3em;border-radius:6px;border:none;font-size:36px;background-color:#00bdff;color:#fff;margin-top:20px}.mini-app-start-page button:active{transform:scale(.95)}.mini-app-start-page .desc{opacity:.3}.loading-wrap{position:fixed;z-index:1000;left:0;top:0;background-color:#00000080;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.loading-wrap .loading-box{background-color:#fff;border-radius:5%;display:flex;flex-direction:column;align-items:center;padding:10px 20px;margin-top:-10%}.loading-wrap .loading-box svg{width:50px;height:50px;animation:rotate 1.5s linear infinite;margin:10px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.presentation-card{margin:12px;background-color:#fff;border-radius:6px;text-align:center;padding:20px 6px}.presentation-card img{width:70%;height:auto}.presentation-card.transparent{background-color:transparent;color:#fff;margin-top:80px}.presentation-card .text{margin-top:12px;font-weight:700;font-size:32px}.presentation-card .sub-text{margin-top:6px;font-weight:700;font-size:24px;line-height:24px;color:#999;word-wrap:break-word}.android-pda-list{--base-font-size: 36px}.android-pda-list .android-pda-list-title{font-size:calc(var(--base-font-size) * .6);color:#fff;line-height:2em}.android-pda-list .default-item{background-color:#282828;font-size:var(--base-font-size);padding:10px;border-radius:6px;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:10px;word-break:break-word}.android-pda-list .default-item:hover,.android-pda-list .default-item:active,.android-pda-list .default-item:focus{background-color:#0061a1}.android-pda-list .default-item .text{flex:1}.android-pda-list .default-item .sub-text{font-size:80%;opacity:.7;line-height:1em;word-wrap:break-word}.android-pda-list .default-item .sub-tags{display:flex;margin-top:10px}.android-pda-list .default-item .sub-tags .sub-tag-item{background-color:#008fed;padding:.3em;font-size:40%;margin-right:5px;border-radius:6px;color:#fff;line-height:1em}.android-pda-list .default-item .sub-tags .sub-tag-item:first-child{margin-left:0}.android-pda-list .default-item .extra{font-size:80%;opacity:.7}.baselayout-wrapper{display:flex;flex-direction:column;background-color:#000;padding:85px 0}.baselayout-wrapper .baselayout-header{position:fixed;width:100%;top:0;z-index:2}.baselayout-wrapper .baselayout-footer{position:fixed;bottom:0;width:100%;background-color:#000;z-index:1}.baselayout-wrapper .baselayout-container{padding:0 24px 16px;overflow-x:auto;flex:1}.baselayout-wrapper .baselayout-container>*{margin-bottom:16px}.baselayout-wrapper .loading{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;background-color:#0006;background-image:var(--pda-image-1);background-repeat:no-repeat;background-position:center;background-size:120px 120px}.wakekeyborard .wakekeyborard-icon{width:80px;height:80px;background-image:var(--pda-image-11);background-size:100%;position:fixed;right:24px;bottom:24px}.wakekeyborard-overlay{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#dedede33;z-index:10}.wakekeyborard-inputbox{width:100%;display:flex;flex-direction:row;height:85px;position:absolute;bottom:0;left:0;right:0}.wakekeyborard-inputbox input{width:100%;border-radius:16px 0 0;border:0;font-size:42px;background-color:#fff;padding-left:20px}.wakekeyborard-inputbox input:focus{outline:none}.wakekeyborard-inputbox input::-webkit-input-placeholder{color:#d1d1d6;font-size:32px}.wakekeyborard-inputbox button{width:150px;border:0;border-radius:0 16px 0 0;background-color:#fff}.v-mask{position:fixed;top:0;left:0;z-index:1000;display:block;width:100%;height:100%;background:rgba(0,0,0,.75);opacity:1;display:unset}.v-mask .image-viewer-content{width:100vw;height:100vh;max-height:-webkit-fill-available;touch-action:none}.v-mask .image-viewer-slides{height:100%;position:relative;z-index:1;cursor:grab;touch-action:none}.v-mask .image-viewer-indicator{position:absolute;z-index:2;left:50%;top:12px;transform:translate(-50%);color:#e6e6e6;font-size:14px}.v-mask .viewer-image-close{position:absolute;right:6px}.v-mask .viewer-image-close svg{fill:#fff;background:rgba(0,0,0,.3);box-sizing:content-box;height:24px;padding:12px;width:24px}.v-mask .image-viewer-slides-inner{height:100%;white-space:nowrap}.v-mask .image-viewer-image-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.v-mask .image-viewer-image-wrapper img{display:block;max-width:100%;max-height:100%}.v-mask .viewer-image-arrow{position:absolute;top:calc(50% - 10px);z-index:999}.v-mask .viewer-image-arrow svg{fill:#fff;background:rgba(0,0,0,.3);box-sizing:content-box;height:24px;padding:18px;width:24px}.v-mask .viewer-prev{left:0}.v-mask .viewer-next{right:0}.v-mask .image-viewer-loading{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0000009d;z-index:998}.v-mask .image-viewer-loading .image-viewer-loading-reactor{animation:PhotoView__delayShow .4s linear both}.v-mask .image-viewer-loading .image-viewer-loading-reactor svg{animation:PhotoView__rotate .6s linear infinite}.image-uploader-wrap{display:inline-flex;flex-wrap:wrap;margin-bottom:8px}.image-space-item{margin-right:8px;padding-bottom:8px}.image-space-item .image-uploader-cell{position:relative;width:80px;height:80px;border-radius:4px;overflow:hidden}.image-space-item .image-uploader-cell-image{width:80px;height:80px}.image-space-item .image-uploader-cell-delete{position:absolute;top:0;right:0;width:14px;height:14px;background-color:#000000b3;border-radius:0 0 0 12px;font-size:8px;color:#fff;cursor:pointer}.image-space-item .image-uploader-cell-delete .uploader-delete-icon{position:absolute;right:2px;top:2px;display:inline-block;object-fit:cover;width:8px;height:8px}.image-space-item .image-uploader-img{object-fit:cover;display:block;width:100%;height:100%}.image-space-item .image-uploader-upload-button-wrap{position:relative}.image-space-item .image-uploader-upload-button-wrap .image-uploader-upload-button{display:flex;justify-content:center;align-items:center;background-color:#a2a2a2;cursor:pointer}.image-space-item .image-uploader-upload-button-wrap .uploader-add-icon{display:inline-block;object-fit:cover;width:32px;height:32px}.image-uploader-loading{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0000009d}.image-uploader-loading .image-uploader-loading-reactor{animation:PhotoView__delayShow .4s linear both}.image-uploader-loading .image-uploader-loading-reactor svg{animation:PhotoView__rotate .6s linear infinite}@keyframes PhotoView__rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes PhotoView__delayShow{0%,50%{opacity:0}to{opacity:1}}.pda-step-card{display:flex;flex-direction:row}.pda-step-card .pda-step-indictor{display:flex;flex-direction:column;align-items:center;margin-right:16px}.pda-step-card .pda-step-indictor .pda-step-indictor-top{width:1px;background-color:#bec0c6;flex:1}.pda-step-card .pda-step-indictor .pda-step-indictor-top-hidden{background-color:#fff0}.pda-step-card .pda-step-indictor .pda-step-indictor-center{height:24px;width:24px;border-radius:12px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-center-active{background-color:#0091ea}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom{flex:1;width:1px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom-hidden{background-color:#fff0}.pda-step{border-radius:16px;padding:24px 16px;background-color:#fff;margin-bottom:16px}.pda-step p{margin:0}.pda-step .pda-step-title{font-size:60px;color:#0091ea}.pda-step .pda-step-list{margin-top:8px;color:#4a4a4a;font-size:32px;line-height:32px}.pda-step.pda-step-dark{background-color:#000}.pda-step.pda-step-dark .pda-step-title{color:#fff}.pda-step.pda-step-dark .pda-step-list{color:#bec0c6}.pda-finish-card-top{display:flex;flex-direction:column;align-items:center;color:#fff}.pda-finish-card-top .pda-finish-card-img{width:100%;margin:50px auto 0}.pda-finish-card-top .pda-finish-card-title{font-size:50px;line-height:50px;color:#fff;font-weight:500;margin-bottom:16px;text-align:center}.pda-finish-card-top .pda-finish-card-list{margin-top:12px;color:#999;font-size:32px;line-height:30px;text-align:center}.pda-distance-card{border-radius:16px;padding:36px 16px;background-color:#fff}.pda-distance-card p{margin:0;font-size:28px;color:#738399}.pda-distance-card .pda-distance-card-highlight{font-size:60px;line-height:64px;color:#0091ea}.pda-distance-card .pda-distance-indictor{margin-top:36px;display:flex}.pda-distance-card .pda-distance-card-progress{background-color:#ebecf2;height:34px;border-radius:6px;border:4px solid #D9D9D9;margin-top:8px;position:relative}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-indictor{position:absolute;bottom:0;left:5px}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-inside{background-color:#0091ea;height:26px;border-radius:6px 0 0 6px}.pda-distance-card .pda-distance-label{display:flex;justify-content:space-between}.android-sub-card{background:#282828;border-radius:16px;padding:10px;color:#fff}.android-sub-card .android-sub-card-title-section{display:flex;justify-content:space-between}.android-sub-card .android-sub-card-title-section .android-sub-card-title{opacity:.6;font-size:21.312px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag{margin-bottom:0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;color:#fff;font-size:15.984px;line-height:15.984px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.success{background-color:#0f0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.warning{background-color:#fc0;color:#000}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.error{background-color:red}.android-sub-card .android-sub-card-context{font-size:60px;line-height:60px;font-weight:700;word-break:break-all;word-wrap:break-word;margin-top:16px}.android-sub-card .android-sub-card-name{font-size:40px;line-height:40px;font-weight:700;margin-top:16px;margin-bottom:12px}.android-sub-card .android-sub-card-attrs{font-size:32px;line-height:32px;color:#999}.android-sub-card .android-sub-card-attrs>div{margin-top:12px}.select-card{padding-top:12px}.select-card p{color:#999;font-size:32px;line-height:40px;margin-bottom:12px;padding-left:16px}.select-card .select-card-content{background-color:#282828;padding:24px 24px 24px 16px;border-radius:16px;display:flex;flex-direction:row;justify-content:space-between;color:#fff;font-size:40px;line-height:40px}.select-card .select-icon{background-image:var(--pda-image-8);background-size:100%;background-repeat:no-repeat;background-position:center;width:20px}.pda-app-list .pda-app-group{margin:25px}.pda-app-list .pda-app-group .group-name{line-height:1em;margin:0;font-size:32px;color:#fff;font-weight:400;opacity:.6}.pda-app-list .pda-app-group .group-apps{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:25px}.pda-app-list .pda-app-group .group-apps .app-item{display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:linear-gradient(138deg,#0091EA 0%,#095FFF 100%);border-radius:12px;font-size:32px;color:#fff;min-height:126px;flex:1;min-width:48%;max-width:48%;margin-bottom:25px;cursor:pointer}.pda-app-list .pda-app-group .group-apps .app-item:hover,.pda-app-list .pda-app-group .group-apps .app-item:active,.pda-app-list .pda-app-group .group-apps .app-item:focus{background-image:linear-gradient(45deg,#0091EA 0%,#095FFF 100%);box-shadow:0 0 1px 2px #fff}.pda-app-list .pda-app-group .group-apps .app-item .app-name{text-align:center}.pda-app-list .pda-app-group .group-apps .app-item .app-subname{font-size:50%}.pda-infinite-scroll{margin-top:10px}.pda-infinite-scroll span{color:#999}.pda-infinite-scroll .pda-infinite-scroll-view{display:flex;align-items:center;justify-content:center}.action-sheet{position:fixed;z-index:1000;width:100%;height:100%;background-color:#00000059;top:0;left:0;display:none}.action-sheet .action-sheet-container{position:absolute;background-color:#fff;z-index:1010;width:100%;bottom:0;left:0;max-height:80%;border-radius:9.9px 9.9px 0 0;padding-bottom:10.56px;display:flex;flex-direction:column}.action-sheet .action-sheet-container .action-sheet-body{flex:1;overflow-y:auto}.action-sheet .action-sheet-container .action-sheet-sticky-bottom{border-top:2px solid #F2F2F2}.action-sheet .action-sheet-container .action-sheet-item{margin:10.56px 15.84px 0;background-color:#f3f4f8;height:54px;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:9.9px}.action-sheet .action-sheet-container .action-sheet-sticky-bottom-row{display:flex}.action-sheet.show{display:block}.action-sheet.show .action-sheet-container{animation:slide-in .3s ease-out}@keyframes slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pda-tag{display:inline-block;padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px;word-break:keep-all}.pda-tag.pda-tag-success{background-color:#0f0}.pda-tag.pda-tag-warning{background-color:#fc0}.pda-tag.pda-tag-error{background-color:red}.simple-card{display:inline-block;padding:12px 0 12px 18px;border-radius:12px}.simple-card .simple-card-title{font-weight:700;font-size:56px;line-height:40px;margin-top:12px}.simple-card .simple-card-content{font-size:28px;line-height:40px;margin-top:12px}.simple-card.simple-card-default{background-color:#f3f4f9}.simple-card.simple-card-default .simple-card-title{color:#0091ea}.simple-card.simple-card-default .simple-card-content{color:#000}.simple-card.simple-card-error{background-color:red}.simple-card.simple-card-error .simple-card-title{color:#fff}.simple-card.simple-card-error .simple-card-content{color:#ffafb1}.simple-card.simple-card-dark{background-color:#282828}.simple-card.simple-card-dark .simple-card-title{color:#fff}.simple-card.simple-card-dark .simple-card-content{color:#999}.simple-card-block{background-color:#fff;padding:24px 12px;border-radius:12px}.simple-card-block .simple-card-block-header{display:flex;justify-content:space-between}.simple-card-block .simple-card-block-title{color:#666;font-size:32px;line-height:32px}.simple-card-block .simple-card-block-content{display:flex;flex-wrap:wrap}.simple-card-block .simple-card-block-content>div{min-width:190px;margin-right:12px;margin-top:12px}.lattice-mouth .lattice-mouth-row{display:flex}.lattice-mouth .lattice-mouth-row .lattice-mouth-item{--font-size: 14px;--color: #ffffff;--background-color: #BFBFBF;color:var(--color);background-color:var(--background-color);font-size:var(--font-size);flex:1;flex-direction:column;display:flex;margin:1%;border-radius:4px;overflow:hidden}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.highlight{--color: #ffffff;--background-color: #008FED}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.active{--color: #ffffff;--background-color: #282828}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.default{--color: #ffffff;--background-color: #BFBFBF}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.complete{--color: #000000;--background-color: #00FF00}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.error{--color: #ffffff;--background-color: #f30f30}.lattice-mouth .lattice-mouth-row .lattice-mouth-item .lattice-mouth-value{text-align:center;flex:1;font-size:150%;min-height:2em;display:flex;justify-content:center;align-items:center}.lattice-mouth .lattice-mouth-row .lattice-mouth-item .lattice-mouth-label{background-color:#0000004d;text-align:center;min-height:1em}.android-op-card{--base-font-size: 20px;--background-color: #ffffff;--color: #282828;--main-color: #008fed;--border-radius: 6px;--progress-background-color: rgba(160, 160, 160, .5);--progress-foreground-color: #008fed;--tag-background-color: #008fed;--tag-color: #ffffff;background-color:var(--background-color);font-size:var(--base-font-size);color:var(--color);border-radius:var(--border-radius);padding:2%;position:relative}.android-op-card .card-h1{color:var(--color);opacity:.7;font-weight:700}.android-op-card .card-content{font-size:calc(var(--base-font-size) * 2.5);color:var(--main-color);font-weight:700;display:flex;align-items:baseline;line-height:1.1em;word-break:break-word}.android-op-card .card-content small{font-size:50%}.android-op-card .card-progress{background-color:var(--progress-background-color);border-radius:1em;overflow:hidden;height:1em;font-size:calc(var(--base-font-size) * .6);margin-bottom:1em}.android-op-card .card-progress .card-progress-bar{background-color:var(--progress-foreground-color);height:1em;opacity:1.5}.android-op-card .card-main-title{font-size:calc(var(--base-font-size) * 1.6);line-height:1.5em;margin-bottom:.2em}.android-op-card .card-info-list{color:var(--color);opacity:.6}.android-op-card .card-tags{display:flex;margin-top:.5em}.android-op-card .card-tags.top{position:absolute;top:0%;right:1%}.android-op-card .card-tags .card-tags-item{font-size:calc(var(--base-font-size) * .8);color:var(--tag-color);border-radius:.3em;background-color:var(--tag-background-color);padding:.2em .3em;margin-right:.5em}.android-op-card .actions{margin:10px -2% -2%;display:flex}.android-op-card .actions .btn{border-top:1px solid var(--color);opacity:.5;flex:1;display:flex;cursor:pointer;justify-content:center;align-items:center;line-height:2.5em;border-left:1px solid var(--color);color:var(--main-color)}.android-op-card .actions .btn:first-child{border-left:none}.android-op-card .actions .btn.warning{color:red}.android-op-card .actions .btn:hover,.android-op-card .actions .btn:active{opacity:1}.android-pda-picker{--base-font-size: 24px;--border-radius: 6px;--background-color: #282828;position:relative;background-color:var(--background-color);display:flex;align-items:center;padding:.5em;border-radius:var(--border-radius);font-size:var(--base-font-size)}.android-pda-picker .label{color:#fff;height:100%;position:absolute;display:flex;align-items:center;left:0;padding-left:10px;padding-right:10px;background-color:var(--background-color);border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.android-pda-picker .text{color:#999;min-height:1em;display:flex;flex:1;justify-content:flex-end;margin-right:10px}.android-pda-picker .icon{display:block;background-image:var(--pda-image-8);background-size:100%;background-repeat:no-repeat;background-position:center;width:20px;height:20px}.android-pda-picker-overlay{--base-font-size: 24px;display:block;width:100%;background-color:#000}.android-pda-picker-overlay .title{display:flex;align-items:center;color:#000;border-top:1px solid #727272;border-bottom:1px solid #353535;font-size:var(--base-font-size);position:relative;z-index:1;padding:1em}.android-pda-picker-overlay .title .filter-input{font-size:var(--base-font-size);box-sizing:border-box;padding:.5em .5em .5em 2em;background-color:#282828;border:none;color:#fff;border-radius:6px;flex:1}.android-pda-picker-overlay .title .filter-input:focus{background-color:#7e7e7e;outline:1px solid #00ccff}.android-pda-picker-overlay .title .filter-input:focus~.search-icon{color:#fff}.android-pda-picker-overlay .title .filter-input:focus~.cancel{display:block}.android-pda-picker-overlay .title .cancel{display:none;padding:0 1em;color:#fff}.android-pda-picker-overlay .title .search-icon{position:absolute;color:#ababab;top:1.5em;left:1.5em}.android-pda-picker-overlay .android-pda-picker-list{font-size:var(--base-font-size);height:70vh;overflow-y:auto;padding:1em}.android-op-input-item{--base-font-size: 25px;--color: #ffffff;--background-color: #545454;--border-radius: 6px;position:relative;background-color:var(--background-color);border-radius:var(--border-radius)}.android-op-input-item label{display:flex;align-items:center}.android-op-input-item .label-text{font-size:var(--base-font-size);color:var(--color);height:100%;position:absolute;display:flex;align-items:center;left:0;padding-left:10px;padding-right:10px;background-color:var(--background-color);border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.android-op-input-item input{background-color:transparent;border:none;flex:1;font-size:calc(var(--base-font-size) * 1.2);padding:.5em;text-align:right;color:var(--color)}.android-op-input-item input:focus{outline:#ffffff}
|
|
1
|
+
*{margin:0;padding:0}div{box-sizing:border-box}body{--pda-image-1: url(https://img.alicdn.com/imgextra/i3/O1CN01PRSptR1YO1wOlBHCr_!!6000000003048-1-tps-240-240.gif);--pda-image-2: url(https://img.alicdn.com/imgextra/i3/O1CN01O46CYm1Gc4yvZtk7A_!!6000000000642-2-tps-36-64.png);--pda-image-3: url(https://img.alicdn.com/imgextra/i3/O1CN017UD9RM1vCKxsjxsrE_!!6000000006136-2-tps-68-68.png);--pda-image-4: url(https://img.alicdn.com/imgextra/i3/O1CN0170QXc91udWriUp19S_!!6000000006060-2-tps-74-72.png);--pda-image-5: url(https://img.alicdn.com/imgextra/i3/O1CN01EMphgH1ylYGXImCZn_!!6000000006619-2-tps-70-70.png);--pda-image-6: url(https://img.alicdn.com/imgextra/i3/O1CN01dTdXds1p9gz4wKAve_!!6000000005318-2-tps-70-26.png);--pda-image-7: url(https://img.alicdn.com/imgextra/i3/O1CN01SKQH1k1p7rQYTBXdn_!!6000000005314-2-tps-56-60.png);--pda-image-8: url(https://img.alicdn.com/imgextra/i3/O1CN01WnYl6Z1qBM3uInOvw_!!6000000005457-2-tps-40-68.png);--pda-image-10: url(https://img.alicdn.com/imgextra/i3/O1CN01FkZisA1tCg1sj3b6U_!!6000000005866-2-tps-40-58.png);--pda-image-11: url(https://img.alicdn.com/imgextra/i3/O1CN01kxYh3U25Xzr9nAcYp_!!6000000007537-2-tps-240-240.png)}.op-overlay{top:0;left:0;position:fixed;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:100;background-color:none}.op-overlay:before{content:"";position:absolute;z-index:1;background-color:#000;opacity:.6;left:0;top:0;width:100vw;height:100vh}.op-overlay>div{position:relative;z-index:2}.op-overlay.center{align-items:center;justify-content:center}.op-overlay.top{align-items:flex-start;justify-content:center}.op-overlay.bottom{align-items:flex-end;justify-content:center}.op-overlay.bottom .toast-wrap{margin-bottom:10px}.pda-header{background-color:#000;display:flex;flex-direction:row;align-items:center;color:#fff;height:84px;padding-right:12px}.pda-header .header-click-area{padding-right:16px;height:100%;display:flex;align-items:center;flex-direction:row}.pda-header .pda-header-icon{height:100%;width:65px;background-size:100%;background-repeat:no-repeat;background-position:center}.pda-header .pda-header-icon:active{background-color:#d8d8d8}.pda-header .pda-header-icon-back{background-image:var(--pda-image-2);background-size:17px 32px}.pda-header .pda-header-icon-scan{background-image:var(--pda-image-3);background-size:34px auto}.pda-header .pda-header-icon-select{background-image:var(--pda-image-4);background-size:36px auto}.pda-header .pda-header-icon-read{background-image:var(--pda-image-5);background-size:35px auto}.pda-header .pda-title-text{font-size:40px;flex:1;line-height:1.25em}.pda-header .pda-header-more{background-image:var(--pda-image-6);background-size:36px auto}.pda-header .pda-header-config{background-image:var(--pda-image-7);background-size:36px auto}.pda-header .pda-menus{background-color:#fff;border-radius:8px 8px 0 0;width:100%;padding:24px;display:flex;flex-direction:column}.pda-header .pda-menus>*{margin-bottom:12px}.pda-button{display:block;box-sizing:border-box;padding-right:0;text-align:center;font-size:32px;height:75px;line-height:32px;color:#fff;background-color:#f3f4f8;border-radius:10px;width:100%;border-width:0;word-break:keep-all}.pda-button.pda-button-default{color:#000}.pda-button:active{background-color:#979797}.pda-button.pda-button-primary{background-color:#0091ea}.pda-button.pda-button-primary:active{background-color:#0074bb}.pda-button.pda-button-dark{background-color:#282828}.pda-button.pda-button-dark:active{background-color:#979797}.pda-button.pda-button-cutout{color:#0091ea;border-width:4px;border-color:#0091ea}.button-group{display:flex;flex-direction:row;padding:20px 24px;width:100%}.button-group .pda-button:not(:last-child){margin-right:16px}.pda-info-card{border-radius:16px;padding:16px;background-color:#fff;word-break:break-word}.pda-info-card .divda-info-card-title{font-size:32px;line-height:32px}.pda-info-card .pda-info-card-title-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.pda-info-card .pda-info-card-title-section .pda-info-card-title{font-size:32px;color:#666}.pda-info-card .pda-info-card-title-section .pda-info-card-tag{display:flex;align-items:center;justify-content:center;height:36px;padding:0 8px;background-color:#fc0;border-radius:8px}.pda-info-card .pda-info-card-highlight-section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.pda-info-card .pda-info-card-highlight-section .pda-info-card-title{font-size:32px;color:#666;margin-top:20px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight{font-size:80px;line-height:64px;color:#0091ea;font-weight:700;padding-top:12px;display:flex;flex-direction:row;align-items:flex-end;flex-wrap:wrap}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight1CN{font-size:64px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2{font-size:50px;line-height:40px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2CN{font-size:40px;line-height:40px}.pda-info-card .pda-info-card-bold{font-weight:700;font-size:40px;line-height:48px;color:#000;margin-top:16px}.pda-info-card .pda-info-card-list{margin-top:12px;color:#4a4a4a;font-size:32px;line-height:32px;word-break:break-all}.pda-info-card-progress{background-color:#f3f4f8;height:12px;border-radius:6px;margin-top:16px}.pda-info-card-progress .pda-info-card-progress-inside{background-color:#0091ea;height:12px;border-radius:6px}.pda-info-card.pda-info-card-dark{background-color:#000}.pda-info-card.pda-info-card-dark .pda-info-card-title{color:#999}.pda-info-card.pda-info-card-dark .pda-info-card-highlight,.pda-info-card.pda-info-card-dark .pda-info-card-bold{color:#fff}.pda-info-card.pda-info-card-dark .pda-info-card-list{color:#999}.pda-list-item{padding:24px 16px;border-radius:16px;position:relative}.pda-list-item div{margin:0}.pda-list-item>div{margin-bottom:12px}.pda-list-item>div:last-child{margin-bottom:0}.pda-list-item .pda-listitem-highlight{width:100%;font-size:40px;line-height:40px;font-weight:700;color:#fff;display:flex;flex-direction:row;justify-content:space-between}.pda-list-item .pda-listitem-highlight div:first-child{flex:1;word-break:normal;white-space:normal;word-break:break-word}.pda-list-item .pda-listitem-header,.pda-list-item .pda-listitem-state-text,.pda-list-item .pda-listitem-subinfo{font-size:32px;line-height:32px;color:#999;word-break:break-all}.pda-list-item .pda-listitem-state-block{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0}.pda-list-item .pda-listitem-state-block>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px}.pda-list-item .pda-listitem-state-block>div.success{background-color:#0f0}.pda-list-item .pda-listitem-state-block>div.warning{background-color:#fc0}.pda-list-item .pda-listitem-state-block>div.error{background-color:red}.pda-list-item .pda-listitem-icon{position:absolute;top:0;right:0;width:60px;height:60px;background-color:#0091ea;border-radius:0 16px;display:flex;justify-content:center;align-items:center;opacity:.85}.pda-list-item .listitem-icon-container{background-size:100%;background-repeat:no-repeat;width:16px;height:24px}.pda-list-item .listitem-icon-next{background-image:var(--pda-image-10)}.confirm-wrap{background:#ffffff;border-radius:6px 6px 0 0;padding-top:24px;width:100%}.confirm-wrap .confirm-content{padding:0 24px}.confirm-wrap .confirm-title{font-size:28.8px;font-weight:700}.confirm-wrap .confirm-message,.confirm-wrap .confirm-sub-message{font-size:26.4px;margin-bottom:12px}.confirm-wrap .confirm-sub-block{display:flex;flex-direction:row}.confirm-wrap .confirm-sub-block .confirm-sub-label{white-space:nowrap}.confirm-wrap .confirm-sub-block .confirm-sub-content{margin-left:12px;word-wrap:break-word;word-break:break-all}.confirm-wrap .confirm-btns>*:not(:first-child){padding-top:0}.confirm-wrap.confirm-warning{background-color:red}.confirm-wrap.confirm-warning .pda-button{background-color:transparent;color:#000;border:2px solid black;border-radius:40px}.toast-wrap{background:#00ff00;border-radius:6px;padding:10px 15px;width:100%;box-sizing:border-box}.toast-wrap.warning{background-color:#ffcb00}.toast-wrap.error{background-color:red}.toast-wrap .toast-title{font-size:50px;font-weight:700;word-wrap:break-word}.toast-wrap .toast-message{font-size:32px;word-wrap:break-word}.loading-box{background-color:#fff;border-radius:5%;display:flex;flex-direction:column;align-items:center;padding:10px 20px;margin-top:-10%}.loading-box svg{width:50px;height:50px;animation:rotate 1.5s linear infinite;margin:10px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.op-overlay{top:0;left:0;position:fixed;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:100;background-color:none}.op-overlay:before{content:"";position:absolute;z-index:1;background-color:#000;opacity:.6;left:0;top:0;width:100vw;height:100vh}.op-overlay>div{position:relative;z-index:2}.op-overlay.center{align-items:center;justify-content:center}.op-overlay.top{align-items:flex-start;justify-content:center}.op-overlay.bottom{align-items:flex-end;justify-content:center}.op-overlay.bottom .toast-wrap{margin-bottom:10px}.prompt-dialog{background:#ffffff;border-radius:6px 6px 0 0;padding:10px;width:80%}.prompt-dialog .prompt-title{font-size:30px;margin:10px 0}.prompt-dialog .prompt-input{transition:all .1s linear;border:1px solid #dcdfe6;background-color:#fff;outline:0;margin:0;font-weight:400;vertical-align:middle;background-color:#0000;color:#1f2633;font-size:24px;box-sizing:border-box;width:100%;padding:.5em;border-radius:4px}.prompt-dialog .prompt-input:hover,.prompt-dialog .prompt-input:active,.prompt-dialog .prompt-input:focus{border-color:#03c1fd}.prompt-dialog .prompt-btns{display:flex;margin-top:10px}.prompt-dialog .prompt-btns .pda-button{margin-left:10px}.prompt-dialog .prompt-btns .pda-button:first-child{margin-left:0}.mini-app-start-page{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh}.mini-app-start-page button{padding:.3em 3em;border-radius:6px;border:none;font-size:36px;background-color:#00bdff;color:#fff;margin-top:20px}.mini-app-start-page button:active{transform:scale(.95)}.mini-app-start-page .desc{opacity:.3}.loading-wrap{position:fixed;z-index:1000;left:0;top:0;background-color:#00000080;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.loading-wrap .loading-box{background-color:#fff;border-radius:5%;display:flex;flex-direction:column;align-items:center;padding:10px 20px;margin-top:-10%}.loading-wrap .loading-box svg{width:50px;height:50px;animation:rotate 1.5s linear infinite;margin:10px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.presentation-card{margin:12px;background-color:#fff;border-radius:6px;text-align:center;padding:20px 6px}.presentation-card img{width:70%;height:auto}.presentation-card.transparent{background-color:transparent;color:#fff;margin-top:80px}.presentation-card .text{margin-top:12px;font-weight:700;font-size:32px}.presentation-card .sub-text{margin-top:6px;font-weight:700;font-size:24px;line-height:24px;color:#999;word-wrap:break-word}.android-pda-list{--base-font-size: 36px}.android-pda-list .android-pda-list-title{font-size:calc(var(--base-font-size) * .6);color:#fff;line-height:2em}.android-pda-list .default-item{background-color:#282828;font-size:var(--base-font-size);padding:10px;border-radius:6px;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:10px;word-break:break-word}.android-pda-list .default-item:hover,.android-pda-list .default-item:active,.android-pda-list .default-item:focus{background-color:#0061a1}.android-pda-list .default-item .text{flex:1}.android-pda-list .default-item .sub-text{font-size:80%;opacity:.7;line-height:1em;word-wrap:break-word}.android-pda-list .default-item .sub-tags{display:flex;margin-top:10px}.android-pda-list .default-item .sub-tags .sub-tag-item{background-color:#008fed;padding:.3em;font-size:40%;margin-right:5px;border-radius:6px;color:#fff;line-height:1em}.android-pda-list .default-item .sub-tags .sub-tag-item:first-child{margin-left:0}.android-pda-list .default-item .extra{font-size:80%;opacity:.7}.baselayout-wrapper{display:flex;flex-direction:column;background-color:#000;padding:85px 0}.baselayout-wrapper .baselayout-header{position:fixed;width:100%;top:0;z-index:2}.baselayout-wrapper .baselayout-footer{position:fixed;bottom:0;width:100%;background-color:#000;z-index:1}.baselayout-wrapper .baselayout-container{padding:0 24px 16px;overflow-x:auto;flex:1}.baselayout-wrapper .baselayout-container>*{margin-bottom:16px}.baselayout-wrapper .loading{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;background-color:#0006;background-image:var(--pda-image-1);background-repeat:no-repeat;background-position:center;background-size:120px 120px}.wakekeyborard .wakekeyborard-icon{width:80px;height:80px;background-image:var(--pda-image-11);background-size:100%;position:fixed;right:24px;bottom:24px}.wakekeyborard-overlay{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#dedede33;z-index:10}.wakekeyborard-inputbox{width:100%;display:flex;flex-direction:row;height:85px;position:absolute;bottom:0;left:0;right:0}.wakekeyborard-inputbox input{width:100%;border-radius:16px 0 0;border:0;font-size:42px;background-color:#fff;padding-left:20px}.wakekeyborard-inputbox input:focus{outline:none}.wakekeyborard-inputbox input::-webkit-input-placeholder{color:#d1d1d6;font-size:32px}.wakekeyborard-inputbox button{width:150px;border:0;border-radius:0 16px 0 0;background-color:#fff}.v-mask{position:fixed;top:0;left:0;z-index:1000;display:block;width:100%;height:100%;background:rgba(0,0,0,.75);opacity:1;display:unset}.v-mask .image-viewer-content{width:100vw;height:100vh;max-height:-webkit-fill-available;touch-action:none}.v-mask .image-viewer-slides{height:100%;position:relative;z-index:1;cursor:grab;touch-action:none}.v-mask .image-viewer-indicator{position:absolute;z-index:2;left:50%;top:12px;transform:translate(-50%);color:#e6e6e6;font-size:14px}.v-mask .viewer-image-close{position:absolute;right:6px}.v-mask .viewer-image-close svg{fill:#fff;background:rgba(0,0,0,.3);box-sizing:content-box;height:24px;padding:12px;width:24px}.v-mask .image-viewer-slides-inner{height:100%;white-space:nowrap}.v-mask .image-viewer-image-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.v-mask .image-viewer-image-wrapper img{display:block;max-width:100%;max-height:100%}.v-mask .viewer-image-arrow{position:absolute;top:calc(50% - 10px);z-index:999}.v-mask .viewer-image-arrow svg{fill:#fff;background:rgba(0,0,0,.3);box-sizing:content-box;height:24px;padding:18px;width:24px}.v-mask .viewer-prev{left:0}.v-mask .viewer-next{right:0}.v-mask .image-viewer-loading{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0000009d;z-index:998}.v-mask .image-viewer-loading .image-viewer-loading-reactor{animation:PhotoView__delayShow .4s linear both}.v-mask .image-viewer-loading .image-viewer-loading-reactor svg{animation:PhotoView__rotate .6s linear infinite}.image-uploader-wrap{display:inline-flex;flex-wrap:wrap;margin-bottom:8px}.image-space-item{margin-right:8px;padding-bottom:8px}.image-space-item .image-uploader-cell{position:relative;width:80px;height:80px;border-radius:4px;overflow:hidden}.image-space-item .image-uploader-cell-image{width:80px;height:80px}.image-space-item .image-uploader-cell-delete{position:absolute;top:0;right:0;width:14px;height:14px;background-color:#000000b3;border-radius:0 0 0 12px;font-size:8px;color:#fff;cursor:pointer}.image-space-item .image-uploader-cell-delete .uploader-delete-icon{position:absolute;right:2px;top:2px;display:inline-block;object-fit:cover;width:8px;height:8px}.image-space-item .image-uploader-img{object-fit:cover;display:block;width:100%;height:100%}.image-space-item .image-uploader-upload-button-wrap{position:relative}.image-space-item .image-uploader-upload-button-wrap .image-uploader-upload-button{display:flex;justify-content:center;align-items:center;background-color:#a2a2a2;cursor:pointer}.image-space-item .image-uploader-upload-button-wrap .uploader-add-icon{display:inline-block;object-fit:cover;width:32px;height:32px}.image-uploader-loading{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0000009d}.image-uploader-loading .image-uploader-loading-reactor{animation:PhotoView__delayShow .4s linear both}.image-uploader-loading .image-uploader-loading-reactor svg{animation:PhotoView__rotate .6s linear infinite}@keyframes PhotoView__rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes PhotoView__delayShow{0%,50%{opacity:0}to{opacity:1}}.pda-step-card{display:flex;flex-direction:row}.pda-step-card .pda-step-indictor{display:flex;flex-direction:column;align-items:center;margin-right:16px}.pda-step-card .pda-step-indictor .pda-step-indictor-top{width:1px;background-color:#bec0c6;flex:1}.pda-step-card .pda-step-indictor .pda-step-indictor-top-hidden{background-color:#fff0}.pda-step-card .pda-step-indictor .pda-step-indictor-center{height:24px;width:24px;border-radius:12px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-center-active{background-color:#0091ea}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom{flex:1;width:1px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom-hidden{background-color:#fff0}.pda-step{border-radius:16px;padding:24px 16px;background-color:#fff;margin-bottom:16px}.pda-step p{margin:0}.pda-step .pda-step-title{font-size:60px;color:#0091ea}.pda-step .pda-step-list{margin-top:8px;color:#4a4a4a;font-size:32px;line-height:32px}.pda-step.pda-step-dark{background-color:#000}.pda-step.pda-step-dark .pda-step-title{color:#fff}.pda-step.pda-step-dark .pda-step-list{color:#bec0c6}.pda-finish-card-top{display:flex;flex-direction:column;align-items:center;color:#fff}.pda-finish-card-top .pda-finish-card-img{width:100%;margin:50px auto 0}.pda-finish-card-top .pda-finish-card-title{font-size:50px;line-height:50px;color:#fff;font-weight:500;margin-bottom:16px;text-align:center}.pda-finish-card-top .pda-finish-card-list{margin-top:12px;color:#999;font-size:32px;line-height:30px;text-align:center}.pda-distance-card{border-radius:16px;padding:36px 16px;background-color:#fff}.pda-distance-card p{margin:0;font-size:28px;color:#738399}.pda-distance-card .pda-distance-card-highlight{font-size:60px;line-height:64px;color:#0091ea}.pda-distance-card .pda-distance-indictor{margin-top:36px;display:flex}.pda-distance-card .pda-distance-card-progress{background-color:#ebecf2;height:34px;border-radius:6px;border:4px solid #D9D9D9;margin-top:8px;position:relative}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-indictor{position:absolute;bottom:0;left:5px}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-inside{background-color:#0091ea;height:26px;border-radius:6px 0 0 6px}.pda-distance-card .pda-distance-label{display:flex;justify-content:space-between}.android-sub-card{background:#282828;border-radius:16px;padding:10px;color:#fff}.android-sub-card .android-sub-card-title-section{display:flex;justify-content:space-between}.android-sub-card .android-sub-card-title-section .android-sub-card-title{opacity:.6;font-size:21.312px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag{margin-bottom:0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;color:#fff;font-size:15.984px;line-height:15.984px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.success{background-color:#0f0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.warning{background-color:#fc0;color:#000}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.error{background-color:red}.android-sub-card .android-sub-card-context{font-size:60px;line-height:60px;font-weight:700;word-break:break-all;word-wrap:break-word;margin-top:16px}.android-sub-card .android-sub-card-name{font-size:40px;line-height:40px;font-weight:700;margin-top:16px;margin-bottom:12px}.android-sub-card .android-sub-card-attrs{font-size:32px;line-height:32px;color:#999}.android-sub-card .android-sub-card-attrs>div{margin-top:12px}.select-card{padding-top:12px}.select-card p{color:#999;font-size:32px;line-height:40px;margin-bottom:12px;padding-left:16px}.select-card .select-card-content{background-color:#282828;padding:24px 24px 24px 16px;border-radius:16px;display:flex;flex-direction:row;justify-content:space-between;color:#fff;font-size:40px;line-height:40px}.select-card .select-icon{background-image:var(--pda-image-8);background-size:100%;background-repeat:no-repeat;background-position:center;width:20px}.pda-app-list .pda-app-group{margin:25px}.pda-app-list .pda-app-group .group-name{line-height:1em;margin:0;font-size:32px;color:#fff;font-weight:400;opacity:.6}.pda-app-list .pda-app-group .group-apps{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:25px}.pda-app-list .pda-app-group .group-apps .app-item{display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:linear-gradient(138deg,#0091EA 0%,#095FFF 100%);border-radius:12px;font-size:32px;color:#fff;min-height:126px;flex:1;min-width:48%;max-width:48%;margin-bottom:25px;cursor:pointer}.pda-app-list .pda-app-group .group-apps .app-item:hover,.pda-app-list .pda-app-group .group-apps .app-item:active,.pda-app-list .pda-app-group .group-apps .app-item:focus{background-image:linear-gradient(45deg,#0091EA 0%,#095FFF 100%);box-shadow:0 0 1px 2px #fff}.pda-app-list .pda-app-group .group-apps .app-item .app-name{text-align:center}.pda-app-list .pda-app-group .group-apps .app-item .app-subname{font-size:50%}.pda-infinite-scroll{margin-top:10px}.pda-infinite-scroll span{color:#999}.pda-infinite-scroll .pda-infinite-scroll-view{display:flex;align-items:center;justify-content:center}.action-sheet{position:fixed;z-index:1000;width:100%;height:100%;background-color:#00000059;top:0;left:0;display:none}.action-sheet .action-sheet-container{position:absolute;background-color:#fff;z-index:1010;width:100%;bottom:0;left:0;max-height:80%;border-radius:9.9px 9.9px 0 0;padding-bottom:10.56px;display:flex;flex-direction:column}.action-sheet .action-sheet-container .action-sheet-body{flex:1;overflow-y:auto}.action-sheet .action-sheet-container .action-sheet-sticky-bottom{border-top:2px solid #F2F2F2}.action-sheet .action-sheet-container .action-sheet-item{margin:10.56px 15.84px 0;background-color:#f3f4f8;height:54px;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:9.9px}.action-sheet .action-sheet-container .action-sheet-sticky-bottom-row{display:flex}.action-sheet.show{display:block}.action-sheet.show .action-sheet-container{animation:slide-in .3s ease-out}@keyframes slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pda-tag{display:inline-block;padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px;word-break:keep-all}.pda-tag.pda-tag-success{background-color:#0f0}.pda-tag.pda-tag-warning{background-color:#fc0}.pda-tag.pda-tag-error{background-color:red}.simple-card{display:inline-block;padding:12px 0 12px 18px;border-radius:12px}.simple-card .simple-card-title{font-weight:700;font-size:56px;line-height:40px;margin-top:12px}.simple-card .simple-card-content{font-size:28px;line-height:40px;margin-top:12px}.simple-card.simple-card-default{background-color:#f3f4f9}.simple-card.simple-card-default .simple-card-title{color:#0091ea}.simple-card.simple-card-default .simple-card-content{color:#000}.simple-card.simple-card-error{background-color:red}.simple-card.simple-card-error .simple-card-title{color:#fff}.simple-card.simple-card-error .simple-card-content{color:#ffafb1}.simple-card.simple-card-dark{background-color:#282828}.simple-card.simple-card-dark .simple-card-title{color:#fff}.simple-card.simple-card-dark .simple-card-content{color:#999}.simple-card-block{background-color:#fff;padding:24px 12px;border-radius:12px}.simple-card-block .simple-card-block-header{display:flex;justify-content:space-between}.simple-card-block .simple-card-block-title{color:#666;font-size:32px;line-height:32px}.simple-card-block .simple-card-block-content{display:flex;flex-wrap:wrap}.simple-card-block .simple-card-block-content>div{min-width:190px;margin-right:12px;margin-top:12px}.lattice-mouth .lattice-mouth-row{display:flex}.lattice-mouth .lattice-mouth-row .lattice-mouth-item{--font-size: 14px;--color: #ffffff;--background-color: #BFBFBF;color:var(--color);background-color:var(--background-color);font-size:var(--font-size);flex:1;flex-direction:column;display:flex;margin:1%;border-radius:4px;overflow:hidden}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.highlight{--color: #ffffff;--background-color: #008FED}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.active{--color: #ffffff;--background-color: #282828}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.default{--color: #ffffff;--background-color: #BFBFBF}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.complete{--color: #000000;--background-color: #00FF00}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.error{--color: #ffffff;--background-color: #f30f30}.lattice-mouth .lattice-mouth-row .lattice-mouth-item .lattice-mouth-value{text-align:center;flex:1;font-size:150%;min-height:2em;display:flex;justify-content:center;align-items:center}.lattice-mouth .lattice-mouth-row .lattice-mouth-item .lattice-mouth-label{background-color:#0000004d;text-align:center;min-height:1em}.android-op-card{--base-font-size: 20px;--background-color: #ffffff;--color: #282828;--main-color: #008fed;--border-radius: 6px;--progress-background-color: rgba(160, 160, 160, .5);--progress-foreground-color: #008fed;--tag-background-color: #008fed;--tag-color: #ffffff;background-color:var(--background-color);font-size:var(--base-font-size);color:var(--color);border-radius:var(--border-radius);padding:2%;position:relative}.android-op-card .card-h1{color:var(--color);opacity:.7;font-weight:700}.android-op-card .card-content{font-size:calc(var(--base-font-size) * 2.5);color:var(--main-color);font-weight:700;display:flex;align-items:baseline;line-height:1.1em;word-break:break-word}.android-op-card .card-content small{font-size:50%}.android-op-card .card-progress{background-color:var(--progress-background-color);border-radius:1em;overflow:hidden;height:1em;font-size:calc(var(--base-font-size) * .6);margin-bottom:1em}.android-op-card .card-progress .card-progress-bar{background-color:var(--progress-foreground-color);height:1em;opacity:1.5}.android-op-card .card-main-title{font-size:calc(var(--base-font-size) * 1.6);line-height:1.5em;margin-bottom:.2em}.android-op-card .card-info-list{color:var(--color);opacity:.6}.android-op-card .card-tags{display:flex;margin-top:.5em}.android-op-card .card-tags.top{position:absolute;top:0%;right:1%}.android-op-card .card-tags .card-tags-item{font-size:calc(var(--base-font-size) * .8);color:var(--tag-color);border-radius:.3em;background-color:var(--tag-background-color);padding:.2em .3em;margin-right:.5em}.android-op-card .actions{margin:10px -2% -2%;display:flex}.android-op-card .actions .btn{border-top:1px solid var(--color);opacity:.5;flex:1;display:flex;cursor:pointer;justify-content:center;align-items:center;line-height:2.5em;border-left:1px solid var(--color);color:var(--main-color)}.android-op-card .actions .btn:first-child{border-left:none}.android-op-card .actions .btn.warning{color:red}.android-op-card .actions .btn:hover,.android-op-card .actions .btn:active{opacity:1}.android-pda-picker{--base-font-size: 24px;--border-radius: 6px;--background-color: #282828;position:relative;background-color:var(--background-color);display:flex;align-items:center;padding:.5em;border-radius:var(--border-radius);font-size:var(--base-font-size)}.android-pda-picker .label{color:#fff;height:100%;position:absolute;display:flex;align-items:center;left:0;padding-left:10px;padding-right:10px;background-color:var(--background-color);border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.android-pda-picker .text{color:#999;min-height:1em;display:flex;flex:1;justify-content:flex-end;margin-right:10px}.android-pda-picker .icon{display:block;background-image:var(--pda-image-8);background-size:100%;background-repeat:no-repeat;background-position:center;width:20px;height:20px}.android-pda-picker-overlay{--base-font-size: 24px;display:block;width:100%;background-color:#000}.android-pda-picker-overlay .title{display:flex;align-items:center;color:#000;border-top:1px solid #727272;border-bottom:1px solid #353535;font-size:var(--base-font-size);position:relative;z-index:1;padding:1em}.android-pda-picker-overlay .title .filter-input{font-size:var(--base-font-size);box-sizing:border-box;padding:.5em .5em .5em 2em;background-color:#282828;border:none;color:#fff;border-radius:6px;flex:1}.android-pda-picker-overlay .title .filter-input:focus{background-color:#7e7e7e;outline:1px solid #00ccff}.android-pda-picker-overlay .title .filter-input:focus~.search-icon{color:#fff}.android-pda-picker-overlay .title .filter-input:focus~.cancel{display:block}.android-pda-picker-overlay .title .cancel{display:none;padding:0 1em;color:#fff}.android-pda-picker-overlay .title .search-icon{position:absolute;color:#ababab;top:1.5em;left:1.5em}.android-pda-picker-overlay .android-pda-picker-list{font-size:var(--base-font-size);height:70vh;overflow-y:auto;padding:1em}.android-op-input-item{--base-font-size: 25px;--color: #ffffff;--background-color: #545454;--border-radius: 6px;position:relative;background-color:var(--background-color);border-radius:var(--border-radius)}.android-op-input-item label{display:flex;align-items:center}.android-op-input-item .label-text{font-size:var(--base-font-size);color:var(--color);height:100%;position:absolute;display:flex;align-items:center;left:0;padding-left:10px;padding-right:10px;background-color:var(--background-color);border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.android-op-input-item input{background-color:transparent;border:none;flex:1;font-size:calc(var(--base-font-size) * 1.2);padding:.5em;text-align:right;color:var(--color)}.android-op-input-item input:focus{outline:#ffffff}
|