uniapp 自定义头部样式

最新推荐文章于 2024-06-12 11:22:05 发布

程序猿海王秃

最新推荐文章于 2024-06-12 11:22:05 发布

阅读量661

点赞数

分类专栏： uniapp Vue 文章标签： uni-app javascript 前端

本文链接：https://blog.csdn.net/weixin_53561783/article/details/126975310

版权

<template>
  <view>
    <!-- 自定义导航栏 -->
    <view class="navBarBox">
      <!-- 状态栏占位 -->
      <view
        class="statusBar"
        :style="{ paddingTop: statusBarHeight + 'rpx' }"
      ></view>
      <!-- 真正的导航栏内容 -->
      <view class="navBar">
        <!-- 以下定义导航栏的样式 -->
        <view class="left">
          <!-- <text>消息</text> -->
        </view>
        <view class="center">
          <text> {
  { title }}</text>
        </view>
        <view class="right">
          <!-- <text>消息</text> -->
        </view>
      </view>
    </view>
  </view>
</template>
 
<script>
export default {
  props: {
    title: {
      default: "",
      type: String,
    },
  },
  d