12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- page{
- width: 100%;
- height: 100%;
- }
- image{
- width: 100%;
- height: 100%;
- }
- .float-left{
- float: left;
- }
- .home-container{
- width: 100%;
- height: 100%;
- }
- .user-info{
- width: auto;
- height: 150rpx;
- padding: 20rpx 20rpx;
- background-color: var(--themeColor);
- }
- .user-header{
- margin: 5rpx 0;
- width: 100rpx;
- height: 100rpx;
- }
- .user-header image{
- border-radius: 100rpx;
- }
- .user-name{
- margin: 10rpx 20rpx;
- font-size: 32rpx;
- font-weight: 600;
- width: 500rpx;
- }
- .user-phone{
- margin:0 0 0 20rpx;
- font-size: 30rpx;
- width: 500rpx;
- }
- .login{
- margin:0 0 0 20rpx;
- font-size: 30rpx;
- width: 500rpx;
- height: 100rpx;
- line-height: 100rpx;
- }
- .home-item{
- /* margin: 10rpx 0; */
- padding: 25rpx;
- width: auto;
- height: 100rpx;
- border-bottom: 1rpx solid #888888;
- }
- .item-icon{
- width: 50rpx;
- height: 50rpx;
- }
- .item-name{
- /* flex: 5; */
- margin: 0 0 0 20rpx;
- width: 580rpx;
- height: 50rpx;
- font-size: 32rpx;
- line-height: 50rpx;
- }
- .item-right{
- width: 50rpx;
- height: 50rpx;
- }
- .version{
- /* position: fixed;
- left: 325rpx;
- bottom: 500rpx; */
- position: relative;
- top: 50rpx;
- margin: 0 auto;
- width: 100rpx;
- font-size: 25rpx;
- color: #888888;
- text-align: center;
- }
|