微信开发者工具是用 NW.js 写的,编辑器使用 VSCode 团队开源的 monaco-editor 实现,模拟器和调试器使用 NW.js 提供的 webview 标签实现。其中模拟器用于展示视图层渲染结果,调试器用于调试逻辑层代码。
言归正传,上具体操作步骤:
- 从微信开发者工具菜单栏中,打开“调试微信开发者工具”功能,弹出第一个 Chrome devtools 窗口。
- 在第一个 devtools 的 Elements 选项卡,选中模拟器所在的 webview 后,右键 Copy selector ;
- 在 Console 中输入
document.querySelector("刚才复制的选择器").showDevTools(true)
后,弹出第二个 Chrome devtools 窗口。
- 在第二个 devtools 的 Elements 选项卡,就可以看到模拟器中实际渲染的 DOM 结构,在最顶部的 style 节点就是注入的默认样式。
- 默认样式如下:
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,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABatJREFUaAXVWl1IpFUYnllZGUf3wlz6MXER1ES7s83VUDJw6KpdaSTDwMnYFSK6KNirooHullKQCNzQRjZ/wom1u9ALQ0mT1ktFdEBWXLdibaH1jwmx5zme83W+z2Hm+7bZmc8X3jl/73vO837n/z3j9aSBjo6O8lBNC7gZXAUuBxeCz4FJj8APwTHwCngaPOX1evcRZocAuhAcAt8G74KdEnWoyzpobGYIjfnBn4D/BqeLWBfr9Du1wmtXAZXnQPY9cBj8HNhEe3t7sbW1tfn19fW7m5ubD5aXl7dnZmYeUKipqel8dXV1UUlJyfmysrILFRUV9X6/n8PMSveREQYPYHgdWgsTpW0ZAPDPQ3kC/JJeCUEvLi7+NDg4+EskEvldL0sVD4VCz3Z1db1SW1v7egJj7kD/Coy4l6qelAYAfB0quQ02vno8Hr8/OTkZaWtrmzo4ODhK1Uiycp/P5x0fH28JBAKh3Nxcow3osDdaYcRCMv2kBgD8O1D+BuyTlcTn5+cj7e3t0Y2NjX+SVey0rLS09OzY2Fiwvr4+BN1cqX+A8CqM+E6mTwRnTuTIDAn+FpIC/OHh4V+9vb0fNzQ0jKYbPJtknaybbbAtCYNt35JYZJY5SNgDctj8DFEBfnd3d627u/vT4eHhP8zqTybV0dHxTH9//+f5+fkVsgX2xKuJhtMJAwCeE/Y3sBiPBF9XV/fh0tISK8kY1dTU+BYWFvo0IzgnLlontmkIATyXSq42Ajy7kl8+0+D5ldgm29aGEzFNSIwUEWQyADlc59VSGe/r6/ssU8PmGI75l20TA3LjsoTYiNEgYwjBMu6CPKuIr4/Vph+TasyQzGJkbm7ubaxO1yQEDqVyDKU9pvUe+AhpAZ7rPJbKHyjgBuKyTUwSCzESqyBhAL4+D1PXZZ6Hm9STWCpV/U5DYiEmTe+6xOwRQwiJEAq/pQCPB0VFRdf+7w7LutJJ3LG3t7dvaseOdzGMImoIXVaN8WzjNvDERkzEpnAiFJjP4OvzMhJQBTyYqbjdEDov7+/vf4+6pu0wZQcGBi7arV/JWbAFiN2Lnzcg8COFuGkVFBSo2a70UoYEhC5+OqWgJoAv+mdeXt5bWpat6M7Ozk1tc7vMIfSa0lxdXf1VxZ2ETsGz7sfRoV4sFtMxNtOAF1hAugs6jrn3lxcmDV0VDTBuRrxJaYWujFowltMA40LNa6ArUWugLBgLaYByfXjUHVaTd13UgvEcDTjVRAPodBJE74GKuzW0YHxEA+gxE0TXh4q7NbRgfEgDeIQWRL+Nirs1tGCM0YAVBZZOJxV3a2jBuEIDphVYesxU3EnIY4ETeco+jg71LBinacAUWNxueFSlx4yCTmh0dPRLJ4AoOzIy8oWTNihLbNpxmpin1H2AnrcrFJqdnf0KM901tzFiUoQ94M3GxsYPZHoC94FW9gBJnEYZoa8SBy1hGNNuIWIiNg2PwKwbIPYDdhF9lZqgK6LEpA0fYv3PAHQF94IbCikdrcXFxWdVOtsh/abEpOG4ITGbvBI9EBA3f3qJo9FoUFPIapROX81zTYzEKkgNIQ8s4qwOH2d7PPQS9/T0vKjS2QqJQXqsFYSwxCrSpsmK6yVdi7zx0APmoVuvs7Pz/Wx55+jkHRoa+jonJ+cp4gHdAV+CAcbrjckASsCI0+vcpQGw7h6CVrDwRvMCTS8xvwbLM0Fsy+KZJha+1hCbiYw5oOdCkM86V1UejWBXZmJOsA22pXkeCIOvNAmfmk4MIQWaIYZTwiemYDAY3dracsUTU1IDpBGn95FP9Yac2KfzmVUzgkssHxfCYOGGR2gQvXp0jNG3lOyh+wKosrLykmWMq3q4SYXBth+6laLtEL3hqr8a2AZuFYQhrvizR8pJbAWeKA1j6OFuATeDq8D09hWClc+Jp0ceGHn/5hWWt8C0/N3mX15C4bDnCIuAAAAAAElFTkSuQmCC');
}
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