DemoLink.vue 676 B

12345678910111213141516
  1. <template>
  2. <a :href="`${$themeConfig.demoUrl}#${href}`" target="_blank" rel="noopener noreferrer">
  3. <slot>Demo</slot>
  4. <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg>
  5. </a>
  6. </template>
  7. <script>
  8. // 演示链接
  9. export default {
  10. props: {
  11. href: String
  12. }
  13. }
  14. </script>