tiny-vue/examples/sites/demos/pc/app/ip-address/size.vue

31 lines
583 B
Vue

<template>
<div>
<tiny-ip-address size="medium" v-model="value"></tiny-ip-address>
<tiny-ip-address size="small" v-model="value"></tiny-ip-address>
<tiny-ip-address v-model="value"></tiny-ip-address>
<tiny-ip-address size="mini" v-model="value"></tiny-ip-address>
</div>
</template>
<script>
import { IpAddress } from '@opentiny/vue'
export default {
components: {
TinyIpAddress: IpAddress
},
data() {
return {
value: '192.168.0.1'
}
}
}
</script>
<style scoped>
.tiny-ip-address {
display: block;
margin-bottom: 20px;
}
</style>