|
|
- @import "../../uvue.wxss";
- :host{display:flex;flex-direction:column}
-
- .container {
- display: flex;
- flex-direction: column;
- height: 100vh;
- background-color: #f5f5f5;
- }
- .user-info {
- padding: 1rem;
- height: 30%;
- background-color: #044f7a;
- color: #fff;
- display: flex;
- flex-direction: column;
- /* justify-content: space-between; */
- align-items: center;
- }
- .user-info-content{
- width: 40%;
- height: 70%;
- display: flex;
- align-items: center;
- margin-top: auto;
- }
- .user-info-content image{
- width: 70%;
- height: 70%;
- border-radius: 10%;
- }
- .user-info text{
- position: absolute;
- font-size: 1rem;
- bottom: 5%;
- }
- .menu {
- flex: 1;
- padding: 20px;
- background-color: #fff;
- }
- .menu-item {
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- padding: 15px 0;
- border-bottom: 1px solid #eee;
- }
- .menu-item-left {
- display: flex;
- flex-direction: row;
- margin-right: auto;
- }
- .menu-item text {
- margin-left: 1rem;
-
- font-size: 16px;
- }
- .arrow {
- width: 20px;
- height: 20px;
- }
- .footer {
- display: flex;
- justify-content: space-around;
- padding: 10px;
- background-color: #fff;
- border-top: 1px solid #ccc;
- }
- .nav-item {
- text-align: center;
- }
- .nav-item text {
- font-size: 14px;
- }
- .mini_container{
- display: flex;
- flex-direction: row;
- align-items: center;
- }
-
- /* 按钮 */
- .mini-btn{
- width: 30%;
- margin-left: 15%;
- }
|