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.
49 lines
1.1 KiB
49 lines
1.1 KiB
5 months ago
|
/* pages/ii/ii.wxss */
|
||
|
video{
|
||
|
width:100%; /*视频组件宽度为100%*/
|
||
|
}
|
||
|
.danmuArea {
|
||
|
display: flex; /*flex模型布局*/
|
||
|
flex-direction:row; /*水平方向排列*/
|
||
|
}
|
||
|
|
||
|
/*2-2文本输入框样式*/
|
||
|
input {
|
||
|
border:1rpx solid #08cfdd; /*1rpx宽的实线棕色边框*/
|
||
|
flex-grow:1; /*扩张多余空间宽度*/
|
||
|
height:90rpx; /*高度*/
|
||
|
}
|
||
|
|
||
|
/*2-3按钮样式*/
|
||
|
button {
|
||
|
color:rgb(233, 240, 239); /*字体颜色*/
|
||
|
background-color:#4f9986; /*背景颜色*/
|
||
|
}
|
||
|
.videoList {
|
||
|
width:100%; /*宽度*/
|
||
|
min-height:400rpx; /*最小高度*/
|
||
|
}
|
||
|
|
||
|
/*3-2单行列表区域样式*/
|
||
|
.videoBar {
|
||
|
width:95%; /*宽度*/
|
||
|
display: flex; /*flex模型布局*/
|
||
|
flex-direction:row; /*水平方向布局*/
|
||
|
border-bottom:1rpx solid #4f9986; /*1rpx宽的实线棕色边框*/
|
||
|
margin:10rpx; /*外边距*/
|
||
|
}
|
||
|
|
||
|
/*3-3播放图标样式*/
|
||
|
image {
|
||
|
width:70rpx; /*宽度*/
|
||
|
height:70rpx; /*高度*/
|
||
|
margin: 20rpx; /*外边距*/
|
||
|
}
|
||
|
|
||
|
/*3-4文本标题样式*/
|
||
|
text {
|
||
|
font-size:30rpx; /*字体大小*/
|
||
|
color: #4f9986; /*字体颜色为棕色*/
|
||
|
margin: 20rpx; /*外边距*/
|
||
|
flex-grow:1; /*扩张多余空间宽度*/
|
||
|
}
|