<template>
  <view>
    <u-navbar back-text="返回">
      <view class="flex justify-center flex-1">
        <view>{{ project.name }}</view>
      </view>
      <view class="mr-2" slot="right">
        <u-icon class="m-1" name="xuanzhong2" custom-prefix="custom-icon" size="38"></u-icon>
        <u-icon class="m-1" name="shuaxin1" custom-prefix="custom-icon" size="38"></u-icon>
        <u-icon class="m-1" name="home" custom-prefix="custom-icon" size="38"></u-icon>
        <u-icon class="m-1" name="xuanxiang" custom-prefix="custom-icon" size="38"></u-icon>
      </view>
    </u-navbar>
  </view>
</template>
<script>
import { mapState } from 'vuex';
export default {
  name: 'Title',
  data() {
    return { title: '加载中...' };
  },

  computed: mapState('home', ['project']),

  mounted() {},
  methods: {},
};
</script>

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