框架优化

README.md

@@ -20,6 +20,6 @@
 
 # 开发文档
 - [uni-app官方文档](https://uniapp.dcloud.net.cn/)
-- [uview-ui官方文档](https://www.uviewui.com/components/intro.html)
+- [uview-ui官方文档](https://www.uviewui.com/)
 - [api接口文档]()
 - [ui交互地址]()

common/curstom-head.vue → components/xb-head.vue

 <template>
-	<div>
+	<div v-show="capsule && capsule.top">
 		<div class="user-card" :class="showBack?'between' : 'center'" :style="{marginTop:(capsule.top)+'px',height:capsule.height+'px'}">
 			<div @click="gotoBack" v-if="showBack">
-				<u-icon name="arrow-left" color="#fff" size="16"></u-icon>
+				<u-icon name="arrow-left" color="#fff" size="32"></u-icon>
 			</div>
 			{{title}}
 			<div style="opacity: 0;" v-if="showBack"><u-icon name="arrow-left" color="#fff" size="16"></u-icon></div>
@@ -42,8 +42,8 @@
 		position: relative;
 		display: flex;
 		align-items: center;
-		width: calc(100% - 60upx);
-		padding: 0upx 30upx;
+		width: calc(100% - 70upx);
+		padding: 0upx 40upx 0upx 30upx;
 		font-size: 34upx;
 		font-family: PingFangSC-Regular, PingFang SC;
 		font-weight: 400;

pages.json

@@ -5,6 +5,7 @@
 			"style" :                                                                                    
 			{
 				"navigationBarTitleText": "首页",
+				"navigationStyle":"custom",
 				"enablePullDownRefresh": true
 			}
 		},{
@@ -41,7 +42,7 @@
 		"autoscan": true,
 		"custom": {
 			"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue",
-			"^b-(.*)": "@/components/xb-$1.vue"
+			"^xb-(.*)": "@/components/xb-$1.vue"
 		}
 	},
 	"globalStyle": {

pages/index/index.vue

 <template>
 	<view class="page-bg">
-		首页
+		<div class="head-bg">
+			<xb-head showBack title="自定义头部"></xb-head>
+		</div>
 		<xb-icon type="icon-icon_txzy" color="#1DA47B"></xb-icon>
 		
 		
@@ -26,5 +28,10 @@ export default {
 		min-height: 100vh;
 		width: 100%;
 		background-color: #f5f5f5;
+		.head-bg{
+			height: 200rpx;overflow: hidden;
+			background-color: #1DA47B;
+			
+		}
 	}
 </style>