<template>
  <div>
    <nav-bar title="hooli支付协议" v-if="!flag"/>
    <div class="agree-cont">
      <img src="http://static.hoolihome.com/m/images/agree1.png" alt="">
      <img src="http://static.hoolihome.com/m/images/agree2.png" alt="">
      <img src="http://static.hoolihome.com/m/images/agree3.png" alt="">
      <img src="http://static.hoolihome.com/m/images/agree4.png" alt="">
      <img src="http://static.hoolihome.com/m/images/agree5.png" alt="">
      <img src="http://static.hoolihome.com/m/images/agree6.png" alt="" class="p25">
    </div>
  </div>
</template>

<script>
import NavBar from "@/components/common/NavBar";

export default {
  name: "PaymentAgreement",
  components: {
    NavBar
  },
  data() {
    return {
      flag: false
    };
  },
  created: function() {
    if (this.$util.checkIsHooliAndroid() || this.$util.checkIsHooliIos())
      this.flag = true;
  },
  mounted: function() {},
  methods: {}
};
</script>

<style scoped lang="less">
.agree-cont {
  padding: 40px 0;
  img {
    max-width: 100%;
  }
  .p25 {
    padding: 0 25px;
  }
}
</style>
