deming/pageB/follow/index.vue
2020-06-02 17:24:13 +08:00

60 lines
1.2 KiB
Vue

<template>
<view class="follow">
<view class="sosuo">
<image></image>
<text>输入达人名称</text>
</view>
<view class="list">
<darenItem style="margin-top:20rpx;margin-right:23rpx" v-for="item in 50"></darenItem>
</view>
</view>
</template>
<style lang="scss" scoped>
image{
background-color: #0f0;
}
.follow{
background-color: #ECECEC;
min-height: calc(100vh - var(--window-top));
padding: 20rpx 30rpx;
.sosuo{
width: 100%;
height: 60rpx;
border-radius: 30rpx;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
>image{
width: 29rpx;
height: 29rpx;
}
>text{
font-size: 24rpx;
color: #999;
margin-left: 15rpx;
}
}
.list{
display: flex;
flex-wrap: wrap;
width: calc(100% + 23rpx);
margin-right: -23rpx;
}
}
</style>
<script>
import darenItem from "@/components/index/daren-item/index"
export default {
name:"follow",
components:{
darenItem
},
data(){
return{
}
}
}
</script>