JHStoreH5/src/views/Home/HomeTips/HomeTips.vue

<template>
  <ul class="home_tips">
    <li>
      1、<span>活动1/活动2</span> 开启时间：<span
        >超级大奖奖池达到10000元的时候活动开启</span
      >
    </li>
    <li>
      2、每次参与<span>“活动1”</span>消耗
      <span class="line">1次</span>
      抽奖机会，每次参与
      <span>“活动2”</span>
      消耗
      <span class="line">2次</span>
      抽奖机会；
    </li>
    <li>
      3、充值
      <span>“100鸿币”</span>
      送
      <span>1次</span>
      抽奖机会（仅限首次）；<br />
      充值
      <span>“500鸿币”</span>
      送
      <span>2次</span>
      抽奖机会（仅限首次）；<br />
      一次性充值
      <span>“1000鸿币”</span>
      以上，每“1000鸿币”送
      <span>3次</span>
      抽奖机会；
    </li>
    <li>4、“红包”大于等于100元可提现，提现需联系客服；</li>
    <li>5、兑换奖品“话费”需联系客服处理；</li>
    <li>6、所有玩家充值的1%会进入“超级大奖”奖池；</li>
    <li>
      *最终解释权归官方所有，有任何疑问可以
      <a target="_blank" :href="$CONFIG.kfUrl">联系客服</a>
      ；
    </li>
  </ul>
</template>

<script>
export default {
  name: "HomeTips",
  components: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style lang='less' scoped>
.home_tips {
  width: 700 / @rem;
  line-height: 60 / @rem;
  margin: 40 / @rem auto;
  text-align: left;
  color: #fff;
  span {
    font-weight: bold;
  }
  .line {
    border-bottom: 1px solid #fff;
  }
  a {
    color: #0066cc;
    border-bottom: 2px solid #0066cc;
  }
}

/**横屏 */
@media screen and (orientation: landscape),
  only screen and (min-device-width: 768px) and (min-device-height: 768px) and (orientation: portrait) {
  .home_tips {
    width: 550 / @rem;
    line-height: 30 / @rem;
    margin: 20 / @rem auto;
  }
}
</style>