1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- .container {
- .head {
- background: url("../../../../page-instrument/header-top/image/headImg.png") no-repeat;
- background-size: 100% 100%;
- width: 372px;
- height: 57px;
- position: relative;
- .headTit{
- position: absolute;
- bottom: 9px;
- left: 50%;
- transform: translateX(-50%);
- width: 38px;
- height: 18px;
- }
- .closeImg{
- position: absolute;
- top: 0;
- right: -38px;
- width: 32px;
- height: 32px;
- cursor: pointer;
- }
- }
- .pickerCon{
- width: 354px;
- height: 284px;
- background: #B0D8FF;
- box-shadow: 0px 4px 0px 0px #7AAEE0;
- border-radius: 0px 0px 24px 24px;
- margin: 0 auto;
- padding: 10px;
- .pickerBox{
- width: 100%;
- height: 100%;
- background: #EAF2FB;
- border-radius: 12px;
- }
- }
- .picker {
- height: 204px;
- overflow: hidden;
- background-color: initial;
- display: flex;
- align-items: center;
- :global{
- .van-picker__mask {
- background-image: initial;
- }
- .van-picker__columns{
- width: 100%;
- }
- .van-picker-column__wrapper{
- padding: 0 16px;
- }
- .van-picker-column__item{
- font-weight: 600;
- font-size: 15px;
- color: rgba(0,0,0,0.2);
- &.van-picker-column__item--selected{
- border-top: 1px solid #D5E0ED;
- border-bottom: 1px solid #D5E0ED;
- color: rgb(0,0,0);
- }
- }
- }
- }
- .button {
- cursor: pointer;
- width: 118px;
- height: 40px;
- margin: 10px auto 0;
- z-index: 9;
- background: url("./imgs/okBtn.png") no-repeat;
- background-size: 100% 100%;
- }
- }
|