InvestmentInformationDetails.vue 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <template>
  2. <div class="autoBox box" >
  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 :to="{ path: 'financialServices' }">{{$t('common.FinancialServices')}}</el-breadcrumb-item>
  7. <el-breadcrumb-item>{{init.label}}</el-breadcrumb-item>
  8. </el-breadcrumb>
  9. </div>
  10. <div class="invesDetails">
  11. <h3 class="invesTitle">{{init.label}}</h3>
  12. <p v-html="init.desc" class="invesContent"></p>
  13. <div style="font-size: 14px;color: #666666;margin-top: 30px">
  14. 附件:
  15. </div>
  16. <div style="font-size: 14px;color: #666666;margin-top: 20px">
  17. 发布时间:
  18. <span>2020-7-24</span>
  19. </div>
  20. </div>
  21. </div>
  22. </template>
  23. <script>
  24. export default{
  25. name:'InvestmentInformationDetails',
  26. data(){
  27. return{
  28. init:this.$route.params.key
  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. body {
  48. margin: 0;
  49. }
  50. .invesDetails{
  51. margin-top: 30px;
  52. padding: 0 20px;
  53. }
  54. .invesTitle{
  55. text-align: center;
  56. font-size: 28px;
  57. color: #666666;
  58. }
  59. .invesContent{
  60. text-indent: 2em;
  61. color: #666666;
  62. font-size: 18px;
  63. }
  64. </style>