| | |
| | | <view class="main"> |
| | | <view class="header"> |
| | | <view class="titleFirst"> |
| | | 你好~<br/>欢迎来到安全教育平台</view> |
| | | 你好~<br/>欢迎来到危化品全生命周期管理平台</view> |
| | | </view> |
| | | <view> |
| | | <u-form :model="form" ref="uForm" class="form" > |
| | |
| | | |
| | | .titleFirst{ |
| | | width: 80%; |
| | | font-size: 44rpx; |
| | | font-size: 34rpx; |
| | | line-height: 1.5; |
| | | font-weight: bold; |
| | | letter-spacing: 2px; |
| | |
| | | border-radius: 99px; |
| | | background: #f5f5f5; |
| | | padding: 15px 20px !important; |
| | | box-shadow: 0px -6px 10px rgba(255, 255, 255, 1), 0px 4px 15px rgba(0, 0, 0, 0.1) !important; |
| | | box-shadow: 0px -6px 10px rgba(255, 255, 255, 1), 0px 4px 15px rgba(0, 0, 0, 0.1)!important; |
| | | transition: box-shadow .1s ease !important; |
| | | |
| | | &:active{ |
| | |
| | | |
| | | .isFocused{ |
| | | background: #fff; |
| | | border-width: 1.5px !important; |
| | | border-color: #e6e6e6 !important; |
| | | border-width: 2px !important; |
| | | border-color: #fff !important; |
| | | box-shadow: 0px -6px 10px rgba(255, 255, 255, 1), 0px 4px 15px rgba(0, 0, 0, 0.1),0px 3px 6px rgba(0, 0, 0, 0.1) inset !important; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .loginBtn{ |
| | | border: 1px solid rgba(255,255,255,.4); |
| | | border: 2px solid rgba(255,255,255,.8); |
| | | letter-spacing: 10px; |
| | | box-shadow: 0 2px 4px rgba(0,0,0,.2); |
| | | background-image: linear-gradient(#41a2ff,#0f7ff9); |