parent
6b45516d94
commit
ea4fcae1b9
@ -0,0 +1,4 @@ |
|||||||
|
<template src="./template.html"></template> |
||||||
|
<script lang="ts" src="./script.ts"></script> |
||||||
|
<!-- Add "scoped" attribute to limit CSS to this component only --> |
||||||
|
<style scoped lang="scss" src="./style.scss"></style> |
@ -0,0 +1,14 @@ |
|||||||
|
import { Component, Vue } from 'vue-property-decorator' |
||||||
|
import VueClipboard from 'vue-clipboard2' |
||||||
|
import Mocks from '@/components/mocks/main.vue' |
||||||
|
|
||||||
|
Vue.use(VueClipboard) |
||||||
|
|
||||||
|
@Component({ |
||||||
|
components: { |
||||||
|
Mocks |
||||||
|
} |
||||||
|
}) |
||||||
|
export default class MocksTab extends Vue { |
||||||
|
personalId = '' |
||||||
|
} |
@ -0,0 +1,65 @@ |
|||||||
|
.container { |
||||||
|
max-width: 400px; |
||||||
|
min-width: 400px; |
||||||
|
border: solid 2px gray; |
||||||
|
|
||||||
|
.wrapper { |
||||||
|
padding: 10px; |
||||||
|
|
||||||
|
.tab-panel { |
||||||
|
display: flex; |
||||||
|
|
||||||
|
&__item { |
||||||
|
flex-grow: 1; |
||||||
|
padding: 5px; |
||||||
|
cursor: pointer; |
||||||
|
border-bottom: solid 2px #cae5fa; |
||||||
|
|
||||||
|
&_active { |
||||||
|
border-bottom: solid 2px #298df8; |
||||||
|
} |
||||||
|
|
||||||
|
&:hover { |
||||||
|
border-bottom: solid 2px #298df8; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.tab-page { |
||||||
|
padding-top: 10px; |
||||||
|
|
||||||
|
&__item { |
||||||
|
display: none; |
||||||
|
|
||||||
|
|
||||||
|
&_show { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
|
||||||
|
.form-row { |
||||||
|
display: flex; |
||||||
|
margin-bottom: 5px; |
||||||
|
|
||||||
|
&__item { |
||||||
|
flex-grow: 1; |
||||||
|
margin-right: 10px; |
||||||
|
|
||||||
|
&-input { |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
&:last-child { |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.memory-panel { |
||||||
|
text-align: left; |
||||||
|
padding: 5px; |
||||||
|
margin-top: 10px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,10 @@ |
|||||||
|
<div> |
||||||
|
<label> |
||||||
|
Personal id |
||||||
|
<input type="text" v-model="personalId"/> |
||||||
|
</label> |
||||||
|
<div v-if="personalId"> |
||||||
|
<hr /> |
||||||
|
<Mocks :personalId="personalId"></Mocks> |
||||||
|
</div> |
||||||
|
</div> |
Loading…
Reference in new issue