ConferenceAgenda.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <template>
  2. <div class="autoBox container-box">
  3. <div class="content-box">
  4. <ul>
  5. <li v-for="(age, a) in agendaData" :key="a">
  6. <img :src="'./api/file/pub/'+age" alt />
  7. </li>
  8. </ul>
  9. </div>
  10. </div>
  11. </template>
  12. <script>
  13. import HeaderItem from '@/components/headerItem'
  14. import footers from '@/components/footers'
  15. export default {
  16. components:{HeaderItem, footers},
  17. data() {
  18. return {
  19. agendaData: [],
  20. lang: "",
  21. };
  22. },
  23. created() {
  24. this.lang = this.$i18n.locale;
  25. },
  26. watch: {
  27. "$i18n.locale"(val) {
  28. this.lang = val;
  29. },
  30. },
  31. mounted() {
  32. console.log('this.$route.params',this.$route.query.pdf)
  33. this.agendaData = JSON.parse(this.$route.query.pdf);
  34. },
  35. };
  36. </script>
  37. <style scoped>
  38. * {
  39. box-sizing: border-box;
  40. }
  41. .container-box {
  42. margin: 10px auto;
  43. background: #fff;
  44. padding: 0 20px;
  45. min-height: calc(100vh - 420px);
  46. }
  47. .bread-crumb {
  48. background: #fff;
  49. padding: 20px 0;
  50. }
  51. .content-box {
  52. position: relative;
  53. padding: 40px 0;
  54. }
  55. ul{
  56. text-align: center;
  57. }
  58. ul li{
  59. margin: 10px 0;
  60. }
  61. ul img{
  62. width: 70%;
  63. }
  64. </style>