<!--
 * @Author: your name
 * @Date: 2021-07-19 11:35:03
 * @LastEditTime: 2021-07-19 17:48:02
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \TALL-MUI-3\src\components\Title\titleBar.vue
-->
<template>
  <view>
    <u-navbar back-text="返回">
      <view class="flex justify-center flex-1">
        <view v-if="true">{{ title }}</view>
        <view v-else>{{ titleBar }}</view>
      </view>
      <view class="mr-2" slot="right">
        <u-icon class="m-1" name="checkmark-circle"></u-icon>
        <u-icon class="m-1" name="reload"></u-icon>
        <u-icon class="m-1" name="home"></u-icon>
        <u-icon class="m-1" name="more-dot-fill"></u-icon>
      </view>
    </u-navbar>
    你好
  </view>
</template>
<script>
export default {
  name: 'Title',
  mounted() {},
  data() {
    return {
      title: '加载中...',
      titleBar: '项目名称',
      Istrue: 'false',
    };
  },
  methods: {},
};
</script>

<style scoped lang="scss">
.slot-warp {
  display: flex;
  justify-content: flex-end;
}
</style>
