<template>
  <div class="nav-bar">
    <div class="inner row">
      <div class="col">
        <div class="item">
          <img src=""
               alt="">
          <p>我的钱包</p>
        </div>
      </div>
      <div class="col">
        <div class="item">
          <img src=""
               alt="">
          <p>我的钱包</p>
        </div>
      </div>
      <div class="col">
        <div class="item">
          <img src=""
               alt="">
          <p>我的钱包</p>
        </div>
      </div>
      <div class="col">
        <div class="item">
          <img src=""
               alt="">
          <p>我的钱包</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>

/**
* @author: 过飞
* @createData: 2020年09月17日 14:27:22
* @version：v1.0
*
* @desc: 功能描述
*/
export default {
  name: '',

  components: {},

  mixins: [],

  props: {},

  data() {
    return {

    }
  },

  computed: {},

  watch: {},

  created() { },

  mounted() { },

  methods: {}

}
</script>
<style lang="scss" scoped >
.nav-bar {
  background-color: #fff;
  .inner {
    display: flex;
    justify-content: space-around;
    padding: 20px 0;
    .col {
      .item {
        text-align: center;
        & > img {
          display: block;
          margin: 0 auto 0;
          width: 40px;
          height: 40px;
          background-color: #eee;
        }
        & > p {
          font-size: 12px;
          margin: 10px 0 0 0;
        }
      }
    }
  }
}
</style>
