/**
* @Author Sean
* @Date 2019/4/26
*/
<template>
    <h-view class="public-style" style="height: 100%">
        <h-content>
          <list-item>
            <item>
              <div slot="name">案号:</div>
              <div slot="content" class="fontColor">（2016）浙0103民初5571号</div>
            </item>
            <item>
              <div slot="name">案由:</div>
              <div slot="content" class="fontColor">其他</div>
            </item>
            <item>
              <div slot="name">开庭时间:</div>
              <div slot="content" class="fontColor">2014-05-03</div>
            </item>
            <item>
              <div slot="name">承办部门:</div>
              <div slot="content" class="fontColor">大民庭</div>
            </item>
            <item>
              <div slot="name">审判长/主审人:</div>
              <div slot="content" class="fontColor">陈丹</div>
            </item>
          </list-item>


          <list-item>
            <item :proportion="[4,0]" :hasBorder="false" class="indusItem">
              <div slot="name">
                <div class="cont-name">原告/上诉人/申请人</div>
                <div class="cont-name fontColor" >陈甄舒</div>
              </div>
            </item>
          </list-item>

          <list-item>
            <item :proportion="[4,0]" :hasBorder="false">
              <div slot="name">被告被上诉人被申请人</div>
            </item>
            <item :proportion="[4,0]" :hasBorder="false">
               <div slot="name" style="color:#5D98F6;">上海岳坤资产管理有限公司</div>
            </item>
            <item :proportion="[4,0]" :hasBorder="false">
              <div slot="name" style="color:#5D98F6;">上海岳坤资产管理有限公司</div>
            </item>
            <item :proportion="[4,0]" :hasBorder="false">
              <div slot="name" style="color:#5D98F6;">上海岳坤资产管理有限公司</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;
          }
          .indusItem {
            margin-bottom: 20px;

          }
        }
    }
</style>
