<template>
	<div class="item-agr">
			<div style="padding: 0 10px 0 10px;color:#626262;;">
        <div style="text-align: center;font-size: 26px;padding-bottom:20px ;">京东方大学堂内容发布须知</div>
        <div class="agr-content" style="min-height: 320px;max-height: 320px;overflow-y: auto;">
          <div style="" >
           <p style="margin-bottom:10px;line-height: 24px; white-space:pre-line" v-for="(item,index) in context" :key="index">{{item}}</p>
          </div>
        </div>
		</div>
	</div>
</template>
<script>
import apiProtocol from '@/api/modules/protocol.js';
	export default {
    data(){
    	return {
          baseUrl:process.env.VUE_APP_FILE_BASE_URL,
          context:[],
    	}
    },
    created() {
      this.getprotocol()
    },
    mounted() {


    },
    watch:{

    },
    methods:{
       getprotocol(){
           apiProtocol.query(1).then(res=>{
			   if(res.status == 200){
           let list = res.result.content.split('\n');
           this.context = list;
			   }
		   })
		}
    }
	}
</script>

<style scoped lang="scss">
  .agr-content{
    background: #f7f7f7;
    padding: 20px;
    color: #626262;
  }
</style>
