<template>
  <div class="page-other">
    非markdown页示例
    <img class="svg-icon" src="@/assets/vue.svg" />
    <svg class="icon" aria-hidden="true">
      <use xlink:href="#icon-tongzhi"></use>
    </svg>
  </div>
</template>

<script>
export default {
  name: 'other',
  data() {
    return {};
  },
  methods: {},
};
</script>

<style lang="scss">
.icon {
  width: 4em;
  height: 4em;
  fill: currentColor;
  overflow: hidden;
}
.svg-icon {
  height: 80px;
  width: 80px;
  filter: hue-rotate(hue($color-primary)) saturate(saturation($color-primary)) brightness(lightness($color-primary));
}
</style>
