<template>
   <div>     
     <div class="scroll"  id="targetsix" style="padding:15px 4%;">
            <div class="actilist" v-for="it in Activitieslist" :key="it.id" @click="singleActivitInfo(it.id,it.user_org_id)">
                <div class="acthead">
                    <img :src="it.poster_photo" style="width:80px;height:80px">
                </div>
                <div class="actcontent">
                     <div class="actname"><span>{{it.title}}</span></div>
                 </div>
             </div>
         </div>
     </div>  
</template>

<script>
      import { Activitiesmore } from "@/api/micro/micro"
    export default {
        name: "activitylist",
        data(){
           return{
              Activitieslist:[],
           }
        },
        methods:{
             Activitiesmore(id,orgid){
                Activitiesmore(id,orgid).then(response=>{
                     if(response.data.state == 1){
                       var activity =  response.data.data.activity;
                       this.Activitieslist =  response.data.data.activity;                 
                       console.log("获取活动列表",activity)
                    }
                })
             },
             singleActivitInfo(id,orgid){
                this.$router.push({
                    path:'/activitylistdetail',
                    query:{
                     id:id,
                     orgid,orgid,
                   }
                })
             }
        },
        created(){
            const id = this.$route.query.id;
            const orgid = this.$route.query.orgid;
            console.log("id是多少",id)
            console.log("orgid是多少",orgid)
            this.Activitiesmore(id,orgid)
        }
    }
</script>

<style scoped>
    .actilist{
      width:100%;
      height: 90px;
      /* border:solid 1px red; */
      margin-left: 5px;
    }

    .acthead{
      width: 80px;
      height: 80px;
     /* border: solid 1px red; */
      margin-left: 5px;
      margin-top: 5px;
    }

    .actcontent{
      width: 200px;
      height: 80px;
       /* border: solid 1px red; */
      margin-left: 90px;
      margin-top: -82px;
    }

     .actname{
      width:190px;
      height: 15px;
      /* border:solid 1px red; */
      margin-left: 5px;
      margin-top: 10px;
      font-size: 14px;
      overflow: hidden;
       text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
    }
</style>
