赞
踩
微信开发者工具是用 NW.js 写的,编辑器使用 VSCode 团队开源的 monaco-editor 实现,模拟器和调试器使用 NW.js 提供的 webview 标签实现。其中模拟器用于展示视图层渲染结果,调试器用于调试逻辑层代码。
言归正传,上具体操作步骤:
document.querySelector("刚才复制的选择器").showDevTools(true)
后,弹出第二个 Chrome devtools 窗口。html { -webkit-user-select: none; user-select: none; height: 100%; width: 100%; } body { -webkit-user-select: none; user-select: none; width: 100%; overflow-x: hidden; } wx-action-sheet-item { background-color: #FFFFFF; position: relative; padding: 10px 0; text-align: center; font-size: 18px; display: block; } wx-action-sheet-item:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } wx-action-sheet-item:active { background-color: #ECECEC; } wx-action-sheet .wx-action-sheet { position: fixed; left: 0; bottom: 0; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 5000; width: 100%; background-color: #FFFFFF; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } wx-action-sheet .wx-action-sheet-show { -webkit-transform: translate(0, 0); transform: translate(0, 0); } wx-action-sheet .wx-action-sheet-menu { background-color: #FFFFFF; } wx-action-sheet .wx-action-sheet-mask { position: fixed; z-index: 1000; width: 100%; height: 100%; top: 0; left: 0; transition: background-color 0.3s; background-color: rgba(0, 0, 0, 0.6); } wx-audio { display: inline-block; line-height: 0; } wx-audio[hidden] { display: none; } wx-audio > .wx-audio-default { max-width: 100%; min-width: 302px; height: 65px; background: #fcfcfc; border: 1px solid #e0e0e0; border-radius: 2.5px; display: inline-block; overflow: hidden; } wx-audio > .wx-audio-default > .wx-audio-left { width: 65px; height: 65px; float: left; background-color: #e6e6e6; background-size: 100% 100%; background-position: 50% 50%; } wx-audio > .wx-audio-default > .wx-audio-left > .wx-audio-button { width: 24px; height: 24px; margin: 20.5px; background-size: cover; } wx-audio > .wx-audio-default > .wx-audio-left > .wx-audio-button.play { background-image: url('data:image/png;base64,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'); } wx-audio > .wx-audio-default > .wx-audio-left > .wx-audio-button.pause { background-image: url('data:image/png;base64,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'); } wx-audio > .wx-audio-default > .wx-audio-right { box-sizing: border-box; height: 65px; margin-left: 65px; padding: 11px 16.5px 13.5px 15px; overflow: hidden; } wx-audio > .wx-audio-default > .wx-audio-right > .wx-audio-info { margin-right: 70px; overflow: hidden; } wx-audio > .wx-audio-default > .wx-audio-right > .wx-audio-info > .wx-audio-name { height: 22.5px; line-height: 22.5px; margin-bottom: 3.5px; font-size: 14px; color: #353535; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } wx-audio > .wx-audio-default > .wx-audio-right > .wx-audio-info > .wx-audio-author { height: 14.5px; line-height: 14.5px; font-size: 12px; color: #888888; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } wx-audio > .wx-audio-default > .wx-audio-right > .wx-audio-time { margin-top: 3.5px; height: 16.5px; font-size: 12px; color: #888888; float: right; } wx-button { position: relative; display: block; margin-left: auto; margin-right: auto; padding-left: 14px; padding-right: 14px; box-sizing: border-box; font-size: 18px; text-align: center; text-decoration: none; line-height: 2.55555556; border-radius: 5px; -webkit-tap-highlight-color: transparent; overflow: hidden; color: #000000; background-color: #F8F8F8; } wx-button[hidden] { display: none !important; } wx-button:after { content: " "; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; box-sizing: border-box; border-radius: 10px; } wx-button[native] { padding-left: 0; padding-right: 0; } wx-button[native] .wx-button-cover-view-wrapper { border: inherit; border-color: inherit; border-radius: inherit; background-color: inherit; width: 100%; height: 100%; } wx-button[native] .wx-button-cover-view-inner { padding-left: 14px; padding-right: 14px; width: 100%; height: 100%; } wx-button wx-cover-view { line-height: inherit; white-space: inherit; } wx-button[type=default] { color: #000000; background-color: #F8F8F8; } wx-button[type=primary] { color: #FFFFFF; background-color: #1AAD19; } wx-button[type=warn] { color: #FFFFFF; background-color: #E64340; } wx-button[disabled] { color: rgba(255, 255, 255, 0.6); } wx-button[disabled][type=default], wx-button[disabled]:not([type]) { color: rgba(0, 0, 0, 0.3); background-color: #F7F7F7; } wx-button[disabled][type=primary] { background-color: #9ED99D; } wx-button[disabled][type=warn] { background-color: #EC8B89; } wx-button[type=primary][plain] { color: #1aad19; border: 1px solid #1aad19; background-color: transparent; } wx-button[type=primary][plain][disabled] { color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.2); } wx-button[type=primary][plain]:after { border-width: 0; } wx-button[type=default][plain] { color: #353535; border: 1px solid #353535; background-color: transparent; } wx-button[type=default][plain][disabled] { color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.2); } wx-button[type=default][plain]:after { border-width: 0; } wx-button[plain] { color: #353535; border: 1px solid #353535; background-color: transparent; } wx-button[plain][disabled] { color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.2); } wx-button[plain]:after { border-width: 0; } wx-button[type=warn][plain] { color: #e64340; border: 1px solid #e64340; background-color: transparent; } wx-button[type=warn][plain][disabled] { color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.2); } wx-button[type=warn][plain]:after { border-width: 0; } wx-button[size=mini] { display: inline-block; line-height: 2.3; font-size: 13px; padding: 0 1.34em; } wx-button[size=mini][native] { padding: 0; } wx-button[size=mini][native] .wx-button-cover-view-inner { padding: 0 1.34em; } wx-button[loading]:before { content: " "; display: inline-block; width: 18px; height: 18px; vertical-align: middle; -webkit-animation: wx-button-loading-animate 1s steps(12, end) infinite; animation: wx-button-loading-animate 1s steps(12, end) infinite; background: transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat; background-size: 100%; } wx-button[loading][type=primary] { color: rgba(255, 255, 255, 0.6); background-color: #179B16; } wx-button[loading][type=primary][plain] { color: #1aad19; background-color: transparent; } wx-button[loading][type=default] { color: rgba(0, 0, 0, 0.6); background-color: #DEDEDE; } wx-button[loading][type=default][plain] { color: #353535; background-color: transparent; } wx-button[loading][type=warn] { color: rgba(255, 255, 255, 0.6); background-color: #CE3C39; } wx-button[loading][type=warn][plain] { color: #e64340; background-color: transparent; } @-webkit-keyframes wx-button-loading-animate { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); transform: rotate3d(0, 0, 1, 360deg); } } @keyframes wx-button-loading-animate { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); transform: rotate3d(0, 0, 1, 360deg); } } .button-hover { color: rgba(0, 0, 0, 0.6); background-color: #DEDEDE; } .button-hover[plain] { color: rgba(53, 53, 53, 0.6); border-color: rgba(53, 53, 53, 0.6); background-color: transparent; } .button-hover[type=primary] { color: rgba(255, 255, 255, 0.6); background-color: #179B16; } .button-hover[type=primary][plain] { color: rgba(26, 173, 25, 0.6); border-color: rgba(26, 173, 25, 0.6); background-color: transparent; } .button-hover[type=default] { color: rgba(0, 0, 0, 0.6); background-color: #DEDEDE; } .button-hover[type=default][plain] { color: rgba(53, 53, 53, 0.6); border-color: rgba(53, 53, 53, 0.6); background-color: transparent; } .button-hover[type=warn] { color: rgba(255, 255, 255, 0.6); background-color: #CE3C39; } .button-hover[type=warn][plain] { color: rgba(230, 67, 64, 0.6); border-color: rgba(230, 67, 64, 0.6); background-color: transparent; } wx-canvas { width: 300px; height: 150px; display: block; position: relative; } wx-canvas > canvas { position: absolute; top: 0; left: 0; } wx-checkbox { -webkit-tap-highlight-color: transparent; display: inline-block; } wx-checkbox[hidden] { display: none; } wx-checkbox .wx-checkbox-wrapper { display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; vertical-align: middle; } wx-checkbox .wx-checkbox-input { margin-right: 5px; -webkit-appearance: none; appearance: none; outline: 0; border: 1px solid #D1D1D1; background-color: #FFFFFF; border-radius: 3px; width: 22px; height: 22px; position: relative; } wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked { color: #09BB07; } wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked:before { font: normal normal normal 14px/1 "weui"; content: "\EA08"; font-size: 22px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -48%) scale(0.73); -webkit-transform: translate(-50%, -48%) scale(0.73); } wx-checkbox .wx-checkbox-input.wx-checkbox-input-disabled { background-color: #E1E1E1; } wx-checkbox .wx-checkbox-input.wx-checkbox-input-disabled:before { color: #ADADAD; } wx-checkbox-group { display: block; } wx-checkbox-group[hidden] { display: none; } wx-icon { display: inline-block; font-size: 0; } wx-icon[hidden] { display: none; } wx-icon i { font: normal normal normal 14px/1 "weui"; } @font-face { font-weight: normal; font-style: normal; font-family: "weui"; src: url('data:application/octet-stream;base64,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') format('truetype'); } [class^="wx-icon-"]:before, [class*=" wx-icon-"]:before { margin: 0; } .wx-icon-success { color: #09BB07; } .wx-icon-success:before { content: "\EA06"; } .wx-icon-info { color: #10AEFF; } .wx-icon-info:before { content: "\EA03"; } .wx-icon-warn { color: #F76260; } .wx-icon-warn:before { content: "\EA0B"; } .wx-icon-waiting { color: #10AEFF; } .wx-icon-waiting:before { content: "\EA09"; } .wx-icon-safe_success { color: #09BB07; } .wx-icon-safe_success:before { content: "\EA04"; } .wx-icon-safe_warn { color: #FFBE00; } .wx-icon-safe_warn:before { content: "\EA05"; } .wx-icon-success_circle { color: #09BB07; } .wx-icon-success_circle:before { content: "\EA07"; } .wx-icon-success_no_circle { color: #09BB07; } .wx-icon-success_no_circle:before { content: "\EA08"; } .wx-icon-waiting_circle { color: #10AEFF; } .wx-icon-waiting_circle:before { content: "\EA0A"; } .wx-icon-circle { color: #C9C9C9; } .wx-icon-circle:before { content: "\EA01"; } .wx-icon-download { color: #09BB07; } .wx-icon-download:before { content: "\EA02"; } .wx-icon-info_circle { color: #09BB07; } .wx-icon-info_circle:before { content: "\EA0C"; } .wx-icon-cancel { color: #F43530; } .wx-icon-cancel:before { content: "\EA0D"; } .wx-icon-search { color: #B2B2B2; } .wx-icon-search:before { content: "\EA0E"; } .wx-icon-clear { color: #B2B2B2; } .wx-icon-clear:before { content: "\EA0F"; } [class^="wx-icon-"]:before, [class*=" wx-icon-"]:before { box-sizing: border-box; } wx-image { width: 320px; height: 240px; display: inline-block; overflow: hidden; } wx-image[hidden] { display: none; } wx-image > div { width: 100%; height: 100%; } wx-image > img { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; display: block; } .input-placeholder { color: gray; } wx-input { display: block; height: 1.4rem; text-overflow: clip; overflow: hidden; white-space: nowrap; font-family: UICTFontTextStyleBody; min-height: 1.4rem; } wx-input input { position: relative; min-height: 1.4rem; border: none; height: inherit; width: 100%; font-size: inherit; font-weight: inherit; font-family: UICTFontTextStyleBody; color: inherit; background: transparent; display: inherit; padding: 0; margin: 0; outline: none; vertical-align: middle; text-align: inherit; overflow: inherit; white-space: inherit; text-overflow: inherit; -webkit-tap-highlight-color: transparent; z-index: 2; } wx-input[hidden] { display: none; } wx-input div { position: relative; min-height: 1.4rem; text-overflow: inherit; border: none; height: inherit; width: inherit; font-size: inherit; font-weight: inherit; font-family: UICTFontTextStyleBody; color: inherit; background: inherit; padding: 0; margin: 0; outline: none; text-align: inherit; -webkit-tap-highlight-color: transparent; } wx-input div[type=password] div { color: black; } wx-input div div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 100%; height: inherit; min-height: 1.4rem; white-space: pre; text-align: inherit; overflow: hidden; vertical-align: middle; z-index: 1; } wx-input ul { position: fixed; left: 0; right: 0; z-index: 999999; padding: 0; background-color: white; border: 0.5px solid #cccccc; max-height: 204px; min-height: 51px; overflow: auto; } wx-input ul li { display: block; padding: 10px; position: relative; padding: 10px 0; border-bottom: 0.5px solid #cccccc; margin: 0 15px; } wx-input ul li:last-child { border-bottom: none; } wx-input ul li .title { font-weight: bold; font-size: 18px; margin-right: 50px; } wx-input ul li .content { font-size: 12px; color: #cccccc; margin-right: 50px; } wx-input ul li .del { position: absolute; width: 50px; height: 50px; line-height: 50px; top: 50%; right: 0; margin-top: -25px; text-align: center; } .wx-loading { position: fixed; z-index: 2000000000; width: 7.6em; min-height: 7.6em; top: 180px; left: 50%; margin-left: -3.8em; background: rgba(40, 40, 40, 0.75); text-align: center; border-radius: 5px; color: #FFFFFF; font-size: 16px; line-height: normal; } .wx-loading-icon { margin: 30px 0 10px; width: 38px; height: 38px; vertical-align: baseline; display: inline-block; -webkit-animation: weuiLoading 1s steps(12, end) infinite; animation: weuiLoading 1s steps(12, end) infinite; background: transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat; background-size: 100%; } .wx-loading-content { margin: 0 0 15px; } .wx-loading-mask { position: fixed; z-index: 1000; width: 100%; height: 100%; top: 0; left: 0; } @-webkit-keyframes weuiLoading { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); } } @keyframes weuiLoading { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); } } wx-map { position: relative; width: 300px; height: 150px; display: block; } wx-map > div > div > div { display: none; } wx-map > div > div > div:first-child { display: block; } .wx-mask { position: fixed; z-index: inherit; width: 100%; height: 100%; top: 0; left: 0; transition: background-color 0.3s; background-color: inherit; } .wx-mask[show=false] { display: none; } .wx-mask-transparent { background-color: rgba(0, 0, 0, 0); } wx-mask { z-index: 1000; position: fixed; background-color: rgba(0, 0, 0, 0.6); } wx-modal .wx-modal-mask { z-index: inherit; width: 100%; height: 100%; top: 0; left: 0; transition: background-color 0.3s; background-color: inherit; z-index: 1000; position: fixed; background-color: rgba(0, 0, 0, 0.6); -webkit-animation: fadeIn ease .3s forwards; animation: fadeIn ease .3s forwards; } wx-modal .wx-modal-dialog { position: fixed; z-index: 5000; width: 85%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #FAFAFC; text-align: center; border-radius: 3px; overflow: hidden; } wx-modal .wx-modal-dialog-hd { padding: 1.2em 20px .5em; } wx-modal .wx-modal-dialog-hd strong { font-weight: normal; font-size: 17px; } wx-modal .wx-modal-dialog-bd { text-align: left; padding: 0 20px; font-size: 15px; color: #888; word-wrap: break-word; word-break: break-all; } wx-modal .wx-modal-dialog-ft { position: relative; line-height: 42px; margin-top: 20px; font-size: 17px; display: -webkit-flex; display: flex; } wx-modal .wx-modal-dialog-ft:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-top: 1px solid #D5D5D6; color: #D5D5D6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } wx-modal .wx-modal-dialog-ft a { position: relative; display: block; -webkit-flex: 1; flex: 1; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } wx-modal .wx-modal-dialog-ft a[hidden] { display: none; } wx-modal .wx-modal-dialog-ft a:active { background-color: #eee; } wx-modal .wx-modal-btn-primary { color: #3CC51F; } wx-modal .wx-modal-btn-default { color: #000000; } wx-modal .wx-modal-btn-default:before { content: " "; position: absolute; right: 0; top: 0; width: 1px; height: 100%; border-right: 1px solid #D5D5D6; color: #D5D5D6; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } @media screen and (min-width: 1024px) { wx-modal .wx-modal-dialog { width: 35%; } } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } wx-picker { display: block; } wx-picker-view { display: block; } wx-picker-view .wrapper { display: -webkit-flex; display: flex; position: relative; overflow: hidden; } wx-picker-view[hidden] { display: none; } wx-picker-view-column { -webkit-flex: 1; flex: 1; position: relative; height: 100%; overflow: hidden; } .wx-picker__mask { transform: translateZ(0); -webkit-transform: translateZ(0); } .wx-picker__indicator, .wx-picker__mask { position: absolute; left: 0; width: 100%; z-index: 3; } .wx-picker__mask { top: 0; height: 100%; margin: 0 auto; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)); background-position: top,bottom; background-size: 100% 102px; background-repeat: no-repeat; } .wx-picker__indicator { height: 34px; top: 102px; } .wx-picker__indicator, .wx-picker__mask { position: absolute; left: 0; width: 100%; z-index: 3; pointer-events: none; } .wx-picker__content { position: absolute; top: 0; left: 0; width: 100%; will-change: transform; } .wx-picker__indicator:after, .wx-picker__indicator:before { content: " "; position: absolute; left: 0; right: 0; height: 1px; color: #e5e5e5; } .wx-picker__indicator:before { top: 0; border-top: 1px solid #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .wx-picker__indicator:after { bottom: 0; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .wx-picker__indicator:after, .wx-picker__indicator:before { content: " "; position: absolute; left: 0; right: 0; height: 1px; color: #e5e5e5; } wx-progress { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } wx-progress[hidden] { display: none; } .wx-progress-bar { -webkit-flex: 1; flex: 1; } .wx-progress-inner-bar { width: 0; height: 100%; } .wx-progress-info { margin-top: 0; margin-bottom: 0; min-width: 2em; margin-left: 15px; font-size: 16px; } wx-radio { -webkit-tap-highlight-color: transparent; display: inline-block; } wx-radio[hidden] { display: none; } wx-radio .wx-radio-wrapper { display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; vertical-align: middle; } wx-radio .wx-radio-input { -webkit-appearance: none; appearance: none; margin-right: 5px; outline: 0; border: 1px solid #D1D1D1; background-color: #ffffff; border-radius: 50%; width: 22px; height: 22px; position: relative; } wx-radio .wx-radio-input.wx-radio-input-checked { background-color: #09BB07; border-color: #09BB07; } wx-radio .wx-radio-input.wx-radio-input-checked:before { font: normal normal normal 14px/1 "weui"; content: "\EA08"; color: #ffffff; font-size: 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -48%) scale(0.73); -webkit-transform: translate(-50%, -48%) scale(0.73); } wx-radio .wx-radio-input.wx-radio-input-disabled { background-color: #E1E1E1; border-color: #D1D1D1; } wx-radio .wx-radio-input.wx-radio-input-disabled:before { color: #ADADAD; } wx-radio-group { display: block; } wx-radio-group[hidden] { display: none; } wx-scroll-view { display: block; width: 100%; } wx-scroll-view[hidden] { display: none; } .wx-scroll-view { position: relative; -webkit-overflow-scrolling: touch; width: 100%; /* display: flex; 时在安卓下会导致scrollWidth和offsetWidth一样 */ height: 100%; max-height: inherit; } wx-swiper { display: block; height: 150px; } wx-swiper[hidden] { display: none; } wx-swiper .wx-swiper-wrapper { overflow: hidden; position: relative; width: 100%; height: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); } wx-swiper .wx-swiper-slides { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } wx-swiper .wx-swiper-slide-frame { position: absolute; left: 0; top: 0; width: 100%; height: 100%; will-change: transform; } wx-swiper .wx-swiper-dots { position: absolute; font-size: 0; } wx-swiper .wx-swiper-dots-horizontal { left: 50%; bottom: 10px; text-align: center; white-space: nowrap; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } wx-swiper .wx-swiper-dots-horizontal .wx-swiper-dot { margin-right: 8px; } wx-swiper .wx-swiper-dots-horizontal .wx-swiper-dot:last-child { margin-right: 0; } wx-swiper .wx-swiper-dots-vertical { right: 10px; top: 50%; text-align: right; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } wx-swiper .wx-swiper-dots-vertical .wx-swiper-dot { display: block; margin-bottom: 9px; } wx-swiper .wx-swiper-dots-vertical .wx-swiper-dot:last-child { margin-bottom: 0; } wx-swiper .wx-swiper-dot { display: inline-block; width: 8px; height: 8px; cursor: pointer; transition-property: background-color; transition-timing-function: ease; background: rgba(0, 0, 0, 0.3); border-radius: 50%; } wx-swiper .wx-swiper-dot-active { background-color: #000000; } wx-swiper-item { display: block; overflow: hidden; will-change: 'transform'; } wx-swiper-item[hidden] { display: none; } wx-slider { margin: 10px 18px; padding: 0; display: block; } wx-slider[hidden] { display: none; } wx-slider .wx-slider-wrapper { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; min-height: 16px; } wx-slider .wx-slider-tap-area { -webkit-flex: 1; flex: 1; padding: 8px 0; } wx-slider .wx-slider-handle-wrapper { position: relative; height: 2px; border-radius: 5px; background-color: #e9e9e9; cursor: pointer; transition: background-color 0.3s ease; -webkit-tap-highlight-color: transparent; } wx-slider .wx-slider-track { height: 100%; border-radius: 6px; background-color: #1aad19; transition: background-color 0.3s ease; } wx-slider .wx-slider-handle, wx-slider .wx-slider-thumb { position: absolute; left: 50%; top: 50%; cursor: pointer; border-radius: 50%; transition: border-color 0.3s ease; } wx-slider .wx-slider-handle { width: 28px; height: 28px; margin-top: -14px; margin-left: -14px; background-color: transparent; z-index: 3; } wx-slider .wx-slider-thumb { z-index: 2; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); } wx-slider .wx-slider-step { position: absolute; width: 100%; height: 2px; background: transparent; z-index: 1; } wx-slider .wx-slider-value { color: #888; font-size: 14px; margin-left: 1em; } wx-slider .wx-slider-disabled .wx-slider-track { background-color: #ccc; } wx-slider .wx-slider-disabled .wx-slider-thumb { background-color: #FFF; border-color: #ccc; } * { margin: 0; } wx-switch { -webkit-tap-highlight-color: transparent; display: inline-block; } wx-switch[hidden] { display: none; } wx-switch .wx-switch-wrapper { display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; vertical-align: middle; } wx-switch .wx-switch-input { -webkit-appearance: none; appearance: none; position: relative; width: 52px; height: 32px; margin-right: 5px; border: 1px solid #DFDFDF; outline: 0; border-radius: 16px; box-sizing: border-box; background-color: #DFDFDF; transition: background-color 0.1s, border 0.1s; } wx-switch .wx-switch-input:before { content: " "; position: absolute; top: 0; left: 0; width: 50px; height: 30px; border-radius: 15px; background-color: #FDFDFD; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } wx-switch .wx-switch-input:after { content: " "; position: absolute; top: 0; left: 0; width: 30px; height: 30px; border-radius: 15px; background-color: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } wx-switch .wx-switch-input.wx-switch-input-checked { border-color: #04BE02; background-color: #04BE02; } wx-switch .wx-switch-input.wx-switch-input-checked:before { -webkit-transform: scale(0); transform: scale(0); } wx-switch .wx-switch-input.wx-switch-input-checked:after { -webkit-transform: translateX(20px); transform: translateX(20px); } wx-switch .wx-checkbox-input { margin-right: 5px; -webkit-appearance: none; appearance: none; outline: 0; border: 1px solid #D1D1D1; background-color: #FFFFFF; border-radius: 3px; width: 22px; height: 22px; position: relative; color: #09BB07; } wx-switch .wx-checkbox-input.wx-checkbox-input-checked:before { font: normal normal normal 14px/1 "weui"; content: "\EA08"; color: inherit; font-size: 22px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -48%) scale(0.73); -webkit-transform: translate(-50%, -48%) scale(0.73); } wx-switch .wx-checkbox-input.wx-checkbox-input-disabled { background-color: #E1E1E1; } wx-switch .wx-checkbox-input.wx-checkbox-input-disabled:before { color: #ADADAD; } wx-text[selectable] { user-select: text; -webkit-user-select: text; } .wx-toast { position: fixed; z-index: 2000000000; width: 7.6em; min-height: 7.6em; top: 180px; left: 50%; margin-left: -3.8em; background: rgba(40, 40, 40, 0.75); text-align: center; border-radius: 5px; color: #FFFFFF; font-size: 16px; line-height: normal; } .wx-toast-icon { margin-top: 14px; margin-bottom: 8px; font-family: weui; font-style: normal; } .wx-toast-content { margin: 0 0 15px; } .wx-toast-mask { position: fixed; z-index: 1000; background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; top: 0; left: 0; } wx-video { width: 300px; height: 225px; display: inline-block; line-height: 0; overflow: hidden; position: relative; } wx-video[hidden] { display: none; } wx-video .wx-video-container { width: 100%; height: 100%; background-color: black; display: inline-block; position: absolute; top: 0; left: 0; } wx-video video { width: 100%; height: 100%; } wx-video .wx-video-bar { height: 44px; background-color: rgba(0, 0, 0, 0.5); overflow: hidden; position: absolute; bottom: 0; right: 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 0 10px; } wx-video .wx-video-bar.full { left: 0; } wx-video .wx-video-bar.part { margin: 5px; border-radius: 5px; height: 34px; } wx-video .wx-video-bar.none { display: none; } wx-video .wx-video-bar > .wx-video-controls { display: -webkit-flex; display: flex; -webkit-flex-grow: 1; flex-grow: 1; margin: 0 8.5px; } wx-video .wx-video-bar > .wx-video-controls > .wx-video-control-button { width: 13px; height: 15px; margin: 14.5px 12.5px 14.5px 0; background-size: 100%; background-position: 50% 50%; background-repeat: no-repeat; } wx-video .wx-video-bar > .wx-video-controls > .wx-video-control-button.play { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAeCAYAAAAy2w7YAAAAAXNSR0IArs4c6QAAAWhJREFUSA1j+P///0cgBoHjQGzCQCsAtgJB/AMy5wCxGNXtQ9iBwvoA5BUCMQvVLEQxHpNzDSjkRhXLMM3GKrIeKKpEkYVYjcUu+AMo3ALE3GRZiN1MvKKPgbIRJFuG10j8koeA0gZEW4jfLIKyf4EqpgOxMEELCRpFnIJ3QGU5QMyM00LizCFa1SWgSkeslhFtBGkKVwGVy6FYSJp+klR/A6quB2JOkIWMIK0oNlOf8xBoZDE9LAI7nYn6HsBq4l96WHQEaLUpAyiOaASeAM2NgvuPBpaACt82IEYtfKls0UagecpwXyAzqGTRdaA57sjmYrAptAjUsCkGYlYMg9EFyLQI1IiZB8Ti6Obh5JNh0QmgHlOcBuKSIMGi50C18UDMiMssvOJEWPQLqKYbiHnxGkRIkoBF24DyaoTMIEoeh0W3geI+RBlArCI0iz4D+RVAzEasfqLVAQ19AcSg5LoYiKWI1kiiQgCMBLnEEcfDSgAAAABJRU5ErkJggg=='); } wx-video .wx-video-bar > .wx-video-controls > .wx-video-control-button.pause { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAAAXNSR0IArs4c6QAAAFlJREFUSA3tksEKACAIQ7X//5zq98wOgQayum8QaGweHhMzG/6OujzKAymn+0LMqivu1XznWmX8/echTIyMyAgTwA72iIwwAexgj8gIE8CO3aMRbDPMaEy5BRGaKcZv8YxRAAAAAElFTkSuQmCC'); } wx-video .wx-video-bar > .wx-video-controls > .wx-video-progress-container { -webkit-flex-grow: 2; flex-grow: 2; } wx-video .wx-video-bar > .wx-video-controls > .wx-video-progress-container > .wx-video-progress { height: 2px; margin: 21px 12px; background-color: rgba(255, 255, 255, 0.5); position: relative; } wx-video .wx-video-bar > .wx-video-controls > .wx-video-progress-container > .wx-video-progress > .wx-video-progress-inner { width: 100%; height: 100%; } wx-video .wx-video-bar > .wx-video-controls > .wx-video-progress-container > .wx-video-progress > .wx-video-ball { width: 16px; height: 16px; padding: 14px; position: absolute; top: -21px; } wx-video .wx-video-bar > .wx-video-controls > .wx-video-progress-container > .wx-video-progress > .wx-video-ball > .wx-video-inner { width: 100%; height: 100%; background-color: #ffffff; border-radius: 50%; } wx-video .wx-video-bar > .wx-video-controls > .wx-video-progress-container > .wx-video-progress > .wx-video-inner { width: 0; height: 100%; background-color: #ffffff; } wx-video .wx-video-bar > .wx-video-controls > .wx-video-current-time, wx-video .wx-video-bar > .wx-video-controls > .wx-video-duration { height: 14.5px; line-height: 14.5px; margin-top: 15px; margin-bottom: 14.5px; font-size: 12px; color: #cbcbcb; } wx-video .wx-video-bar > .wx-video-controls > .wx-video-live-button { height: 14.5px; line-height: 14.5px; margin-top: 15px; margin-bottom: 14.5px; font-size: 12px; color: #cbcbcb; } wx-video .wx-video-bar > .wx-video-danmu-btn { white-space: nowrap; line-height: 1; padding: 2px 10px; border: 1px solid #fff; border-radius: 5px; font-size: 13px; color: #fff; margin: 0 8.5px; } wx-video .wx-video-bar > .wx-video-danmu-btn.active { border-color: #48c23d; color: #48c23d; } wx-video .wx-video-bar > .wx-video-fullscreen { width: 17px; height: 17px; /*margin: 13.5px 16px 13.5px 17px;*/ margin: 0 8.5px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAAXNSR0IArs4c6QAAAQRJREFUWAnt1d0NwiAQB/CmS7hHX5zFxLF0Ah2hE/lg7BT4PyMJUj6Oyt299BIioZT7ARYG59wLpTXmoXOMGO/QecxtwyWW4o42AupGALkFdX1MkHxE3Q7jIbQPqNthQogpJoZkMLRlsn/gFMQEk4OoY0oQVUwNoobhQFQwgMxUKFkt0C8+Zy61d8SeR5iHWCLOwF/MCb8Tp//ex3QFsE1HlCfKFUX2OijNFMnPKD7k76YcBoL402Zh8B77+MjlXrVvwfglXA32b0MrRgxCE2nBiEJaMOIQLkYFwsGoQWoYVUgJow4pYD4Weq4ayBqfwDYQmnUK0301kITujuawu65/l2B5A4z3Qe+Ut7EBAAAAAElFTkSuQmCC'); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } wx-video .wx-video-danmu { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; margin-bottom: 44px; } wx-video .wx-video-danmu > .wx-video-danmu-item { line-height: 1; position: absolute; color: #ffffff; white-space: nowrap; left: 100%; transition: 3s linear; } wx-video .wx-video-cover { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; background-color: rgba(1, 1, 1, 0.5); z-index: 1; } wx-video .wx-video-cover .wx-video-cover-play-button { width: 15px; height: 15px; } wx-video .wx-video-cover .wx-video-cover-duration { color: #fff; font-size: 16px; line-height: 1; margin-top: 10px; } wx-view { display: block; } wx-view[hidden] { display: none; } .navigator-hover { background-color: rgba(0, 0, 0, 0.1); opacity: 0.7; } wx-navigator { height: auto; width: auto; display: block; } wx-navigator[hidden] { display: none; } wx-action-sheet-cancel { background-color: #FFFFFF; font-size: 18px; } wx-action-sheet-cancel .wx-action-sheet-middle { background-color: #EFEFF4; height: 6px; width: 100%; } wx-action-sheet-cancel .wx-action-sheet-cancel { background-color: inherit; position: relative; padding: 10px 0; text-align: center; font-size: inherit; display: block; } wx-action-sheet-cancel .wx-action-sheet-cancel:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; border-top: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } wx-action-sheet-cancel .wx-action-sheet-cancel:active { background-color: #ECECEC; } .textarea-placeholder { color: grey; } wx-textarea { width: 300px; height: 150px; display: block; position: relative; } wx-textarea[hidden] { display: none; } wx-textarea textarea { outline: none; border: none; resize: none; background-color: transparent; line-height: 1.2; z-index: 2; position: absolute; padding: 0; font-family: inherit; background: transparent; } wx-textarea .compute { color: transparent; top: 0; z-index: 0; } wx-textarea div { word-break: break-all; line-height: 1.2; font-family: inherit; position: absolute; } /*wx-share-button {*/ /*display: inline-block;*/ /*line-height: 0;*/ /*z-index: 9999999999;*/ /*-webkit-tap-highlight-color: transparent;*/ /*>.wx-share-button-wrapper {*/ /*width: 36px;*/ /*height: 36px;*/ /*display: inline-block;*/ /*background-size: 100% 100%;*/ /*background-repeat: no-repeat;*/ /*-webkit-tap-highlight-color: transparent;*/ /*}*/ /*}*/ wx-contact-button { display: inline-block; line-height: 0; z-index: 9999999999; } wx-contact-button[hidden] { display: none; } wx-contact-button > .wx-contact-button-wrapper { width: 18px; height: 18px; display: inline-block; background-size: 100% 100%; background-repeat: no-repeat; -webkit-tap-highlight-color: transparent; } wx-movable-area { display: block; position: relative; width: 10px; height: 10px; } wx-movable-area[hidden] { display: none; } wx-movable-view { display: inline-block; width: 10px; height: 10px; top: 0px; left: 0px; position: absolute; } wx-movable-view[hidden] { display: none; } wx-cover-view { display: block; line-height: 1.2; overflow: hidden; white-space: nowrap; pointer-events: auto; } wx-cover-view[hidden] { display: none; } wx-cover-view .wx-cover-view { width: 100%; height: 100%; text-overflow: inherit; overflow: hidden; white-space: inherit; -webkit-align-items: inherit; align-items: inherit; -webkit-justify-content: inherit; justify-content: inherit; -webkit-flex-direction: inherit; flex-direction: inherit; } wx-cover-image { display: block; line-height: 1.2; overflow: hidden; pointer-events: auto; height: 100%; width: 100%; } wx-cover-image img { width: 100%; height: 100%; } wx-cover-image[hidden] { display: none; } wx-cover-image .wx-cover-image { width: 100%; height: 100%; text-overflow: inherit; overflow: inherit; white-space: nowrap; -webkit-align-items: inherit; align-items: inherit; -webkit-justify-content: inherit; justify-content: inherit; -webkit-flex-direction: inherit; flex-direction: inherit; font-size: 0; } wx-camera { position: relative; width: 100%; display: block; overflow: hidden; } wx-camera[hidden] { display: none; } wx-camera video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } wx-live-player { width: 300px; height: 225px; display: inline-block; line-height: 0; overflow: hidden; position: relative; background-color: black; } wx-live-player[hidden] { display: none; } wx-live-player video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } wx-live-pusher { position: relative; width: 100%; display: block; overflow: hidden; background-color: black; } wx-live-pusher[hidden] { display: none; } wx-live-pusher video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } wx-web-view { width: 100%; height: 100%; } wx-web-view > div { width: 100%; height: 100%; } wx-ad { display: block; width: 100%; overflow: hidden; pointer-events: auto; /*暂无广告*/ } wx-ad .ad_bg { width: 100%; height: 100%; } wx-ad .hd_label { position: absolute; top: 4px; left: 4px; width: 28px; text-align: center; height: 14px; line-height: 14px; border-radius: 2px; background-color: rgba(40, 40, 40, 0.6); color: #fff; font-size: 11px; } wx-ad .ft_label { font-size: 11px; background-color: rgba(40, 40, 40, 0.6); position: absolute; display: block; height: 17px; line-height: 17px; font-style: normal; color: #fff; padding-right: 3.5px; text-align: right; right: 0; bottom: 0; } wx-ad .ft_label_before { content: ' '; display: block; width: 14px; height: 100%; position: absolute; top: 0; right: 100%; overflow: hidden; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAiCAYAAAE7eonfAAAAAXNSR0IArs4c6QAAAolJREFUSA2tVs1rE0EUT9okNoK20ZtYQQ9tvgsNuARE0kLBgII92JMfPXjtoYVCvcWLtt49+B8mxxByScjG3xt4y5vdmZ396ELyPn/vN2/2TSaFgnjq9fq/IttkkL7BDpYRh4JwOmcp2Wq13gXpq9XqVBlI/UVhjjxVRrfbfalA+AoWwY5Go/FnvV5vq0x2suQA2RoyvCYmLCBww2iWGpKd4L1D+Z1IUJYOyhIKLb9hNEktiC34Yg3KgIZEySfWIEr+tgbDAbJVK3L5MinSpwyybgI7gSYQFdT2hxlYYvv/sh6WViAGaR/vrBQGsG0FLhaLK04ySSMQS7w0JUtfBDgYDEpYYl0mmXRtVzudTm25XN6aEsM+DRgOso1VbI3H4++wO+xzAulI00lmAMtIjxwgSf2aQBTbpC/bU61WrxGrmeKxjNjdVyYQ+azA4XD4wAYiv3WplUrlGxif28BWRt/3PRuI/FZgHMgKxBl8nwkI0IesQBcu2iNG7LUThYTI5mDEPmcCAhT74rmoxkh3EgdcMgA2m82fmBR1kblAFHeexyRFKIfuJezPR6iP4jC5CTFkfRCcx5HIWLA10plUp66Qe540n/IyE3qe9zjpiMkFZSacTqdfUSj1K8lEiHE+BFlwE8gOXHpqwtFoRBjtz5CLRMatv8QySeqTyeQM525P+tLoqTpst9u7IDtOQxDOTUWIqaRByfUkJsSZO0J3L3KxAZyIsNfrPcQl+SkvGeGt/whl8fl8TndI6gGTNVh3doitPEByjwF5ZewvBQ54G+/tIi+JxBu3if5GlcvlHyA7kcn3oasO+/1+dTabPQOBh9F/i8KxnYeJi8WiD58PvA99JXRlY+BIqs9/1uymFKVUkXgAAAAASUVORK5CYII=) no-repeat 0 0; background-size: auto 100%; } wx-ad .ft_label_cover_wrap { right: 0; bottom: 0; height: 17px; position: absolute; } wx-ad .ft_label_cover_before { display: block; width: 14px; height: 100%; position: absolute; top: 0; right: 100%; } wx-ad .ft_label_cover { font-size: 11px; background-color: rgba(40, 40, 40, 0.6); display: block; height: 17px; font-style: normal; color: #fff; padding-right: 3px; text-align: right; } wx-ad .ft_label_cover .text { line-height: 17px; } wx-ad .btn_miniapp { display: inline-block; vertical-align: middle; padding: 0 10.5px; height: 22.5px; line-height: 22.5px; font-size: 13px; border-radius: 5px; text-decoration: none; } wx-ad .btn_miniapp.skin1 { color: #1AAD19; border: 1px solid #1AAD19; } wx-ad .btn_miniapp.skin2 { color: rgba(255, 255, 255, 0.8); border: 1px solid rgba(255, 255, 255, 0.8); } wx-ad .ic_miniapp { display: inline-block; width: 14px; height: 14px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAgZJREFUSA3tlr0vBFEUxWfQ+YjSR6XQIkgoFBpRij+BiMQfIJKlIxKtTvwNJEIhyi1UiASNSMRXUAliFbLW77Ivzr7dGWaz5d7k7Jz73rnnzr7Z2feCoBrVFfhjBXK5XAOYAWlwD97BBVgDHX+UlzeN8SC4BlGRYWIO1JTXoUQVZt3gDfwnUiUskg/RKQRnXscN8gkwDhbBE3DxARlI3smrwGTEOeavU54kYLwV3Ihuw9ckzjFbEMODKAM006J7VF25D71dTI6F+/RcBhqFB+U21rqsGnp8VPJL4UGdJpXiLG8tXvNgVjy3hMc3xqAX8RA4CMNwXwujODU9zK2DftHcw1clL00p7gLbwEUW0uLUcPtXcrEm4/UM3rqJ/PWZq91MQRQtNaJuFGnQJEq74xfJo2gzE20yuQNPsVonMvZNCxrT1L7VLtCmR+STFGe+K2I+0NzhMYykD6TJD2Pkv1MULQMXtrz2voa/ih/GWMml9nVxecE3Rjgm4hXueEnyilJ9H81Yt7G9mE72urj4dCTJ1W/8KsWdwn2qv9I7fzJxzrPbBC7sD77VN2Fsygny1xFfkzjHaADYFubCtjbb4myrsy3Ptj6NU5KiH1/ixlaAUUqdY7gdAuydr0xgVgPsuGLHlqi4YmKwMh09F4w7gL2vdnCzA9wDsAOdHewaPHk1ra5A0Qp8AStESai4b58oAAAAAElFTkSuQmCC) no-repeat center; background-size: contain; vertical-align: middle; position: relative; bottom: 1px; right: 3px; } wx-ad .ic_miniapp_cover { display: inline-block; width: 14px; height: 14px; position: absolute; top: 50%; margin-top: -7px; left: 0; margin-left: -2px; } wx-ad .da_container { height: 100%; position: relative; background-color: white; } wx-ad .da_container .da_content { height: 100%; } wx-ad .da_container .brand_info { height: 100%; padding-left: 8px; } wx-ad .da_container .btn_miniapp { position: absolute; top: 50%; margin-top: -11.2px; right: 6px; } wx-ad .brand_info { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start; } wx-ad .brand_info .avatar { margin-right: 8.5px; } wx-ad .brand_info .brand_info_title { text-align: left; font-size: 13px; margin: 0; margin-bottom: 3.5px; } wx-ad .brand_info .brand_info_desc { font-size: 10px; color: #888; margin: 0; text-align: left; } wx-ad .avatar { display: block; width: 33px; height: 33px; } wx-ad .avatar_img { display: block; width: 100%; height: 100%; } wx-ad .avatar.radius .avatar_img { border-radius: 50%; } wx-ad .info_ele { display: inline-block; } wx-ad .info_ele.separate { position: relative; padding-right: 6px; margin-right: 6px; color: #888; } wx-ad .info_ele_separate { display: inline-block; width: 1px; height: 9px; position: absolute; top: 50%; margin-top: -4.5px; right: 0; background-color: #888; } wx-ad .brand_info_msg.cover .brand_info_desc { height: 16px; line-height: 16px; } wx-ad .brand_info_msg.cover .separate { margin-right: 0; } wx-ad .brand_info_msg.cover .info_ele_separate { position: static; margin-bottom: 2px; margin-right: 6px; } wx-ad .banner_full { position: relative; } wx-ad .banner_full .da_banner_img { display: block; position: absolute; top: 0; height: 100%; left: 0; right: 0; width: 100%; } wx-ad .empty_ad_container { position: absolute; top: 0; left: 0; right: 0; height: 100%; background-color: #DCDCDC; color: #888888; text-align: center; } wx-ad .empty_ad_container p { margin: 0; } wx-ad .empty_ad_desc { line-height: 50px; font-size: 12px; } /*# sourceMappingURL=wx-components.css.map */
默认样式的代码片段(粘贴到浏览器会自动调起开发者工具打开):
wechatide://minicode/iItbTfmC6pYO
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。