首页一部分

2020-06-02 08:47:57 +08:00
parent 03442440cc
commit 4e8bdc6522
5 changed files with 527 additions and 42 deletions
--- a/components/index/video-item/index.vue
+++ b/components/index/video-item/index.vue
@@ -0,0 +1,70 @@
+<template>
+    <view class="video-item">
+        <image class="head">
+
+        </image>
+        <view class="title">这是标题这是标题这是标题</view>
+        <view class="user">
+            <view>
+                <image></image>
+                <text></text>
+            </view>
+            <image></image>
+        </view>
+    </view>
+</template>
+<style lang="scss" scoped>
+.video-item{
+    image{
+        background-color: #0f0;
+    }
+    margin-top: 20rpx;
+    width: 335rpx;
+    .head{
+        width: 100%;
+        height: 334rpx;
+        border-radius: 20rpx 0;
+    }
+    .title{
+        font-size: 22rpx;
+        color: #666;
+        line-height: 30rpx;
+        margin-top: 20px;
+        width: 307rpx;
+        margin-left: 18rpx;
+        overflow:hidden; 
+        text-overflow:ellipsis;
+        display:-webkit-box; 
+        -webkit-box-orient:vertical;
+        -webkit-line-clamp:2; 
+    }
+    .user{
+        >view{
+            display: flex;
+            align-items: center;
+            >image{
+                width: 38rpx;
+                height: 38rpx;
+            }
+            >text{
+                font-size: 20rpx;
+                color:#333;
+            }
+        }
+        >image{
+            width: 37rpx;
+            height: 8rpx;
+        }
+    }
+}
+</style>
+<script>
+export default {
+    name:"index-item",
+    data(){
+        return {
+
+        }
+    }
+}
+</script>