<template>
  <div class="li">
    <div class="top flex">
      <div class="tag">
        <!-- 登录通知 -->
        {{ $t('inform.l10') }}
      </div>
      <div class="title" v-if="item.content.client">
        <!-- 您的账号在{{ item.content.client }}登录 -->
        {{ $t('inform.l11').replace('{p}', item.content.client) }}
      </div>
    </div>
    <div class="row">
      <div class="label">
        <!-- 登录设备 -->
        {{ $t('inform.l12') }}
      </div>
      <div class="text">{{ item.content.client || '--' }}</div>
    </div>
    <div class="row">
      <div class="label">
        <!-- 登录时间 -->
        {{ $t('inform.l13') }}
      </div>
      <div class="text">{{ $parseTime(item.content.time) }}</div>
    </div>
    <div class="row">
      <div class="label">
        <!-- 登录地点 -->
        {{ $t('inform.l14') }}
      </div>
      <div class="text">{{ item.content.address }}({{ item.content.ip }})</div>
    </div>
  </div>
</template>
<script>
export default {
  props: ['item'],
  data () {
    return {
      
    }
  }
}
</script>
<style lang="less" scoped>
.tag {
  border: 1px solid rgba(254, 111, 48, 0.25);
  color: #FF793E;
}
</style>