index.vue 998 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!-- 学习课程 -->
  2. <template>
  3. <div class="learningCourse">
  4. <div class="page-container-top-max-big-box">
  5. <p class="top-1-p">开始学习</p>
  6. <p class="top-2-p" @click="backPage()">返回</p>
  7. </div>
  8. <div class="content-box scrollbar-box">
  9. </div>
  10. </div>
  11. </template>
  12. <script>
  13. export default {
  14. name: 'index',
  15. data() {
  16. return {
  17. }
  18. },
  19. created() {
  20. },
  21. mounted() {
  22. },
  23. methods: {
  24. /*
  25. this.$router.push({
  26. name: 'Detail',
  27. params: {
  28. id: 1,
  29. title: '消息标题'
  30. }
  31. })
  32. this.$route.params.title
  33. */
  34. //返回
  35. backPage() {
  36. this.$router.back()
  37. },
  38. }
  39. }
  40. </script>
  41. <style scoped lang="scss">
  42. .learningCourse {
  43. flex:1;
  44. display: flex;
  45. flex-direction: column;
  46. background:#FFFFFF;
  47. border-radius:10px;
  48. overflow: hidden;
  49. padding:0;
  50. box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
  51. margin:10px;
  52. }
  53. </style>