123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118 |
- .container {
- padding: 64rpx 32rpx 42rpx;
- background-color: #ffffff;
- height: 100vh;
- }
- .code {
- margin: auto;
- margin-top: 50rpx;
- width: 650rpx;
- /* height: auto; */
- }
- .code-tip {
- justify-content: space-between;
- align-items: center;
- margin-bottom: 58rpx;
- }
- .code-tip>view:nth-of-type(1) {
- color: #2A3A5A;
- font-size: 56rpx;
- font-weight: bold;
- }
- .code-scan {
- display: flex;
- align-items: center;
- color: #0074FF;
- font-size: 22rpx;
- text-align: center;
- background-color: #E5F1FF;
- border-radius: 24rpx;
- height: 48rpx;
- line-height: 48rpx;
- padding-left: 20rpx;
- padding-right: 20rpx;
- }
- .code-scan>img {
- width: 28rpx;
- height: 28rpx;
- vertical-align: middle;
- margin-right: 4rpx;
- }
- .cinput {
- position: fixed;
- left: -100rpx;
- width: 50rpx;
- height: 50rpx;
- }
- .code-input {
- display: flex;
- }
- .input-item {
- /* width: 96rpx; */
- height: 128rpx;
- line-height: 128rpx;
- color: #2A3A5A;
- font-size: 76rpx;
- font-weight: bold;
- background-color: #F3F8FF;
- border-radius: 16rpx;
- margin-left: 18rpx;
- padding-left: 18rpx;
- width: 16%;
- border: 4rpx solid #F3F8FF;
- }
- .inputed-item {
- height: 128rpx;
- line-height: 128rpx;
- color: #2A3A5A;
- font-size: 76rpx;
- font-weight: bold;
- background-color: #F3F8FF;
- border-radius: 16rpx;
- margin-left: 18rpx;
- padding-left: 18rpx;
- width: 16%;
- border: 4rpx solid #0074FF;
- }
- .input-select {
- width: 96rpx;
- height: 128rpx;
- color: #2A3A5A;
- font-size: 76rpx;
- font-weight: bold;
- background-color: #F3F8FF;
- border-radius: 16rpx;
- margin-left: 18rpx;
- border: 4rpx solid #0074FF;
- }
- .input-item>view:nth-child(1) {
- margin-left: 0rpx;
- }
- .inputStyle-wx {
- width: 1rpx;
- height: 1rpx;
- position: absolute;
- left: -200rpx;
- top: -20rpx;
- }
- .inputStyle-ali {
- width: 100rpx;
- height:1rpx;
- color: white;
- border: 1px solid #fff;
- background-color: #fff;
- }
|