mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-21 04:50:14 +08:00
59 lines
1.2 KiB
Vue
59 lines
1.2 KiB
Vue
<template>
|
|
<div style="padding: 100px">
|
|
<div
|
|
style="
|
|
width: 100%;
|
|
line-height: 60px;
|
|
text-decoration: underline overline;
|
|
"
|
|
>
|
|
123456ggg
|
|
<n-select multiple :options="options" style="width: 200px" />
|
|
<n-select :options="options" style="width: 200px" />
|
|
<n-input style="width: 200px; display: inline-block" />
|
|
</div>
|
|
<n-input />
|
|
<n-select :options="options" />
|
|
<n-select multiple :options="options" style="width: 200px" />
|
|
<div
|
|
style="
|
|
width: 100%;
|
|
line-height: 60px;
|
|
text-decoration: underline overline;
|
|
"
|
|
>
|
|
123456ggg
|
|
<input
|
|
style="height: 60px; display: inline-block; vertical-align: baseline"
|
|
value="666"
|
|
>
|
|
<n-checkbox />
|
|
<div
|
|
style="
|
|
height: 60px;
|
|
background: red;
|
|
display: inline-block;
|
|
vertical-align: baseline;
|
|
"
|
|
>
|
|
666
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data () {
|
|
return {
|
|
options: [
|
|
{
|
|
label: 'test',
|
|
value: 'test'
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
</script>
|