页面构成

2026-01-05 18:07:57 +08:00
parent 66b2e3ddac
commit c2f0c46c4d
40 changed files with 2817 additions and 0 deletions
@@ -0,0 +1,109 @@
+.videoplayer {
+    position: fixed;
+    top: 0;
+    left: 0;
+    height: 420rpx;
+    width: 750rpx;
+    z-index: 999;
+}
+.scrollarea {
+    position: relative;
+    top: 420rpx;
+    flex: 1;
+    overflow-y: hidden;
+    
+  }
+
+.jieshao {
+  margin-bottom: 10rpx;
+  /* box-shadow: 0 4rpx 4rpx rgba(150, 150, 150, 0.5); */
+  position: relative;
+  height: 200rpx;
+}
+.video_biaoti {
+  text-align: center;
+    display: block;
+    font-size: 40rpx;
+}
+
+.video_miaoshu {
+  text-align: center;
+    display: block;
+    font-size: 30rpx;
+}
+.video_info {
+    position:absolute;
+    bottom: 10rpx;
+    display: block;
+    font-size: 24rpx;
+    right: 30rpx;
+}
+.video_list_content {
+  margin: 10rpx 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+
+.videolistcontainer {
+  border-radius: 20rpx;
+  margin: 10rpx 10rpx;
+  box-shadow: 0 0 4rpx rgba(0, 0, 0, 0.5);
+    width: 730rpx;
+    height: 200rpx;
+    position: relative;
+    display: flex;
+    justify-content: left;
+    align-items: center;
+    text-align: left;
+    overflow: hidden;
+}
+
+
+.videoimage {
+    width: 320rpx;
+    height: 180rpx;
+    border-radius: 10rpx;
+    margin-left: 10rpx;
+    overflow: hidden;
+    box-shadow: 0 5rpx 10rpx rgba(0, 0, 0, 0.5);
+}
+
+.videoinfo{
+    position: relative;
+    width: 390rpx;
+    height: 180rpx;
+    border-radius: 10rpx;
+    margin-left: 20rpx;
+    overflow: hidden;
+}
+.videotitle {
+    text-align: left;
+    font-size: 30rpx;
+}
+.videodetails {
+    display: block;
+    margin: 10rpx 0rpx;
+    font-size: 25rpx;
+    line-height: 30rpx;
+}
+
+.videoinfo2 {
+    position:absolute;
+    bottom: 0;
+    display: flex;
+    justify-content:left;
+}
+.videodata {
+    font-size: 20rpx;
+}
+
+.videotime {
+    font-size: 20rpx;
+    margin-left: 40rpx;
+}
+.coverimage {
+    width: 100%;
+    height: 100%;
+}