<template>
  <div class="friend">
    <div class="inner">
      {{ str }}
      <span :key="index" class="mx-2" v-for="(list,index) in lists">{{ list }}</span>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      str: '友情链接:',
      lists: ['科技部', '发改委', '工信部', '太原市综改区', '山西省科技厅', '山西省工信厅', '山西省发改委', '太原市科技厅', '太原市发改委'],
    };
  },
};
</script>

<style lang="stylus" scoped>
.friend {
  line-height: 64px;
  background: #fff;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
}
</style>
