view { box-sizing: border-box; } .container { background: #F7F8FB; min-height: 100vh; .outerBox{ padding: 42rpx 30rpx; // position: relative; // z-index: 0; .upBox{ display: flex; justify-content: center; .upIcon{ height: 124rpx; width: 124rpx; border-radius: 50%; border: 2rpx solid #fff; // position: relative; // z-index: 0; } .upIcon1{ height: 124rpx; // position: relative; // z-index: 0; } } .label{ font-size: 32rpx; font-family: SourceHanSansCN, SourceHanSansCN; font-weight: bold; color: #333333; margin-top: 36rpx; margin-bottom: 24rpx; } .editBox{ background: #FFFFFF; border-radius: 32rpx; padding: 0 24rpx; .item{ display: flex; justify-content: space-between; align-items: center; height: 110rpx; border-bottom: 1rpx solid #E6E7E8; .left{ font-size: 28rpx; font-family: SourceHanSansCN, SourceHanSansCN; font-weight: 500; color: #333333; } .right{ font-size: 28rpx; font-family: SourceHanSansCN, SourceHanSansCN; font-weight: 500; color: #333333; display: flex; align-items: center; input{ // background: red; text-align: right; } .editIcon{ height: 24rpx; margin-left: 24rpx; } } } .item:last-child{ border: none; } } } } .btnBox{ display: flex; flex-direction: column; align-items: center; // margin-top: 500rpx; position: fixed; width: 100%; bottom: 108rpx; display: flex; justify-content: center; // background: red; .btn{ width: 670rpx; height: 96rpx; background: linear-gradient(132deg, #0298FF 0%, #017AFF 100%); box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0,122,255,0.2); border-radius: 54rpx; display: flex; align-items: center; justify-content: center; } .b1{ font-size: 32rpx; font-family: SourceHanSansCN, SourceHanSansCN; font-weight: bold; color: #FFFFFF; margin-bottom: 24rpx; } .b2{ font-size: 32rpx; font-family: SourceHanSansCN, SourceHanSansCN; font-weight: 500; color: #666666; border: 2rpx solid #999999; background: none; box-shadow:none; } } ::v-deep button{ // height: 124rpx!important; // width: 124rpx!important; // border-radius: 50%!important; // border: 2rpx solid #fff!important; padding: 0!important; position: relative!important; z-index: 0!important; } ::v-deep button::after{ // position: relative!important; z-index: 0!important; border: none!important; } ::v-deep .u-loading-page{ position: absolute!important; width: 100vw; height: 100vh; z-index: 9999!important; background: red; }