parent
2884169ee4
commit
e46f5c1c82
@ -1,4 +1,6 @@
|
||||
{
|
||||
"usingComponents": {},
|
||||
"navigationBarTitleText": "我的动态"
|
||||
"usingComponents": {
|
||||
"my-navBar":"/navBar/index"
|
||||
},
|
||||
"navigationStyle":"custom"
|
||||
}
|
||||
@ -1 +1,177 @@
|
||||
/* pages/dynamic/index.wxss */
|
||||
/* pages/dynamic/index.wxss */
|
||||
.top-messag {
|
||||
height: 506rpx;
|
||||
background: url('http://img.xizhihk.com/MTY2MTE3ODkzOTYwNCMxOTgjanBn.jpg');
|
||||
background-size: 100% 100%;
|
||||
box-sizing: border-box;
|
||||
padding-top: 192rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.users {
|
||||
display: flex;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.user-icons{
|
||||
margin-left: 29rpx;
|
||||
height: 118rpx;
|
||||
width: 118rpx;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.user-icons image {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.bottom-num {
|
||||
flex: 1;
|
||||
margin-left: 22rpx;
|
||||
}
|
||||
|
||||
.user-name {
|
||||
font-size: 30rpx;
|
||||
font-weight: 500;
|
||||
color: #FFFFFF;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
}
|
||||
.chishu{
|
||||
margin: 6rpx 0;
|
||||
font-size: 22rpx;
|
||||
color: #ffff;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
}
|
||||
.location-ip{
|
||||
font-size: 25rpx;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
opacity: 0.7;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
}
|
||||
.mine-data-num{
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
padding-top: 50rpx;
|
||||
/* padding-left: 29rpx; */
|
||||
}
|
||||
.mine-data-item{
|
||||
width: 20%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.item-value{
|
||||
font-size: 38rpx;
|
||||
font-family: 'xiaowei';
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.item-lable{
|
||||
margin-top: 10rpx;
|
||||
font-size: 29rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
font-weight: 500;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.charu{
|
||||
position: relative;
|
||||
}
|
||||
.charu::before{
|
||||
position: absolute;
|
||||
content: '';
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 4px;
|
||||
height: 60rpx;
|
||||
border-left: 2rpx dashed #ccc;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.list{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 495rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 10rpx 10rpx 0 0;
|
||||
height: 100rpx;
|
||||
}
|
||||
|
||||
/* 瀑布流布局 */
|
||||
.picture{
|
||||
column-gap: 3rpx;
|
||||
column-count: 2;
|
||||
margin: 0 10rpx;
|
||||
margin-top: 30rpx;
|
||||
margin-bottom: 50rpx;
|
||||
}
|
||||
.item {
|
||||
width: calc(100% - 30rpx);
|
||||
break-inside: avoid;
|
||||
box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1);
|
||||
border-radius: 10rpx;
|
||||
margin: 0 15rpx;
|
||||
}
|
||||
.item image {
|
||||
width: 100%;
|
||||
border-radius: 10rpx 10rpx 0 0;
|
||||
}
|
||||
.null-wrap{
|
||||
height: 30rpx;
|
||||
}
|
||||
.data-img{
|
||||
width: 300rpx;
|
||||
height: 300rpx;
|
||||
}
|
||||
.text-center{
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
padding: 19rpx 0 0 19rpx;
|
||||
font-size: 26rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
font-weight: 500;
|
||||
color: #273329;
|
||||
}
|
||||
.user-boxs{
|
||||
box-sizing: border-box;
|
||||
padding: 19rpx 0 19rpx 19rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.user-icon{
|
||||
width: 39rpx;
|
||||
height: 39rpx;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.user-icon image{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.user-text{
|
||||
flex: 1;
|
||||
box-sizing: border-box;
|
||||
padding-left: 11rpx;
|
||||
font-size: 22rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #9C9D9D;
|
||||
}
|
||||
.user-btn{
|
||||
margin-right: 18rpx;
|
||||
}
|
||||
.btn-icon{
|
||||
width: 23rpx;
|
||||
height: 23rpx;
|
||||
}
|
||||
.btn-icon image{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
Loading…
Reference in new issue