头部导航自定义

pages/luckDraw/profile.wxml

@@ -1,8 +1,7 @@
 <!--pages/luckDraw/profile.wxml-->
 <!-- 首部信息 -->
 <view class="head flex-column">
-<topbar />
-  <view class="head_profile">个人中心</view> 
+<topbar title="个人中心" topbar-title-class="profile-topbar"/>
   <image wx:if="{{!isLogin}}" class="head_portrait" src="/images/welfareMall/head-portrait.png" />
   <!-- 获取用户头像 -->
   <open-data wx:if="{{isLogin}}" class="head_portrait" type="userAvatarUrl"></open-data>

pages/luckDraw/profile.wxss

@@ -28,7 +28,7 @@
   height: 144rpx;
   border-radius: 50%;
   overflow :  hidden ;
-  margin-top: 80rpx;
+  margin-top: 170rpx;
 }
 
 .head_text{
@@ -36,7 +36,7 @@
   font-family: Source Han Sans CN;
   font-weight: 400;
   color: #FEFEFE;
-  margin-top: 40rpx;
+  margin-top: 30rpx;
 }
 
 .sigin-isLogin{
@@ -287,10 +287,9 @@
   margin-top: 20rpx;
 }
 
-.head_profile{
-  font-size: 28rpx;
+.profile-topbar{
+  font-size: 56rpx;
   font-weight: 500;
   color: #000000;
-  margin-top: 60rpx;
 }
 

pages/signIn/record/record.wxml

@@ -3,9 +3,9 @@
   <!-- 首部信息 -->
   <view class="head flex-column">
     <topbar />
-    <view class="head_profile" wx:if="{{noCoupon}}">签到优惠券</view>
-    <view class="head_profile" wx:if="{{noDetail}}">获取明细</view>
-    <view class="head_profile" wx:if="{{noUtility}}">使用/失效</view>
+    <topbar wx:if="{{noCoupon}}" title="签到优惠券" topbar-title-class="record-topbar"/>
+    <topbar wx:if="{{noDetail}}" title="获取明细" topbar-title-class="record-topbar"/>
+    <topbar wx:if="{{noUtility}}" title="使用/失效" topbar-title-class="record-topbar"/>
     <view class="head_num" wx:if="{{!isLogin}}">{{notUseNum}}</view>
     <view class="head_num" wx:if="{{isLogin}}">{{notUseNum?notUseNum:0}}</view>
     <view class="head_text" wx:if="{{isLogin}}">请在优惠券有效期内尽快使用</view>

pages/signIn/record/record.wxss

@@ -33,7 +33,7 @@
   font-family: Source Han Sans CN;
   font-weight: 500;
   color: #FEFEFE;
-  margin-top: 80rpx;
+  margin-top: 170rpx;
 }
 
 .head_text{
@@ -313,10 +313,9 @@
 	text-overflow: ellipsis;
 }
 
-.head_profile{
-  font-size: 28rpx;
+.record-topbar{
+  font-size: 56rpx;
   font-weight: 500;
   color: #000000;
-  margin-top: 60rpx;
 }