123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104 |
- .Page.UserInfo {
- background: #fff;
- height: 100vh;
- width: 100%;
- > scroll-view {
- width: 100%;
- height: 100%;
- .PageContent {
- position: relative;
- overflow: hidden;
- min-height: calc(100vh - 100px);
- z-index: 1;
- padding-bottom: 100px;
- > text {
- font-size: 34px;
- font-weight: bold;
- color: #333;
- display: block;
- text-indent: 40px;
- margin-top: 30px;
- }
- > .flex-h {
- padding: 20px 40px;
- border-bottom: 2px solid rgba(0, 0, 0, 0.12);
- margin-top: 10px;
- align-items: center;
- > view {
- > .Icon {
- width: 92px;
- height: 92px;
- position: relative;
- overflow: hidden;
- border-radius: 100%;
- background: #eee;
- > image {
- width: 100%;
- height: 100%;
- }
- }
- > input {
- display: block;
- width: 100%;
- background: none;
- font-size: 26px;
- line-height: 40px;
- height: 40px;
- }
- > textarea {
- font-size: 26px;
- display: block;
- width: 100%;
- }
- > text {
- display: block;
- width: 100%;
- background: none;
- font-size: 26px;
- line-height: 40px;
- height: 40px;
- }
- }
- > text {
- font-size: 30px;
- }
- }
- }
- .Btn {
- padding: 0 40px;
- position: relative;
- overflow: hidden;
- z-index: 2;
- margin-top: -60px;
- margin-bottom: 60px;
- // padding: 0 40px;
- // position: absolute;
- // // box-sizing: border-box;
- // width: 100vw;
- // left: 0;
- // bottom: 20px;
- // z-index: 2;
- // margin-top: 20px;
- display: flex;
- justify-content: space-between;
- > text {
- display: block;
- text-align: center;
- font-size: 32px;
- line-height: 92px;
- background: #193c83;
- color: #fff;
- font-weight: bold;
- border-radius: 92px;
- width: 320px;
- }
-
- text:first-child {
- border: 2px solid #193C83;
-
- background: #fff;
- color: #193c83;
- }
- }
- }
- }
|