关注页面完成

pageB/follow/index.vue

@@ -0,0 +1,60 @@
+<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>

pages.json

@@ -31,6 +31,22 @@
 				}
 			]
 		},
+		{
+			"root": "pageB",
+			"pages": [
+				{
+					"path": "follow/index",
+					"style": {
+						"navigationBarTitleText": "",
+						"app-plus":{
+							"titleNView":{
+								"backgroundColor":"#ffffff"
+							}
+						}
+					}
+				}
+			]
+		},
 		{
 			"root": "pageE",
 			"pages":[