demo.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <template>
  2. <div class="demo-wrapper">
  3. <router-view class="demo-nav" name="demonav"></router-view>
  4. <keep-alive include="index" exclude="luckycard,lazyload">
  5. <router-view class="demo" name="main" v-transition></router-view>
  6. </keep-alive>
  7. </div>
  8. </template>
  9. <script>
  10. </script>
  11. <style lang="scss">
  12. *{
  13. -webkit-tap-highlight-color: transparent;
  14. }
  15. [v-cloak] {
  16. display: none;
  17. }
  18. body{
  19. font-size:16px;
  20. background:#F8F8F8;
  21. margin: 0;
  22. }
  23. .demo-wrapper{
  24. background-color:#F8F8F8;
  25. min-height:100vh;
  26. }
  27. .demo{
  28. padding: 8px;
  29. padding-top: 40px;
  30. box-sizing:border-box;
  31. }
  32. .button-primary {
  33. display: block;
  34. margin:.5rem 0;
  35. height: 38px;
  36. padding: 0 24px;
  37. color: #555;
  38. text-align: center;
  39. font-size: 12px;
  40. font-weight: 600;
  41. line-height: 38px;
  42. letter-spacing: .1rem;
  43. text-transform: uppercase;
  44. text-decoration: none;
  45. white-space: nowrap;
  46. background-color: transparent;
  47. border-radius: 4px;
  48. border: 1px solid #bbb;
  49. cursor: pointer;
  50. box-sizing: border-box;
  51. color: #FFF;
  52. background-color: #33C3F0;
  53. border-color: #33C3F0;
  54. }
  55. </style>