154 lines
3.5 KiB
Plaintext
154 lines
3.5 KiB
Plaintext
@import './assets/icon.wxss';
|
|
page{
|
|
--main-color:#FF2727;
|
|
--main-bgclolor:#ffffff;
|
|
--main-font-color:#333;
|
|
--safe-bottom:constant(safe-area-inset-bottom);
|
|
--safe-bottom:env(safe-area-inset-bottom);
|
|
background-color: var(--main-bgclolor);
|
|
font-size: 30rpx;
|
|
color: var(--main-font-color);
|
|
line-height: 1;
|
|
height: 100vw;
|
|
overflow: hidden;
|
|
}
|
|
|
|
button{
|
|
border-radius: 40rpx;
|
|
background-color: #000;
|
|
color: #fff;
|
|
margin:0;
|
|
transition-duration: .4s;
|
|
}
|
|
button[type=primary]{
|
|
background-color: #000;
|
|
width: auto;
|
|
}
|
|
button.button-hover{
|
|
background-color: #000!important;
|
|
opacity: .8;
|
|
}
|
|
button.icon-button{
|
|
width:60rpx;height:60rpx;
|
|
padding:0;
|
|
line-height: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 40rpx;
|
|
}
|
|
|
|
.custom-scroll-view{
|
|
height:100vh;
|
|
display:flex;
|
|
flex-direction: column;
|
|
box-sizing: border-box;
|
|
}
|
|
.custom-scroll-view .main{
|
|
overflow: hidden;
|
|
flex:1;
|
|
}
|
|
|
|
|
|
radio{
|
|
width: 20px;
|
|
height: 20px;
|
|
position: relative;
|
|
}
|
|
radio .wx-radio-input{
|
|
border-radius: 50%;
|
|
border-color:var(--main-color);
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;left:0;
|
|
}
|
|
radio .wx-radio-input.wx-radio-input-checked{
|
|
background-color:transparent;
|
|
border-color: var(--main-color);
|
|
}
|
|
radio .wx-radio-input.wx-radio-input-checked::before{
|
|
content: '';
|
|
position: absolute;
|
|
width: 14px;
|
|
height:14px;
|
|
left:2px;top:2px;
|
|
border-radius: 50%;
|
|
background: var(--main-color);
|
|
transform: none;
|
|
-webkit-transform:none
|
|
}
|
|
|
|
|
|
.cells{
|
|
margin:20rpx;
|
|
border-radius: 24rpx;
|
|
background-color: #fff;
|
|
overflow: hidden;
|
|
}
|
|
.cells .cell{
|
|
display: flex;
|
|
align-items: center;
|
|
padding:0 40rpx;
|
|
font-size: 30rpx;
|
|
position: relative;
|
|
}
|
|
.cells .cell.cell-active{
|
|
background-color:rgba(0,0,0,.1);
|
|
}
|
|
.cells .cell::after{
|
|
content: '';
|
|
border-bottom: 1rpx solid rgba(153, 153, 153, 0.2);
|
|
position: absolute;
|
|
bottom:0;
|
|
left:40rpx;
|
|
right:40rpx;
|
|
}
|
|
.cells .cell:last-child::after{
|
|
border:0;
|
|
}
|
|
.cells .cell-hd{
|
|
margin-right:20rpx;
|
|
}
|
|
.cells .cell-hd .icon{
|
|
width:40rpx;height:40rpx;
|
|
vertical-align: middle;
|
|
}
|
|
.cells .cell-bd{
|
|
flex:1;
|
|
display: flex;
|
|
align-items: center;
|
|
position:relative;
|
|
min-height: 116rpx;
|
|
}
|
|
.cells .cell-bd .error{
|
|
color:red;
|
|
position: absolute;
|
|
left:0;bottom:10rpx;
|
|
font-size: 24rpx;
|
|
}
|
|
.cells .cell-bd input{
|
|
height:100rpx;
|
|
width: 100%;
|
|
}
|
|
.cells .cell-ft{
|
|
position: relative;
|
|
color:#999;
|
|
}
|
|
.cells.cells-access .cell-ft{
|
|
padding-right: 40rpx;
|
|
}
|
|
.cells.cells-access .cell-ft::after{
|
|
content:" ";
|
|
width:24rpx;height:48rpx;
|
|
-webkit-mask-position:0 0;
|
|
mask-position:0 0;
|
|
-webkit-mask-repeat:no-repeat;
|
|
mask-repeat:no-repeat;
|
|
-webkit-mask-size:100%;
|
|
mask-size:100%;
|
|
background-color:currentColor;
|
|
color:var(--weui-FG-2);
|
|
-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);position:absolute;top:50%;right:0;margin-top:-24rpx
|
|
} |