代码拉取完成,页面将自动刷新
/**app.wxss**/
.container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 200rpx 0;
box-sizing: border-box;
}
.lists {
width: 750rpx;
height: 970rpx;
}
/* 列表项样式 */
.item {
display: flex;
padding: 20rpx 40rpx;
border-bottom: 1rpx solid #eee;
cursor: pointer;
}
.item .poster {
width: 128rpx;
height: 128rpx;
margin-right: 20rpx;
}
.item .meta {
flex: 1;
}
.item .meta .title,.item .meta .sub-title {
display: block;
margin-bottom: 10rpx;
}
.item .meta .title {
font-size: 32rpx;
}
.item .meta .sub-title {
font-size: 30rpx;
color: #666;
}
.item .meta .artists {
font-size: 25rpx;
color: #999;
}
.item .rating {
font-size: 20rpx;
color: #aaa;
}
.tips {
font-size: 28rpx;
text-align: center;
padding: 50rpx;
color: #ccc;
}
.tips image {
width: 40rpx;
height: 40rpx;
margin-right: 20rpx;
}
.tips image,.tips text {
vertical-align: middle;
}
.item .tw-time {
margin-left: 50rpx;
}
/* 下拉框 */
.select {
height: 70rpx;
margin: 15rpx 0;
border: 1rpx solid #ccc;
text-align: center;
color: #777;
line-height: 70rpx;
border-radius: 10rpx;
/* background-color: pink; */
}
.picker {
position: relative;
}
.select-down {
position: absolute;
right:10rpx;
}
.goindex {
height: 70rpx;
background-color: #f5a011;
padding-left: 20rpx;
line-height: 70rpx;
color: #fff;
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。