contract/src/views/setting.vue

<template>
    <multi-color-background top-height="2.7" show-go-back="1">
      <h1 class="title">安全设置</h1>
      <div class="main">
        <info-block v-for="item,index in infoData" :info-data="item" :key="index"></info-block>
      </div>

    </multi-color-background>
</template>

<script>
    import MultiColorBackground from "../components/multiColorBackground";
    import InfoBlock from "../components/infoBlock";
    export default {
        name: "setting",
      components: {InfoBlock, MultiColorBackground},
      data(){
          return{
            infoData:[
              {
                id:1,
                title:'124',
                content:'34567',
              },{
                id:2,
                title:'124',
                content:'34567',
              },{
                id:3,
                title:'124',
                content:'',
              }
            ]
          }
      }
    }
</script>

<style scoped>
  .main{
    margin: 0.4rem 0.4rem 0;

  }
</style>