/**
* @Author Sean
* @Date 2019/4/29
*/
<template>
    <h-view class="public-style" style="height: 100%">
        <h-content>
          <list-item>
            <item :proportion="[4,0]" :show-arrow="true" v-for="(list,index) in [0,1,2]" :key="index" class="indusItem">
              <div slot="name">
                <div class="cont-name"><span class="touzi">投资融资</span><span>2017-06-27</span></div>
                <div class="cont-name">嘉实合润双债:<span class="fontColor">关于增加招商银行等为代销机构的公告</span></div>
                <div class="cont-name">来源:<span class="fontColor">东方财富网</span></div>
              </div>
            </item>
          </list-item>
        </h-content>
    </h-view>
</template>

<script>
    export default {
        data() {
            return {}
        },
        created: function () {
        },
        mounted: function () {
        },
        updated: function () {
        },
        destroyed: function () {
        },
        methods: {}
    }
</script>

<style scoped lang="less" rel="stylesheet">
    .public-style {
        .content {
          .fontColor{
            color: #9D9D9D;
          }
          .touzi{
            color: #FFF;
            padding: 0 6px;
            background-color: green;
            margin-right: 10%;
          }
          .indusItem{
            padding-top: 10px;
            padding-bottom: 10px;
          }
        }
    }
</style>
