dev/dcp-web-gate/src_old/views/cooperationExchange/CooperationActiveIntroduce.vue

<template>
    <div style="padding: 20px 20px 20px 30px">
        <!-- 活动专家概述 -->
        <!-- <div >
              <div style="height:20px">
                  <img src="@/assets/img/cooperationExchange/20200608_03.gif" alt="" style="height: 100%;vertical-align: middle;">
                  <span style="margin-left: 10px;font-weight: 700;color: #000;font-size: 18px;">活动概述</span>
              </div>
              <div class="summarize">
                活动概述内容
              </div>
        </div>    -->
        <!-- 活动专家介绍 -->
        <!--<div>
          <div style="height:20px;margin-top:20px">
              <img src="@/assets/img/cooperationExchange/20200608_03.gif" alt="" style="height: 100%;vertical-align: middle;">
              <span style="margin-left: 10px;font-weight: 700;color: #000;font-size: 18px;">活动专家介绍</span>
          </div>
          <!-- <div style="margin-top: 15px;margin-left: 15px;color: #666666;font-weight: 700;">
            <div style="color:#939393;font-weight: 400;width: 95%;margin-top: 10px;">会员权利:选举权、被选举权和表决权;参加本组织的活动，享受会员间合作机会;享受本组织的服务;对本组织工作的意见建议权和监督权;理事会授予的其他权利;退出本组织的权利。</div>
          </div> -->
          <!--<div class="Introduct" >
              <div class="IntroductLeft">
                  <ul>
                    <li class="introduce">
                        <div class="introduceImg">
                            <img src="../../assets/img/cooperationExchange/u6029.png" alt=""  style="height: 100%;">
                        </div>
                        <div class="introduceDet">
                            <h3> DC.liwesan</h3>
                            <p>ffsafdaf</p>
                        </div>
                    </li> 
                    <li class="introduce">
                        <div class="introduceImg">
                            <img src="../../assets/img/cooperationExchange/u6029.png" alt="" style="height: 100%;">
                        </div>
                        <div class="introduceDet">

                            <h3> DC.liwesan</h3>
                            <p>ffsaf</p>
                        </div>
                    </li> 
                    <li class="introduce">
                        <div class="introduceImg">
                            <img src="../../assets/img/cooperationExchange/u6029.png" alt="" style="height: 100%;">
                        </div>
                        <div class="introduceDet">
                            <h3> DC.liwesan</h3>
                            <p>ffsafdaf</p>
                        </div>
                    </li> 
                 </ul>
              </div>
              <div class="IntroductRight">
                  <div class="activeForum">
                      <h3>活动论坛</h3>
                     <p style="margin-left:30px">http://www.4399.com</p> 
                  </div>
                  <div class="communicataion">
                      <h3>活动交流群</h3>
                      <div style="width:298px;height:194px;margin-left:20px">
                      <img src="@/assets/img/cooperationExchange/u6029.png" alt="" >

                      </div>
                  </div>
              </div>
          </div>
          <div class="review">
              <h5>活动亮点</h5>
              <ul class="reviewContent">
                  <li>
                      <div>
                          <img src="../../assets/img/cooperationExchange/u6029.png" alt="">
                      </div>
                      <p>2134人浏览</p>
                  </li>
                  <li>
                      <div>
                          <img src="../../assets/img/cooperationExchange/u6029.png" alt="">
                      </div>
                      <p>2134人浏览</p>
                  </li>
                  <li>
                      <div>
                          <img src="../../assets/img/cooperationExchange/u6029.png" alt="">
                      </div>
                      <p>2134人浏览</p>
                  </li>
                  <li>
                      <div>
                          <img src="../../assets/img/cooperationExchange/u6029.png" alt="">
                      </div>
                      <p>2134人浏览</p>
                  </li>
                  <li>
                      <div>
                          <img src="../../assets/img/cooperationExchange/u6029.png" alt="" >
                      </div>
                      <p>2134人浏览</p>
                  </li>
              </ul>
          </div>
        </div> -->
        <div v-html="activityIntroduction" class="coo_box">

        </div>
    </div>
    
</template>
<script>
export default {
    name:"CooperationActiveIntroduce",
    props:['activityIntroduction']
}
</script>
<style scoped>
    .summarize{
        height: 398px;
        margin-top: 20px;
        padding: 5px 15px;
        background-color: #e4e2e2;
        font-weight: 700;

    }
    
    .Introduct{
        margin-top: 20px;
        display: flex;
        flex-wrap: nowrap;
    }
    .IntroductLeft{
        width: 70%;
    }
    .introduce{
        height: 150px;
        margin-top: 5px;
    }
    .introduceImg{
        width: 212px;
        height: 100%;
        float: left;
    }
    .introduceDet{
        display: inline-block;
        margin-left: 20px;
        height: 100%;
    }
    .IntroductRight{
        margin-left: 25px;
    }
    .activeForum{
        width: 100%;
        height: 150px;
    }
    .review{
        height:220px;
       
    }
    .reviewContent{
        width: 100%;  
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        
    }
    .reviewContent li{
        height:170px;
        width: 212px;
        text-align: center;
    }
    /* .coo_box >>> img {
        width: 100%;height: 100%;
    } */
    .coo_box >>> p {
        /* word-break:break-all; */
    }
</style>