1.设计要求:(完成导航栏左边样式-达到一步返回首页等需求)
设计过程:
开发一个navbar组件
navbar.wxml:
<view class='nav-wrap' style="padding-top:{
{paddingTop}}px;height:{
{navHeight}}px;">
<!-- // 导航栏 中间的标题 -->
<view class='nav-title' style='line-height: {
{navHeight + paddingTop * 2}}px;'>{
{navbarData.title}}</view>
<view>
<!-- // 导航栏 左上角的返回按钮 和home按钮
// 其中wx:if='{
{navbarData.showCapsule}}' 是控制左上角按钮的显示隐藏,首页不显示 -->
<view class='nav-capsule' style='margin-top: 9px;' wx:if='{
{