.page { background-color: #F9F9F9; width: 100%; height: 100%; padding-top: 50px; // 标题栏高度 .toptitle{ position: fixed; top: 0; left: 0; right: 0; width: 100%; background-color: #0052D8; display: flex; justify-content: center; align-items: center; height: 50px; z-index: 200; .toptitle_left{ position: absolute; left: 10px; z-index: 1000; } .toptitle_title{ color: #fff; } } } .head{ position: fixed; left: 0; top: 0; z-index: 100; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100rpx; /* #ifdef MP */ height: calc(120rpx + var(--status-bar-height)); padding-top: calc(40rpx + var(--status-bar-height)); /* #endif */ background-color: rgba(255,255,255,1); .logo-title{ width: 64%; color: #000; padding-left: 25rpx; font-size: 32rpx; display: flex; align-items: center; image { width: 32rpx; height: 32rpx; margin-right: 10rpx; } } .title{ } .setting-mess{ width: 20%; display: flex; align-items: center; height: 100%; margin-right: 25rpx; } } .main { margin-top: 100rpx; } /* 地址列表 */ .address-list{ width: 100%; position: relative; top: 20rpx; background-color: #fff; .list{ margin: 0 25rpx; padding: 40rpx 0; border-bottom: 2rpx dashed #E8E8F0; .name-phone{ display: flex; align-items: center; justify-content: space-between; width: 100%; .name{ width: 80%; color: #929292; .name-title { font-size: 27rpx; font-weight: bold; color: #000; margin-bottom: 20rpx; } } .edit { font-size: 22rpx; } } } .list:last-child { border-bottom: 0; } } /* 添加地址 */ .add-address{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100rpx; .btn{ display: flex; align-items: center; justify-content: center; width: 94%; height: 70rpx; background: linear-gradient(to right,#39C079,#30A567); border-radius: 70rpx; text{ font-size: 28rpx; color: #FFFFFF; } } }