<template>
  <div class="m-integral mx-4">
    <h4 class="m-title w-full text-20px text-title-color text-center pt-4 mt-4">{{ $t('lang.point') }}</h4>
    <h6 class="text-sm text-text-color text-center mt-2">{{ $t('lang.QAS') }}</h6>
    <div class="m-i-content pt-6 pb-6 px-10 relative">
      <img v-show="!enStyle" src="@/assets/images/mobile/m-in.png" alt="">
      <img v-show="enStyle" src="@/assets/images/mobile/m-in-e.png" alt="">
    </div>
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
import lang from '@/mixin/lang'
export default Vue.extend({
	mixins: [lang]
})
</script>

<style scoped>
  .m-integral {
    background-image: linear-gradient(to bottom, rgba(250, 251, 252, 0), rgba(255, 255, 255, 1));
  }
  .m-dot img {
    width: 22px;
    height: 22px;
  }
</style>