<template>
  <div :style="styleData.titleShadow" v-if="isfalse">
    <div :style="styleData.shadowContent">
      <div :style="styleData.shadowExplain">
        <div style="width: 6rem; height: 5.78rem; margin: .4rem auto;">
          <div :style="styleData.conditionRules">
            <div class="conditionNum" style="background-color: rgb(255, 160, 51)">1</div>
            <div style="margin-left: 0.1rem;text-align:left;">2021-05-20至2021-08-18部分商品参与活动进行晒单评价</div>
          </div>
          <div :style="styleData.conditionRules" style="margin-top:.2rem;">
            <div class="conditionNum" style="background-color: rgb(255, 68, 102)">2</div>
            <div style="margin-left: 0.1rem;text-align:left;">5星好评、10字以上评论、1张以上买家秀</div>
          </div>
          <div :style="styleData.conditionRules" style="margin-top:.2rem;">
            <div class="conditionNum" style="background-color: rgb(184, 219, 8)">3</div>
            <div style="margin-left: 0.1rem;text-align:left;">进行评价并且符合要求即有机会获得44积分</div>
          </div>
        </div>
      </div>
      <div :style="styleData.rulesBtn" @click="shadowHide"></div>
    </div>
  </div>
</template>
<script>
import bus from "../../../util/bus.js";
export default {
  props: ["isTemplate", "datas", "keyData", "styleData", "templateData"],
  data() {
    return {
        isfalse:true
    };
  },
  created(){
    this.initdata()
  },
  methods:{
      shadowHide(){
        this.isfalse = !this.isfalse
      },
      initdata(){
        bus.$on('data',content=>{
          console.log(content , '222222222222222222222data')
        })
      }
  }
};
</script>
<style lang="scss" scoped>
.conditionNum {
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.2rem;
  color: rgb(255, 255, 255);
}
</style>