锦水居民端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

104 lines
2.0 KiB

6 years ago
.issue-list {
width: 100%;
height:100%;
}
.issue-list .search {
width: 100%;
height: 60rpx;
margin-bottom:16rpx;
display: flex;
align-items: center;
justify-content: space-between;
}
.issue-list .search .left {
background: #fff;
border-radius: 8rpx;
display: flex;
align-items: center;
justify-content: flex-start;
width: 560rpx;
height: 100%;
}
.issue-list .search .left image {
width: 26rpx;
height: 26rpx;
object-fit: cover;
margin: 0 12rpx 0 25rpx;
}
.issue-list .search .left input {
width: calc(100% - 37rpx - 26rpx);
font-size: 26rpx;
}
.issue-list .search .left .input-placeholder {
font-size: 26rpx;
color: #a8a8a8;
}
.issue-list .search .right {
height:100%;
display: flex;
align-items: center;
transform-style: preserve-3d;
perspective: 1000;
transition-duration: 0.6s;
width: 100rpx;
position: relative;
}
.issue-list .search .right.reserve {
transform: rotateY(180deg);
}
.issue-list .search .right .front, .issue-list .search .right .back {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #f7f7f7;
}
.issue-list .search .right .back {
transform: rotateY(-180deg);
}
.issue-list .search .right .front .tip {
font-size: 28rpx;
color: #333;
margin-right: 10rpx;
}
.issue-list .search .right .front .change-image {
width: 28rpx;
height: 28rpx;
object-fit: cover;
}
.issue-list .search .right .back .tip {
font-size: 28rpx;
color: #333;
}
.issue-list .search .right .back .change-image {
width: 28rpx;
height: 28rpx;
object-fit: cover;
margin-right: 10rpx;
}
.issue-list .issue-nodata {
width: 100%;
height: calc(100vh - 300rpx);
background: #f7f7f7;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.issue-list .issue-nodata .nodata-image {
width: 256rpx;
height:245rpx;
object-fit: cover;
}
.issue-list .issue-nodata .nodata-tip {
font-size: 28rpx;
color: #bcbcbc;
height: 50rpx;
line-height: 50rpx;
}