推荐+readme

2020-06-02 11:14:51 +08:00
parent 0f5e209d64
commit af1e4ff55b
3 changed files with 136 additions and 20 deletions
--- a/components/index/daren-item/index.vue
+++ b/components/index/daren-item/index.vue
@@ -0,0 +1,54 @@
+<template>
+    <view class="daren-item">
+        <image class="head"></image>
+        <text class="name">这是名字</text>
+        <text class="zhuangtai">直播状态</text>
+        <view class="guanzhu">关注</view>
+    </view>
+</template>
+<script>
+export default {
+    name:"daren-item"    
+}
+</script>
+<style lang="scss" scoped>
+.daren-item{
+    width: 215rpx;
+    height: 282rpx;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #fff;
+    border-radius: 10rpx;
+    overflow: hidden;
+    .head{
+        width: 80rpx;
+        height: 80rpx;
+        border-radius: 50%;
+        margin-top: 24rpx;
+        background-color: #0f0;
+    }
+    .name{
+        font-size: 26rpx;
+        color: #333;
+        font-weight: 400;
+        margin-top: 23rpx;
+    }
+    .zhuangtai{
+        font-size:22rpx;
+        color: #999;
+        margin-top: 19rpx;
+    }
+    .guanzhu{
+        width: 130rpx;
+        height: 50rpx;
+        background-color: #FF780F;
+        font-size: 26rpx;
+        line-height: 50rpx;
+        color: #fff;
+        text-align: center;
+        margin-top: 19rpx;
+        border-radius: 25rpx;
+    }
+}
+</style>