533 lines
11 KiB
Plaintext
533 lines
11 KiB
Plaintext
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
|
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/@tarojs/webpack5-runner/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[2].use[4]!./src/components/steps/index.scss ***!
|
|
\*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
|
@charset "UTF-8";
|
|
.common_safe_area_y {
|
|
width: 100%;
|
|
height: constant(safe-area-inset-bottom);
|
|
/* 兼容 iOS < 11.2 */
|
|
height: env(safe-area-inset-bottom);
|
|
/* 兼容 iOS >= 11.2 */
|
|
background-color: transparent;
|
|
}
|
|
.flex-col {
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-flex-flow: column nowrap;
|
|
-ms-flex-flow: column nowrap;
|
|
flex-flow: column nowrap;
|
|
}
|
|
.flex-row {
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-flex-flow: row nowrap;
|
|
-ms-flex-flow: row nowrap;
|
|
flex-flow: row nowrap;
|
|
}
|
|
.justify-between {
|
|
-webkit-justify-content: space-between;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
.justify-center {
|
|
-webkit-justify-content: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
.items-center {
|
|
-webkit-align-items: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.flex-item {
|
|
-webkit-flex: 1 1 auto;
|
|
-ms-flex: 1 1 auto;
|
|
flex: 1 1 auto;
|
|
}
|
|
.full-100 {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.color-blue {
|
|
color: #3287EC;
|
|
}
|
|
.color-yellow {
|
|
color: #FF9100;
|
|
}
|
|
.color-green {
|
|
color: #00B837;
|
|
}
|
|
.color-grey {
|
|
color: #707070;
|
|
}
|
|
.color-white {
|
|
color: white;
|
|
}
|
|
.s-w::after {
|
|
content: "W";
|
|
font-size: 28rpx;
|
|
}
|
|
.s-e::after {
|
|
content: "E";
|
|
font-size: 28rpx;
|
|
}
|
|
.filter {
|
|
-webkit-filter: blur(1);
|
|
filter: blur(1);
|
|
}
|
|
@font-face {
|
|
font-family: "iconfont";
|
|
/* Project id 3619513 */
|
|
src: url(/styles/iconfont.ttf?t=1663556335905) format("truetype");
|
|
}
|
|
.iconfont {
|
|
font-family: "iconfont" !important;
|
|
font-size: 16rpx;
|
|
font-style: normal;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.icon-shouhou1:before {
|
|
content: "\e641";
|
|
}
|
|
.icon-cangku1:before {
|
|
content: "\e642";
|
|
}
|
|
.icon-saoma:before {
|
|
content: "\e643";
|
|
}
|
|
.icon-dizhi1:before {
|
|
content: "\e644";
|
|
}
|
|
.icon-huodaofukuan:before {
|
|
content: "\e645";
|
|
}
|
|
.icon-yufukuan1:before {
|
|
content: "\e646";
|
|
}
|
|
.icon-yue:before {
|
|
content: "\e647";
|
|
}
|
|
.icon-zidingyi:before {
|
|
content: "\e648";
|
|
}
|
|
.icon-jinetiaozheng:before {
|
|
content: "\e649";
|
|
}
|
|
.icon-tuikuan1:before {
|
|
content: "\e64a";
|
|
}
|
|
.icon-zhankai:before {
|
|
content: "\e63f";
|
|
}
|
|
.icon-shouqi:before {
|
|
content: "\e640";
|
|
}
|
|
.icon-lujing:before {
|
|
content: "\e63e";
|
|
}
|
|
.icon-jizhumima:before {
|
|
content: "\e63c";
|
|
}
|
|
.icon-a-jizhumima:before {
|
|
content: "\e63d";
|
|
}
|
|
.icon-weixindenglu:before {
|
|
content: "\e63b";
|
|
}
|
|
.icon-kehuxinxi:before {
|
|
content: "\e63a";
|
|
}
|
|
.icon-yewuyuanqizi:before {
|
|
content: "\e639";
|
|
}
|
|
.icon-chakanquanbukehu:before {
|
|
content: "\e638";
|
|
}
|
|
.icon-biyan:before {
|
|
content: "\e637";
|
|
}
|
|
.icon-bianji:before {
|
|
content: "\e61e";
|
|
}
|
|
.icon-daikuan:before {
|
|
content: "\e61f";
|
|
}
|
|
.icon-cangku:before {
|
|
content: "\e620";
|
|
}
|
|
.icon-guanlidingdan:before {
|
|
content: "\e621";
|
|
}
|
|
.icon-mima:before {
|
|
content: "\e622";
|
|
}
|
|
.icon-guanbi:before {
|
|
content: "\e623";
|
|
}
|
|
.icon-jianshao:before {
|
|
content: "\e624";
|
|
}
|
|
.icon-dingwei:before {
|
|
content: "\e625";
|
|
}
|
|
.icon-saomiao:before {
|
|
content: "\e626";
|
|
}
|
|
.icon-peihuo:before {
|
|
content: "\e627";
|
|
}
|
|
.icon-shaixuan:before {
|
|
content: "\e628";
|
|
}
|
|
.icon-paiming:before {
|
|
content: "\e629";
|
|
}
|
|
.icon-shanchusousuoxinxi:before {
|
|
content: "\e62a";
|
|
}
|
|
.icon-shijian:before {
|
|
content: "\e62b";
|
|
}
|
|
.icon-sousuo:before {
|
|
content: "\e62c";
|
|
}
|
|
.icon-shouhou:before {
|
|
content: "\e62d";
|
|
}
|
|
.icon-sousuofanhui:before {
|
|
content: "\e62e";
|
|
}
|
|
.icon-sousuoshanchu:before {
|
|
content: "\e62f";
|
|
}
|
|
.icon-tuikuan:before {
|
|
content: "\e630";
|
|
}
|
|
.icon-tishi:before {
|
|
content: "\e631";
|
|
}
|
|
.icon-xianxiahuizong:before {
|
|
content: "\e632";
|
|
}
|
|
.icon-xinzeng:before {
|
|
content: "\e633";
|
|
}
|
|
.icon-yonghuming:before {
|
|
content: "\e634";
|
|
}
|
|
.icon-yanjing:before {
|
|
content: "\e635";
|
|
}
|
|
.icon-yufukuan:before {
|
|
content: "\e636";
|
|
}
|
|
.icon-wodekefu:before {
|
|
content: "\e60c";
|
|
}
|
|
.icon-dizhi:before {
|
|
content: "\e60d";
|
|
}
|
|
.icon-shouhouzhongxin:before {
|
|
content: "\e60e";
|
|
}
|
|
.icon-wodeshoucang:before {
|
|
content: "\e60f";
|
|
}
|
|
.icon-shoukuanliebiao:before {
|
|
content: "\e610";
|
|
}
|
|
.icon-madanguanli:before {
|
|
content: "\e611";
|
|
}
|
|
.icon-qusechazhao:before {
|
|
content: "\e612";
|
|
}
|
|
.icon-pandiansaoma:before {
|
|
content: "\e613";
|
|
}
|
|
.icon-yaoqingma:before {
|
|
content: "\e614";
|
|
}
|
|
.icon-duizhang:before {
|
|
content: "\e615";
|
|
}
|
|
.icon-tihuoliebiao:before {
|
|
content: "\e616";
|
|
}
|
|
.icon-yangpinduibi:before {
|
|
content: "\e617";
|
|
}
|
|
.icon-yansequyang:before {
|
|
content: "\e618";
|
|
}
|
|
.icon-fahuoliebiao:before {
|
|
content: "\e619";
|
|
}
|
|
.icon-yuncangkucun:before {
|
|
content: "\e61a";
|
|
}
|
|
.icon-xiaoshou:before {
|
|
content: "\e61b";
|
|
}
|
|
.icon-qianzhicangkucun:before {
|
|
content: "\e61c";
|
|
}
|
|
.icon-lingquseka:before {
|
|
content: "\e61d";
|
|
}
|
|
.icon-gouwu1:before {
|
|
content: "\e608";
|
|
}
|
|
.icon-dingdan1:before {
|
|
content: "\e609";
|
|
}
|
|
.icon-gerenzhongxin1:before {
|
|
content: "\e60a";
|
|
}
|
|
.icon-shouye1:before {
|
|
content: "\e60b";
|
|
}
|
|
.icon-gerenzhongxin:before {
|
|
content: "\e604";
|
|
}
|
|
.icon-dingdan:before {
|
|
content: "\e605";
|
|
}
|
|
.icon-shouye:before {
|
|
content: "\e606";
|
|
}
|
|
.icon-gouwu:before {
|
|
content: "\e607";
|
|
}
|
|
.common_safe_area_y {
|
|
width: 100%;
|
|
height: constant(safe-area-inset-bottom);
|
|
/* 兼容 iOS < 11.2 */
|
|
height: env(safe-area-inset-bottom);
|
|
/* 兼容 iOS >= 11.2 */
|
|
background-color: transparent;
|
|
}
|
|
.flex-col {
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-flex-flow: column nowrap;
|
|
-ms-flex-flow: column nowrap;
|
|
flex-flow: column nowrap;
|
|
}
|
|
.flex-row {
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-flex-flow: row nowrap;
|
|
-ms-flex-flow: row nowrap;
|
|
flex-flow: row nowrap;
|
|
}
|
|
.justify-between {
|
|
-webkit-justify-content: space-between;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
.justify-center {
|
|
-webkit-justify-content: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
.items-center {
|
|
-webkit-align-items: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.flex-item {
|
|
-webkit-flex: 1 1 auto;
|
|
-ms-flex: 1 1 auto;
|
|
flex: 1 1 auto;
|
|
}
|
|
.full-100 {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.color-blue {
|
|
color: #3287EC;
|
|
}
|
|
.color-yellow {
|
|
color: #FF9100;
|
|
}
|
|
.color-green {
|
|
color: #00B837;
|
|
}
|
|
.color-grey {
|
|
color: #707070;
|
|
}
|
|
.color-white {
|
|
color: white;
|
|
}
|
|
.s-w::after {
|
|
content: "W";
|
|
font-size: 28rpx;
|
|
}
|
|
.s-e::after {
|
|
content: "E";
|
|
font-size: 28rpx;
|
|
}
|
|
.filter {
|
|
-webkit-filter: blur(1);
|
|
filter: blur(1);
|
|
}
|
|
.step .step-indicator {
|
|
position: relative;
|
|
}
|
|
.step .step-indicator .step-connection {
|
|
position: absolute;
|
|
z-index: 0;
|
|
background-color: #e5e5e5;
|
|
}
|
|
.step .step-indicator .step-icon-container {
|
|
position: absolute;
|
|
z-index: 1;
|
|
background: white;
|
|
}
|
|
.step:last-child .step-indicator .step-connection {
|
|
display: none;
|
|
}
|
|
.step-status-finish .step-indicator .step-connection {
|
|
background-color: #4581ff;
|
|
}
|
|
.step-status-wait .step-icon-container {
|
|
color: #e5e5e5;
|
|
}
|
|
.step-status-wait .step-title {
|
|
color: #999;
|
|
}
|
|
.step-status-process .step-icon-container {
|
|
color: #4581ff;
|
|
}
|
|
.step-status-process .step-title {
|
|
color: #4581ff;
|
|
}
|
|
.step-status-finish .step-icon-container {
|
|
color: #4581ff;
|
|
}
|
|
.step-status-error .step-icon-container {
|
|
color: #e64340;
|
|
}
|
|
.step-status-error .step-title {
|
|
color: #e64340;
|
|
}
|
|
.steps {
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.steps-horizontal {
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-justify-content: space-around;
|
|
-ms-flex-pack: distribute;
|
|
justify-content: space-around;
|
|
padding: 16rpx 0;
|
|
}
|
|
.steps-horizontal .step {
|
|
-webkit-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
}
|
|
.steps-horizontal .step .step-indicator {
|
|
width: 100%;
|
|
height: 48rpx;
|
|
}
|
|
.steps-horizontal .step .step-indicator .step-connection {
|
|
left: 50%;
|
|
top: 50%;
|
|
height: 1px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
width: 100%;
|
|
}
|
|
.steps-horizontal .step .step-indicator .step-icon-container {
|
|
left: 50%;
|
|
top: 50%;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
-ms-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.steps-horizontal .step-content {
|
|
text-align: center;
|
|
font-size: 24rpx;
|
|
padding: 4rpx 16rpx 0;
|
|
}
|
|
.steps-horizontal .step-content .step-title {
|
|
font-size: 28rpx;
|
|
}
|
|
.steps-horizontal .step-content .step-description {
|
|
margin-top: 8rpx;
|
|
color: #999;
|
|
}
|
|
.steps-vertical {
|
|
padding: 16rpx 32rpx;
|
|
}
|
|
.steps-vertical .step {
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-align-items: stretch;
|
|
-ms-flex-align: stretch;
|
|
align-items: stretch;
|
|
}
|
|
.steps-vertical .step .step-indicator {
|
|
-webkit-flex: none;
|
|
-ms-flex: none;
|
|
flex: none;
|
|
width: 48rpx;
|
|
margin-right: 0;
|
|
}
|
|
.steps-vertical .step .step-indicator .step-connection {
|
|
left: 50%;
|
|
top: 21rpx;
|
|
width: 1px;
|
|
-webkit-transform: translateX(-50%);
|
|
-ms-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
height: 100%;
|
|
}
|
|
.steps-vertical .step .step-indicator .step-icon-container {
|
|
top: 21rpx;
|
|
left: 50%;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
-ms-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.steps-vertical .step:last-child .step-content {
|
|
padding-bottom: 0;
|
|
}
|
|
.steps-vertical .step .step-content {
|
|
-webkit-flex: auto;
|
|
-ms-flex: auto;
|
|
flex: auto;
|
|
padding-bottom: 48rpx;
|
|
}
|
|
.steps-vertical .step .step-content .step-title {
|
|
font-size: 28rpx;
|
|
line-height: 1.5;
|
|
}
|
|
.steps-vertical .step .step-content .step-description {
|
|
padding-top: 8rpx;
|
|
font-size: 24rpx;
|
|
color: #999;
|
|
}
|
|
.step-icon-container {
|
|
font-size: 30rpx;
|
|
}
|
|
.step-icon-dot {
|
|
display: block;
|
|
width: 16rpx;
|
|
height: 16rpx;
|
|
background: currentColor;
|
|
border-radius: 8rpx;
|
|
}
|