wip
This commit is contained in:
parent
5f8021dfff
commit
249fdc1b5d
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<a :href="url" :target="target">
|
<a class="mk-url" :href="url" :target="target">
|
||||||
<span class="schema">{{ schema }}//</span>
|
<span class="schema">{{ schema }}//</span>
|
||||||
<span class="hostname">{{ hostname }}</span>
|
<span class="hostname">{{ hostname }}</span>
|
||||||
<span class="port" v-if="port != ''">:{{ port }}</span>
|
<span class="port" v-if="port != ''">:{{ port }}</span>
|
||||||
|
@ -10,8 +10,10 @@
|
||||||
</a>
|
</a>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="typescript">
|
<script lang="ts">
|
||||||
export default {
|
import Vue from 'vue';
|
||||||
|
|
||||||
|
export default Vue.extend({
|
||||||
props: ['url', 'target'],
|
props: ['url', 'target'],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
@ -33,14 +35,13 @@
|
||||||
this.query = url.search;
|
this.query = url.search;
|
||||||
this.hash = url.hash;
|
this.hash = url.hash;
|
||||||
}
|
}
|
||||||
};
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
<style lang="stylus" scoped>
|
||||||
:scope
|
.mk-url
|
||||||
word-break break-all
|
word-break break-all
|
||||||
|
|
||||||
> a
|
|
||||||
> [data-fa]
|
> [data-fa]
|
||||||
padding-left 2px
|
padding-left 2px
|
||||||
font-size .9em
|
font-size .9em
|
||||||
|
|
Loading…
Reference in New Issue