/* pages/me/me.wxss */ .me .head-logo { padding: 38rpx 0 28rpx; display: flex; flex-direction: column; justify-content: center; align-items: center; } .me .head-logo image { width: 240rpx; height: 240rpx; border-radius: 50%; border: 10rpx solid rgba(101, 71, 163, 0.2); margin-bottom: 28rpx; } .me .head-logo text { font-size: 36rpx; font-weight: bold; } .me .head-logo .goLogin { color: #999; } .me .head-logo .userName { color: #353535; } .me .br { height: 20rpx; background: #999999; opacity: 0.05; } .me .list { padding: 0 30rpx; } .me .list .li { height: 102rpx; display: flex; } .me .list .li .icon { height: 102rpx; display: flex; align-items: center; margin-right: 20rpx; } .me .list .li image { width: 40rpx; } .me .list .li .button { width: calc(100% - 60rpx); border-bottom: 1rpx solid #E0DCD7; position: relative; display: flex; align-items: center; } .me .list .li .button button, .me .list .li .button text { margin: 0; background: none; text-align: left; padding: 0; line-height: 102rpx; font-size: 30rpx; color: #353535; font-weight: 400; } .me .list .li .button image.j { height: 22rpx; position: absolute; top: 40rpx; right: 0rpx; } .me .list .li .button image.logo { height: 34rpx; margin-left: 12rpx; } .login{ position: fixed; bottom: 54rpx; width: 100vw; display: flex; justify-content: center; } .login>view{ display: flex; justify-content: center; align-items: center; width: 520rpx; height: 80rpx; background: #999999; border-radius: 45rpx; font-size: 36rpx; font-weight: 400; color: #FFFFFF; } .login>view.action{ background: #6547A3; }