<template>
	<div class="version">
	    <div class="version-wrap">
    	    <div>
  		        <div class="weui-panel weui-panel_access">
	  		  	    <div class="weui-media-box weui-media-box_text">
	  		            <h4 class="weui-media-box__title">{{data.title}}</h4>
	  		             <p class="weui-media-box__desc" v-html="data.content"></p>
	  		        </div>	   
  		  	    	<div class="weui-panel__ft">
  		  	        <a href="javascript:void(0);" class="weui-cell weui-cell_access weui-cell_link">
  		  	            <div class="weui-cell__bd" @click="jump(data)">点击查看</div>
  		  	            <span class="weui-cell__ft"></span>
  		  	        </a>    
  		  	    	</div>
  		  	    </div>
	           </div>
    	</div>	  
	</div>
   
</template>

<script>
//import { mapState } from 'vuex'

export default {
  name: "this",
  props: ["data", "iconType"],
  components: {
    //addPane
  },
  computed: {
    // ...mapState({
          
    // })
  },
  mounted() {
      
  },
  data: function() {
    return {
      name: "template"
    };
  },
  methods: {
    jump(data) {
      if(data.id && data.userRecordId){
        this.$router.push({path: `/systemMessageDetail/${data.id}/${data.userRecordId}`});
      }
        
    }
  }
};
</script>
<style scoped lang='less'>
	.version {
		margin:auto;
    margin-bottom: 20px;
		 	.version-wrap {
		 		width: 342px;
		 			.weui-media-box {
		 			    text-align: left;
		 			}
		 			.weui-media-box__desc{
						margin-top: 7.5px;
		 			}
		 		    .weui-cell__bd {
		 		    	display: flex;
		 		    	color: #4F7BF2;
		 		    }
		 	}
	}
 	
	
</style>