<template>
  <transition name="msgbox-fade">
    <div class="popup-wrap" v-show="visible">
      <div class="popup-modal"></div>
      <div class="popup-box">
        <div class="popup-hd">
          <div class="popup-hd-title"><em>提示</em></div>
          <span class="popup-close" @click="visible = false"></span>
        </div>
        <div class="popup-bd">
          <div class="warn-wrap">
            <p>请先停止以下功能再进行提现</p>
            <p>1. Sicbo自动下注</p>
            <p>2. Box自动抢宝箱</p>
            <div class="btn-confirm" @click="visible = false">确定</div>
          </div>
        </div>
      </div>
    </div>
  </transition>
</template>

<script>
export default {
  name: 'warnPopup',
  data() {
    return {
      logList: []
    }
  }
}
</script>

<style lang="scss">
.warn-wrap{
  padding: px2rem(20) 0;
  p{
    text-align: center;
    color: #999999;
    font-size: px2rem(16);
    line-height: px2rem(40);
  }
  .btn-confirm{
    width: px2rem(112);
    height: px2rem(46);
    margin: px2rem(40) auto 0;
    line-height: px2rem(46);
    font-weight: bold;
    text-align: center;
    font-size: px2rem(20);
    user-select: none;
    cursor: pointer;
    color: #50370b;
    background: url("../../../assets/btn-charge1.png") no-repeat;
    &:hover{
      opacity: 0.8;
    }
  }
}
</style>

