bridgeSpace/miniprogram/pages/list/list.wxss

/* pages/list/list.wxss */
/* pages/dingdan/dingdan.wxss */
.page {
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* background: pink; */
}
 
.body {
  height: 100%;
  /* background: hotpink; */
  display: flex;
  flex-direction: column;
}
 
/* tab栏 */
.swiper-tab {
  width: 100%;
  height: 80rpx;
  text-align: center;
  display: flex;
  justify-content: space-between;
  background: white;
}
 
.selected-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #2e0c77;
  background: #fff;
  font-size: 14px;
  font-weight: bold;
  font-family: PingFang SC;
  font-weight: 400;
  width: 50%;
  height: 60rpx;
  line-height: 75rpx;
  opacity: 1;
  /* border-bottom: 2px solid #ff5050; */
  position: relative;
}
 
.unselect-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #9f9fad;
  width: 50%;
  height: 60rpx;
  line-height: 75rpx;
  background: #fff;
  opacity: 1;
  position: relative;
  /* border-radius: 34rpx; */
}
 
.selected-line {
  background: #2e0c77;
  height: 4rpx;
  width: 150rpx;
  position: absolute;
  /* margin-top: 10rpx; */
  bottom: -18rpx;
  /* width: 60rpx; */
}
 
/* 内容 */
.view-Content {
  flex: 1;
  overflow-y: auto;
  background-color: rgb(236, 236, 236);
}
 
.tabCon {
  height: 100%;
}
 
 
/* 展示隐藏 */
.show {
  display: block;
}
 
.hidden {
  display: none;
}
.page-header {
  display: flex;
  justify-content: center;
  border-bottom: 1rpx solid #ccc;
}
.page-title {
  padding: 20rpx 40rpx;
  color: #999;
  font-size: 38rpx;
  text-align: center;
}
.page-body {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.item {
  display: flex;
  
  /* border-bottom: 1rpx solid #eee; */
  cursor: pointer;
  padding-top: 20rpx;
}
.item .poster {
  height: 128rpx;
  margin-right: 20rpx;
}
.item .meta {
  /* flex: 1; */
  width: 100%;
  height: 240rpx;
  background-color: #fff;
}
.item .meta .titContent{
  /* width: 100%; */
  padding: 10rpx 40rpx;
  /* line-height: 50rpx; */
  border-bottom: 1rpx solid #ccc;
}
.item .meta .subContent{
  padding: 20rpx 40rpx;
}
.item .meta .title,.item .meta .sub-title {
  display:inline-block;
  margin-bottom: 15rpx;
}
.item .meta .titleButton{
  color: blue;
  float: right;
  line-height: 60rpx;
  font-size: 25rpx;
}
.item .meta .title {
  font-size: 32rpx;
  padding-top: 10rpx;
   /* line-height: 50rpx; */
}
.item .meta .sub-year {
  font-size: 26rpx;
  color: #c0c0c0;
  margin-right: 20rpx;
  display: inline;
}
.item .meta .sub-title {
  font-size: 26rpx;
  color: #c0c0c0;
  line-height: 37rpx;
  display: inline;
}
.item .meta .artists {
  font-size: 26rpx;
  color: #999;
}
.item .rating {
  font-size: 28rpx;
  font-weight: bold;
  color: #f74c31;
}
.tips {
  font-size: 28rpx;
  text-align: center;
  padding: 50rpx;
  color: #ccc;
}
.tips image {
  height: 40rpx;
  margin-right: 20rpx;
}
.tips image,.tips text {
  vertical-align: middle;
}
.navBox {
  /* 顶部tab盒子样式 */
  width: 100%;
  height: 108rpx;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.navBox view:last-child {
  /* 最后一个tab标题的样式 */
  padding-left: 20%;
}

.titleBox {
  /* 未选中文字的样式 */
  color: rgb(168, 170, 175);
  font-size: 30rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lineBox,.notLineBox{
  /* 选中及未选中底线共同样式 */
  width: 32rpx;
  height: 8rpx;
}

.lineBox {
  /* 选中底线样式 */
  background: rgb(43, 44, 45);
  margin-top: 16rpx;
  border-radius: 4rpx;
}

.notLineBox {
  /* 未选中底线样式 */
  background: transparent;
}

.swiperTtemBox {
  /* 底部内容样式 */
  height: 100vh;
  overflow: scroll;
  margin: 12rpx 0rpx;
  background: white;
  font-size: 28rpx;
}
.metaVideo {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 1000rpx;
  padding: 50rpx 40rpx;
}
.posterVideo {
  height: 50%;
  margin: 20rpx;
}
.title {
  font-size: 42rpx;
  color: #444;
}
.info {
  font-size: 15px;
  color: #888;
  margin-left: 20px;
  padding: 20px 10px;
  line-height: 28px;
}