1回答

• 

  wieeee

  2022-03-03 17:33:59

  <template>

    <div class="wrapper">

      <div class="title">{{obj.title}}</div>

      <div class="content">

        {{obj.content}}

      </div>

      <div class="back" @click="back()">返回</div>

    </div>

  </template>

  
  

  <script>

    export default {

      name: "Info",

      props: ['obj'],

      data () {

        return {

        }

      },

      methods: {

        back () {

          this.$emit('backEvent')

        }

      }

    }

  </script>

  <style scoped>

  $main-color: #42b983;

  .wrapper{

    padding: 10px;

  }

  .title{

    padding-bottom: 5px;

    border-bottom: 1px solid #dcdcdc;

  }

  .content{

    padding: 10px 10px 40px 10px;

    line-height: 22px;

  }

  .back{

    display: block;

    width: 100%;

    height: 40px;

    line-height: 40px;

    border-radius: 6px;

    background: $main-color;

    margin: 0 auto;

    color: #fff;

    text-align: center;

  }

  </style>

  
  

  0 0