123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178 |
- <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>
|