|
@@ -1,86 +1,88 @@
|
|
|
-.videoItem {
|
|
|
- border-radius: 8px;
|
|
|
- background-color: #fff;
|
|
|
- overflow: hidden;
|
|
|
- width: 168px;
|
|
|
- margin-bottom: 12px;
|
|
|
-
|
|
|
- .viCover {
|
|
|
- height: 94px;
|
|
|
- width: 100%;
|
|
|
- vertical-align: middle;
|
|
|
- }
|
|
|
-
|
|
|
- .viSection {
|
|
|
- padding: 8px 12px 13px;
|
|
|
- }
|
|
|
-
|
|
|
- .viTitle {
|
|
|
- font-size: 14px;
|
|
|
- color: #1a1a1a;
|
|
|
- line-height: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- // .viUserInfo {
|
|
|
- // display: flex;
|
|
|
- // align-items: center;
|
|
|
- // font-size: 12px;
|
|
|
- // color: #999;
|
|
|
- // padding: 8px 0;
|
|
|
-
|
|
|
- // .viUserLogo {
|
|
|
- // width: 18px;
|
|
|
- // height: 18px;
|
|
|
- // border-radius: 50%;
|
|
|
- // margin-right: 5px;
|
|
|
- // overflow: hidden;
|
|
|
- // }
|
|
|
-
|
|
|
- // .viUserName {
|
|
|
- // padding-right: 6px;
|
|
|
- // margin-right: 6px;
|
|
|
- // max-width: 60px;
|
|
|
- // white-space: nowrap;
|
|
|
- // overflow: hidden;
|
|
|
- // text-overflow: ellipsis;
|
|
|
- // flex: 1 auto;
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- .viUserNum {
|
|
|
- padding-top: 4px;
|
|
|
- color: #ff802c;
|
|
|
- font-size: 12px;
|
|
|
- }
|
|
|
-
|
|
|
- .viPrice {
|
|
|
- padding-top: 10px;
|
|
|
- font-size: 14px;
|
|
|
- color: #999;
|
|
|
-
|
|
|
- .priceNum {
|
|
|
- color: #ff0000;
|
|
|
- font-size: 18px;
|
|
|
- font-weight: bold;
|
|
|
- i {
|
|
|
- font-size: 15px;
|
|
|
- font-style: normal;
|
|
|
- }
|
|
|
- }
|
|
|
- .label {
|
|
|
- padding-left: 8px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .subjectName {
|
|
|
- position: absolute;
|
|
|
- bottom: 6px;
|
|
|
- right: 6px;
|
|
|
- font-size: 10px;
|
|
|
- padding: 3px 5px;
|
|
|
- color: #ffffff;
|
|
|
- line-height: 1;
|
|
|
- border-radius: 2px;
|
|
|
- background: rgba(0, 0, 0, 0.29);
|
|
|
- }
|
|
|
-}
|
|
|
+.videoItem {
|
|
|
+ border-radius: 8px;
|
|
|
+ background-color: #fff;
|
|
|
+ overflow: hidden;
|
|
|
+ width: 168px;
|
|
|
+ margin-bottom: 12px;
|
|
|
+
|
|
|
+ .viCover {
|
|
|
+ height: 94px;
|
|
|
+ width: 100%;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+
|
|
|
+ .viSection {
|
|
|
+ padding: 8px 12px 13px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .viTitle {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #1a1a1a;
|
|
|
+ line-height: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ // .viUserInfo {
|
|
|
+ // display: flex;
|
|
|
+ // align-items: center;
|
|
|
+ // font-size: 12px;
|
|
|
+ // color: #999;
|
|
|
+ // padding: 8px 0;
|
|
|
+
|
|
|
+ // .viUserLogo {
|
|
|
+ // width: 18px;
|
|
|
+ // height: 18px;
|
|
|
+ // border-radius: 50%;
|
|
|
+ // margin-right: 5px;
|
|
|
+ // overflow: hidden;
|
|
|
+ // }
|
|
|
+
|
|
|
+ // .viUserName {
|
|
|
+ // padding-right: 6px;
|
|
|
+ // margin-right: 6px;
|
|
|
+ // max-width: 60px;
|
|
|
+ // white-space: nowrap;
|
|
|
+ // overflow: hidden;
|
|
|
+ // text-overflow: ellipsis;
|
|
|
+ // flex: 1 auto;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+ .viUserNum {
|
|
|
+ padding-top: 4px;
|
|
|
+ color: #ff802c;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .viPrice {
|
|
|
+ padding-top: 10px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #999;
|
|
|
+
|
|
|
+ .priceNum {
|
|
|
+ color: #ff0000;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+
|
|
|
+ i {
|
|
|
+ font-size: 15px;
|
|
|
+ font-style: normal;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .label {
|
|
|
+ padding-left: 8px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .subjectName {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 6px;
|
|
|
+ right: 6px;
|
|
|
+ font-size: 10px;
|
|
|
+ padding: 3px 5px;
|
|
|
+ color: #ffffff;
|
|
|
+ line-height: 1;
|
|
|
+ border-radius: 2px;
|
|
|
+ background: rgba(0, 0, 0, 0.29);
|
|
|
+ }
|
|
|
+}
|