ResourceSharingOlder.vue 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <template>
  2. <div class="autoBox box" style="min-height: 900px;position: relative;">
  3. <div class="crumbs">
  4. <el-breadcrumb separator="/">
  5. <el-breadcrumb-item :to="{ path: 'home' }">{{$t('common.Home')}}</el-breadcrumb-item>
  6. <el-breadcrumb-item>{{$t('common.resourceSharing')}}</el-breadcrumb-item>
  7. </el-breadcrumb>
  8. </div>
  9. <div style="position: absolute;left: 50%;top: 45%;transform: translate(-50%,-50%);width: 1200px;">
  10. <div style="font-weight: 600;color: #2C558A;line-height: 45px;font-size: 30px;text-align: center;margin-bottom: 10px;">
  11. <span style="width: 331px;height: 1px;background:rgba(44, 85, 138,.3);display: inline-block;vertical-align: middle;"></span>
  12. {{$t('common.ResourceSharing')}}
  13. <span style="width: 331px;height: 1px;background:rgba(44, 85, 138,.3);display: inline-block;vertical-align: middle;"></span>
  14. </div>
  15. <div style="margin-top: 2px;font-size: 20px;width: 780px;font-size: 16px;margin: auto;margin-top: 18px;
  16. font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #2C558A;line-height: 24px;text-indent: 30px;">
  17. {{$t('common.Resourcesharinginstructions')}}
  18. </div>
  19. <img src="@/assets/img/constructions.png" alt="" style="width:577px;height:285px;margin-top: 30px;margin-left: 297px;">
  20. <div style="text-align: center;margin-bottom: 200px;color: #91ADE2;font-size: 16px;">{{$t('common.construction')}}</div>
  21. </div>
  22. </div>
  23. </template>
  24. <script>
  25. export default {
  26. name: "resourceSharingOlder",
  27. data () {
  28. return {
  29. }
  30. },
  31. mounted() {
  32. },
  33. methods:{
  34. }
  35. }
  36. </script>
  37. <style scoped>
  38. .box {
  39. margin-top: 10px;
  40. background: #fff;
  41. /* height: 500px; */
  42. padding: 20px 0;
  43. }
  44. .crumbs {
  45. margin-left: 20px;
  46. }
  47. </style>