810 lines
16 KiB
Plaintext
810 lines
16 KiB
Plaintext
/* pages/user/user.wxss */
|
|
@import '../common/common.wxss';
|
|
@import '/pages/common/common.wxss';
|
|
|
|
.container {
|
|
padding-bottom: 150rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.containerNew {
|
|
background-color: #f6f6f6;
|
|
}
|
|
|
|
.header {
|
|
text-align: center;
|
|
font-size: 27rpx;
|
|
padding-bottom: 18rpx;
|
|
}
|
|
|
|
.header .info {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-left: 32rpx;
|
|
}
|
|
|
|
|
|
.info-camera {
|
|
width: 33rpx;
|
|
height: 33rpx;
|
|
border-radius: 50%;
|
|
background-color: #fff;
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.349019607843137);
|
|
}
|
|
|
|
.info-camera .info-camera-icon {
|
|
width: 27rpx;
|
|
height: 21rpx;
|
|
}
|
|
|
|
.item {
|
|
border-bottom: 20rpx solid rgba(238, 239, 243, 1);
|
|
}
|
|
|
|
.item .pengrey {
|
|
width: 28rpx;
|
|
height: 28rpx;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.item .del {
|
|
width: 28rpx;
|
|
height: 30rpx;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.item .table {
|
|
border-top: 1px solid #e8e8e8
|
|
}
|
|
|
|
.table {
|
|
display: table;
|
|
color: #ccc;
|
|
font-size: 30rpx;
|
|
line-height: 92rpx;
|
|
text-align: center;
|
|
width: 100%
|
|
}
|
|
|
|
.table .cell {
|
|
display: table-cell;
|
|
width: 33%;
|
|
}
|
|
|
|
.table .cell:not(:last-child) {
|
|
border-right: 1px solid #e8e8e8;
|
|
}
|
|
|
|
.info-list {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.info-list .submit-form {
|
|
padding: 50rpx 40rpx 40rpx;
|
|
display: block;
|
|
}
|
|
|
|
.house-id {
|
|
padding: 0rpx 40rpx 20rpx;
|
|
color: #ccc;
|
|
font-size: 24rpx;
|
|
|
|
|
|
}
|
|
|
|
.publish_tips {
|
|
color: #999;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.publish_tips image {
|
|
display: inline-flex;
|
|
flex: 0 0 36rpx;
|
|
width: 36rpx;
|
|
height: 36rpx;
|
|
vertical-align: middle;
|
|
margin-right: 6rpx;
|
|
}
|
|
|
|
/* 认证房源 */
|
|
.header .authentication-icon {
|
|
width: 125rpx;
|
|
height: 30rpx;
|
|
border-radius: unset;
|
|
border: none;
|
|
margin-left: 10rpx;
|
|
}
|
|
|
|
.moreplay {
|
|
width: 32rpx;
|
|
height: 10rpx;
|
|
float: right;
|
|
}
|
|
|
|
.content-list {
|
|
padding: 30rpx 60rpx 0 0;
|
|
font-size: 28rpx;
|
|
color: #999;
|
|
}
|
|
|
|
.content-list .li {
|
|
margin-bottom: 20rpx;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.content-list .li .disc {
|
|
cotent: '•';
|
|
display: inline-block;
|
|
margin-right: 10rpx;
|
|
}
|
|
|
|
.show_more {
|
|
text-align: center;
|
|
padding: 10rpx 0 10rpx;
|
|
}
|
|
|
|
.arr-bottom {
|
|
width: 32rpx;
|
|
height: 18rpx;
|
|
position: relative;
|
|
left: -40rpx;
|
|
}
|
|
|
|
.arr-bottom.rollback {
|
|
transform: rotateZ(180deg)
|
|
}
|
|
|
|
.divide {
|
|
color: #e8e8e8;
|
|
display: inline-block;
|
|
margin: 0 20rpx;
|
|
font-size: 26rpx;
|
|
}
|
|
|
|
.item {
|
|
position: relative
|
|
}
|
|
|
|
.is_rent_btn {
|
|
position: absolute;
|
|
right: 30rpx;
|
|
bottom: 68rpx;
|
|
color: #bc312e;
|
|
border: 6rpx solid #bc312e;
|
|
border-radius: 5px;
|
|
line-height: 52rpx;
|
|
height: 66rpx;
|
|
width: 138rpx;
|
|
font-weight: bold;
|
|
font-size: 32rpx;
|
|
text-align: center;
|
|
transform: rotate(322deg);
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.eye-close {
|
|
width: 32rpx;
|
|
height: 24rpx;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
top: -2rpx;
|
|
}
|
|
|
|
.eye-open {
|
|
width: 32rpx;
|
|
height: 20rpx;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
top: -4rpx;
|
|
}
|
|
|
|
.close-btn {
|
|
display: inline-block;
|
|
background: #333;
|
|
color: #fff;
|
|
padding: 4rpx 6rpx;
|
|
font-size: 20rpx;
|
|
border-radius: 6rpx;
|
|
line-height: 20rpx;
|
|
}
|
|
|
|
.operation {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
padding: 20rpx 40rpx 50rpx;
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.operation .operation-item:not(:first-child) {
|
|
margin-left: 30rpx;
|
|
}
|
|
|
|
.operation .operation-item {
|
|
border-radius: 10rpx;
|
|
border: 2rpx solid #aaa;
|
|
padding: 0 25rpx;
|
|
height: 45rpx;
|
|
line-height: 45rpx;
|
|
color: #555;
|
|
}
|
|
|
|
.operation .operation-item.blue {
|
|
background-color: #62b1ff;
|
|
color: #fff;
|
|
border-color: #62b1ff;
|
|
width: 130rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.operation .operation-item.thinblue {
|
|
background-color: #62b1ff32;
|
|
color: #4E90CC;
|
|
border-color: #62b1ff32;
|
|
width: 130rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.caution {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
line-height: 30rpx;
|
|
border-radius: 50rpx;
|
|
background-color: #c54235;
|
|
margin-right: 10rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.caution .caution-baitiao {
|
|
background-color: #fff;
|
|
width: 16rpx;
|
|
height: 4rpx;
|
|
}
|
|
|
|
.raise-popup {
|
|
height: 90rpx;
|
|
line-height: 90rpx;
|
|
/* display: inline-table; */
|
|
display: table;
|
|
align-items: center;
|
|
|
|
position: fixed;
|
|
bottom: -90rpx;
|
|
left: 0;
|
|
/* margin-left: -50%; */
|
|
/* transform: translateX(-50%); */
|
|
z-index: 100;
|
|
width: 100vw;
|
|
}
|
|
|
|
.raise-popup .raise-box {
|
|
box-shadow: 0px 0px 10px rgb(0 0 0 / 35%);
|
|
background-color: #eff7ff;
|
|
border-radius: 50rpx;
|
|
width: fit-content;
|
|
padding: 0 30rpx;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.raise-popup .raise-popup-icon {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
vertical-align: middle;
|
|
margin-right: 10rpx;
|
|
}
|
|
|
|
.container .raisePopup {
|
|
bottom: 200rpx;
|
|
transition: all .5s linear;
|
|
}
|
|
|
|
.NavBar {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
background: #fff;
|
|
z-index: 1000;
|
|
border-bottom: 1px solid #f2f2f2;
|
|
}
|
|
|
|
.NavBar-statusBar {
|
|
width: 100%;
|
|
}
|
|
|
|
.NavBar-titlebar {
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.NavBar-content {
|
|
display: flex;
|
|
flex: 1;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.NavBar-left {
|
|
width: 55px;
|
|
height: 32px;
|
|
border-radius: 32px;
|
|
text-align: center;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.NavBar-left-more {
|
|
width: 87px;
|
|
height: 32px;
|
|
display: flex;
|
|
}
|
|
|
|
.capsule-holder {
|
|
width: 100px;
|
|
height: 100%;
|
|
}
|
|
|
|
.NavBar-content-title {
|
|
font-size: 17px;
|
|
font-weight: 600;
|
|
flex: 1;
|
|
text-align: center;
|
|
line-height: 32px;
|
|
height: 32px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
padding-left: 11px;
|
|
}
|
|
|
|
/* 到底了 */
|
|
.whether {
|
|
font-size: 25rpx;
|
|
color: #AAAAAA;
|
|
text-align: center;
|
|
padding-top: 20rpx;
|
|
height: 70rpx;
|
|
line-height: 70rpx;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.info-list .title {
|
|
word-break: break-all;
|
|
}
|
|
|
|
.authentication-icon {
|
|
width: 125rpx;
|
|
height: 28rpx;
|
|
}
|
|
|
|
|
|
.header-new {
|
|
background: linear-gradient(21.8146326062447deg, rgba(224, 240, 255, 1) 21%, rgba(98, 177, 255, 1) 141%);
|
|
padding-top: 253.5rpx;
|
|
padding-bottom: 50rpx;
|
|
}
|
|
|
|
.header-new .header-message {
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.header-new .header-message .header-user-message {
|
|
z-index: 2;
|
|
}
|
|
|
|
.header-new .header-message .header-user-info {
|
|
color: #000000;
|
|
flex-direction: column;
|
|
margin-left: 18rpx;
|
|
}
|
|
|
|
.header-new .header-message .header-user-name {
|
|
font-size: 30rpx;
|
|
height: 48rpx;
|
|
width: 448rpx;
|
|
display: inline-block;
|
|
}
|
|
|
|
.header-new .header-message .header-user-agent {
|
|
height: 30rpx;
|
|
width: 127.5rpx;
|
|
margin-left: 20rpx;
|
|
}
|
|
|
|
.header-new .header-message .header-user-uid {
|
|
font-size: 24rpx;
|
|
height: 39rpx;
|
|
}
|
|
|
|
.header-new .header-user-avatar {
|
|
width: 90rpx;
|
|
height: 90rpx;
|
|
margin-left: 33rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.header-new .header-user-avatar .header-user-avatar-icon {
|
|
border-radius: 50%;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.header-new .header-btn {
|
|
width: 690rpx;
|
|
height: 180rpx;
|
|
margin: 63rpx auto 0;
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-radius: 20rpx;
|
|
border: 1rpx solid #cbe5ff;
|
|
}
|
|
|
|
.header-new .header-btn .header-btn-item {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.header-new .header-btn .header-btn-item:first-of-type {
|
|
border-right: 2rpx solid #cbe5ff;
|
|
}
|
|
|
|
.header-new .header-btn .message-reminding .header-btn-icon {
|
|
width: 48rpx;
|
|
height: 42rpx;
|
|
}
|
|
|
|
.header-new .header-btn .message-reminding {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
border-radius: 12rpx;
|
|
background-color: rgba(80, 227, 194, 1);
|
|
box-shadow: 0 0 8rpx rgba(80, 227, 194, 1);
|
|
position: relative;
|
|
}
|
|
|
|
.header-new .header-btn .header-btn-text {
|
|
font-size: 24rpx;
|
|
color: #555555;
|
|
margin-top: 12rpx;
|
|
}
|
|
|
|
.header-new .header-btn .header-btn-num {
|
|
font-size: 20rpx;
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
border-radius: 50%;
|
|
background-color: #f95d5d;
|
|
box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.7);
|
|
color: #fff;
|
|
position: absolute;
|
|
right: -12rpx;
|
|
top: -12rpx;
|
|
}
|
|
|
|
.header-new .header-btn .issue-housing {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
background-color: var(--bgcolor);
|
|
box-shadow: 0 0 8rpx var(--bgcolor);
|
|
border-radius: 50%;
|
|
--bgcolor: rgba(253, 223, 109, 1);
|
|
}
|
|
|
|
.header-new .header-btn .issue-housing .header-btn-icon {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
}
|
|
|
|
.round1 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 235.5rpx;
|
|
height: 294rpx;
|
|
}
|
|
|
|
.round2 {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 286.5rpx;
|
|
height: 196.5rpx;
|
|
}
|
|
|
|
.list-new {
|
|
/* margin-top: -14rpx; */
|
|
margin-top: -20rpx;
|
|
position: relative;
|
|
z-index: 11;
|
|
}
|
|
|
|
.list-new .list-new-top {
|
|
/* height: 95rpx; */
|
|
height: 105rpx;
|
|
font-size: 30rpx;
|
|
font-weight: 650;
|
|
color: #fff;
|
|
position: relative;
|
|
/* align-items: flex-end; */
|
|
align-items: flex-start;
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
.list-new .list-new-top .list-new-top-bg {
|
|
position: absolute;
|
|
background-color: rgba(98, 177, 255, 1);
|
|
bottom: 0;
|
|
width: 100%;
|
|
/* height: 88rpx; */
|
|
height: 96rpx;
|
|
z-index: -1;
|
|
border-radius: 24rpx 24rpx 0 0;
|
|
|
|
/* box-sizing: content-box;
|
|
height: 120rpx; */
|
|
}
|
|
|
|
.list-new .list-new-top .selected.list-new-top-item::after {
|
|
content: "";
|
|
/* background-color: #f6f6f6; */
|
|
background-color: rgb(246, 246, 246);
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
transform: translateX(100%);
|
|
}
|
|
|
|
.list-new .list-new-top .selected.list-new-top-item::before {
|
|
content: "";
|
|
width: 26rpx;
|
|
height: 26rpx;
|
|
border-radius: 0 0 0 100%;
|
|
background-color: rgba(98, 177, 255, 1);
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 1rpx;
|
|
transform: translateX(100%);
|
|
z-index: 111;
|
|
}
|
|
|
|
.list-new .list-new-top .selectedpublish.list-new-top-item::after {
|
|
left: 0;
|
|
right: none;
|
|
transform: translateX(-100%);
|
|
}
|
|
|
|
.list-new .list-new-top .selectedpublish.list-new-top-item::before {
|
|
border-radius: 0 0 100% 0;
|
|
left: 0;
|
|
right: none;
|
|
/* transform: translateX(-100%); */
|
|
transform: translateX(-99%);
|
|
}
|
|
|
|
.list-new .list-new-top .list-new-top-item {
|
|
position: relative;
|
|
width: 376rpx;
|
|
/* height: 88rpx; */
|
|
box-shadow: 0 -6rpx 6rpx rgba(0, 0, 0, 0.0284313725490196);
|
|
font-size: 30rpx;
|
|
font-weight: 400;
|
|
justify-content: center;
|
|
padding-top: 30rpx;
|
|
}
|
|
|
|
.list-new .list-new-top .list-new-top-item.selected {
|
|
height: 97rpx;
|
|
/* background-color: #f6f6f6; */
|
|
background-color: rgb(246, 246, 246);
|
|
|
|
color: #000;
|
|
font-size: 30rpx;
|
|
font-weight: 650;
|
|
border-radius: 0 34rpx 0 0;
|
|
box-shadow: 6rpx -6rpx 6rpx rgba(0, 0, 0, 0.0284313725490196);
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.list-new .list-new-top .list-new-top-item.selectedpublish {
|
|
border-radius: 24rpx 0 0 0;
|
|
}
|
|
|
|
.list-new .list-new-top .list-new-top-icon {
|
|
width: 36rpx;
|
|
height: 36rpx;
|
|
margin-right: 6rpx;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.list-new .list-new-content {
|
|
/* background-color: #f6f6f6; */
|
|
/* background-color: rgb(246, 246, 246); */
|
|
background-color: rgb(246, 246, 246);
|
|
|
|
width: 100%;
|
|
border-radius: 0 15rpx 0 0;
|
|
padding-top: 35rpx;
|
|
margin-top: -10rpx;
|
|
}
|
|
|
|
.list-new .list-new-content .list-new-content-total {
|
|
font-size: 23rpx;
|
|
color: #555555;
|
|
padding: 0 30rpx;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
.list-new .list-new-content .list-new-content-total .list-new-content-total-num {
|
|
font-weight: 650;
|
|
color: #000000;
|
|
margin: 0 15rpx;
|
|
}
|
|
|
|
.list-new .list-new-content .list-new-content-total .list-new-content-vertical {
|
|
margin: 0 15rpx;
|
|
background-color: #D7D7D7;
|
|
width: 1rpx;
|
|
height: 23rpx;
|
|
}
|
|
|
|
.list-new .list-new-content .list-new-content-item {
|
|
margin-bottom: 24rpx;
|
|
}
|
|
|
|
.query-box {
|
|
flex-direction: column;
|
|
padding: 50rpx 0 90rpx;
|
|
background-color: rgba(246, 246, 246, 1);
|
|
}
|
|
|
|
.query-box .query-text {
|
|
height: 30rpx;
|
|
font-size: 24rpx;
|
|
color: rgba(127, 127, 127, 1);
|
|
}
|
|
|
|
.query-box .query-img {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
margin: 0 10rpx;
|
|
}
|
|
|
|
.query-box .query-btn {
|
|
color: #000000;
|
|
width: 300rpx;
|
|
height: 72rpx;
|
|
font-size: 27rpx;
|
|
font-weight: bold;
|
|
border: 2rpx solid #333333;
|
|
margin-top: 25.5rpx;
|
|
border-radius: 50rpx;
|
|
}
|
|
|
|
.service {
|
|
width: calc(100vw - 60rpx);
|
|
height: 300rpx;
|
|
margin: 0 auto;
|
|
border-radius: 10rpx;
|
|
}
|
|
|
|
.empty-box {
|
|
margin-bottom: 24rpx;
|
|
}
|
|
|
|
.service-box {
|
|
width: 108rpx;
|
|
height: 52rpx;
|
|
background-color: rgba(242, 242, 242, 1);
|
|
border-radius: 42rpx 0 0 42rpx;
|
|
font-size: 21rpx;
|
|
padding-left: 19.5rpx;
|
|
}
|
|
|
|
.service-box .service-icon {
|
|
width: 27rpx;
|
|
height: 27rpx;
|
|
margin-right: 7.5rpx;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.takedown-confirm {
|
|
flex-direction: column;
|
|
justify-content: flex-end;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
background-color: rgba(0, 0, 0, 0.717647058823529);
|
|
z-index: 1001;
|
|
}
|
|
|
|
.takedown-confirm .takedown-confirm-box {
|
|
background-color: #fff;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding-top: 100.5rpx;
|
|
padding-bottom: 54rpx;
|
|
}
|
|
|
|
.takedown-confirm .takedown-title {
|
|
font-weight: 650;
|
|
color: #000000;
|
|
font-size: 36rpx;
|
|
margin-bottom: 56rpx;
|
|
}
|
|
|
|
.takedown-confirm .takedown-hint {
|
|
font-weight: 400;
|
|
font-size: 27rpx;
|
|
color: #555555;
|
|
line-height: 48rpx;
|
|
margin-bottom: 145rpx;
|
|
}
|
|
|
|
.takedown-confirm .takedown-btn {
|
|
width: 100vw;
|
|
justify-content: space-between;
|
|
padding: 0 30rpx;
|
|
}
|
|
|
|
.takedown-confirm .takedown-btn-item {
|
|
width: 330rpx;
|
|
height: 96rpx;
|
|
border-radius: 60rpx;
|
|
font-size: 36rpx;
|
|
}
|
|
|
|
.takedown-confirm .takedown-btn-item.cancel {
|
|
border: 1rpx solid rgba(215, 215, 215, 1);
|
|
color: #000000;
|
|
}
|
|
|
|
.takedown-confirm .takedown-btn-item.confirm {
|
|
background-color: rgba(98, 177, 255, 1);
|
|
font-weight: 650;
|
|
color: #fff;
|
|
}
|
|
|
|
.issue-hint {
|
|
font-size: 22rpx;
|
|
color: #555555;
|
|
/* width: 690rpx; */
|
|
/* height: 150rpx; */
|
|
background-color: rgba(240, 240, 240, 1);
|
|
/* background-color: rgb(143, 128, 128); */
|
|
border-radius: 7.5rpx;
|
|
margin: 0 30rpx 45rpx;
|
|
padding: 16.5rpx 24rpx 19.5rpx 48rpx;
|
|
}
|
|
|
|
.issue-hint .issue-hint-item {
|
|
position: relative;
|
|
}
|
|
|
|
.issue-hint .issue-hint-item::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 13.5rpx;
|
|
left: -28.5rpx;
|
|
display: block;
|
|
width: 9rpx;
|
|
height: 9rpx;
|
|
background-color: #555;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.issue-hint .issue-hint-item:not(:last-of-type) {
|
|
margin-bottom: 12rpx;
|
|
} |