dev/dcp-web-gate/src_old/views/NationalregionalCommissions/NationalregionalCommissions.vue

<template>
    <div class="autoBox box" style="min-height: 900px;position: relative;">
        <div class="crumbs">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item :to="{ path: 'home' }">{{$t('common.Home')}}</el-breadcrumb-item>
                <el-breadcrumb-item>{{$t('common.NationalregionalCommissions')}}</el-breadcrumb-item>
            </el-breadcrumb>
        </div>

        <!-- <div style="position: absolute;left: 50%;top: 45%;transform: translate(-50%,-50%);width: 1200px;"> -->
        <div style="margin-top:20px">
          <div style="font-weight: 600;color: #2C558A;line-height: 45px;font-size: 30px;text-align: center;margin-bottom: 10px;">
            <span style="width: 331px;height: 1px;background:rgba(44, 85, 138,.3);display: inline-block;vertical-align: middle;"></span>
            {{$t('common.NationalregionalCommissions')}}
            <span style="width: 331px;height: 1px;background:rgba(44, 85, 138,.3);display: inline-block;vertical-align: middle;"></span>
          </div>
          <div style="margin-top: 2px;font-size: 20px;width: 780px;font-size: 16px;margin: auto;margin-top: 18px;
          font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #2C558A;line-height: 24px;text-indent: 30px;">        
            <p>{{$t('common.Regionalcommittees')}}</p>
            <p>{{$t('common.Accordingtoneeds')}}</p>
          </div>
            <img src="@/assets/img/constructions.png" alt="" style="width:577px;height:285px;margin-top: 30px;margin-left: 297px;">
            <div style="text-align: center;margin-bottom: 200px;color: #91ADE2;font-size: 16px;">{{$t('common.construction')}}</div>
        </div>
    </div>
</template>
<script>
  export default {
    name: "NationalregionalCommissions",
    data () {
      return {
        
      }
    },
    mounted() {

    },
    methods:{
        
    }
  }
  </script>
  <style scoped>
    .box {
        margin-top: 10px;
        background: #fff;
        /* height: 500px; */
        padding: 20px 0;
        position: absolute;
    }
    .crumbs {
        margin-left: 20px;
    }
  </style>