view, label, swiper-item, scroll-view { display:flex; flex-direction:column; flex-shrink: 0; flex-grow: 0; flex-basis: auto; align-items: stretch; align-content: flex-start; } view, image, input, scroll-view, swiper, swiper-item, text, textarea, video { position: relative; border: 0px solid #000000; box-sizing: border-box; } swiper-item { position: absolute; } button { margin: 0; } .container { background-color: #000000; } .item { /* width : 750rpx; */ background-color: #000000; position: relative; } .videoHover { position: absolute; top: 0; left: 0; flex: 1; background-color: rgba(0, 0, 0, 0.1); justify-content: center; align-items: center; /* border-style: dashed; border-color: #DD524D; border-width: 1px; */ } .playState { width: 160rpx; height: 160rpx; opacity: 0.2; } .userInfo { position: absolute; bottom: 30rpx; right: 20rpx; flex-direction: column; width: 100rpx; } .userAvatar { border-radius: 500%; margin-bottom: 15px; border-style: solid; border-width: 2px; border-color: #ffffff; } .userAvatar { width: 100rpx; height: 100rpx; } .likeIco, .shareIco, .commentIco { width: 60rpx; height: 60rpx; margin-top: 15px; } .likeNum, .commentNum, .shareTex { color: #ffffff; font-size: 30rpx; text-align: center; margin: 5px; } .likeNumActive { color: red; } .content { width: 620rpx; z-index: 99; position: absolute; bottom: 20rpx; /* justify-content: center; */ padding: 15rpx; flex-direction: column; justify-content: flex-start; color: #ffffff; } .userName { font-size: 16px; font-weight: bold; color: #ffffff; margin-top: 24rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .words { /* margin-top: 40rpx; */ font-size: 14px; color: #ffffff; overflow: hidden; /*文本超出隐藏*/ display: -webkit-box; /*盒子模型微弹性伸缩模型*/ -webkit-box-orient: vertical; /*伸缩盒子的子元素垂直排列*/ -webkit-line-clamp: 3; /*文本显示3行*/ } .root { background-color: #000000; } .right-text-avater { position: absolute; font-size: 14px; top: 80rpx; left: 30rpx; height: 40rpx; width: 40rpx; background-color: #DD524D; color: #FFFFFF; border-radius: 50%; text-align: center; line-height: 40rpx; z-index: 999; } .box_title_guanzhu_text { width: 140rpx; position: absolute; left: 400rpx; top: -8px; padding: 15rpx 0rpx; /* line-height: 56rpx; */ border-radius: 35rpx; margin-top: 49rpx; background-color: #DB384C; color: #fff; font-size: 25rpx; align-content: center; align-items: center; text-align: center; line-height: 18px; } .view-product { position: absolute; margin-left: 16rpx; width: 500rpx; bottom: 250rpx; z-index: 9999; font-size: 32rpx; color: #FFFFFF; white-space: pre-wrap; text-overflow: ellipsis; overflow: hidden; display: flex; background-color: rgba(0, 0, 0, 0.2); justify-content: space-between; flex-direction: row }