223 lines
3.0 KiB
Markdown
223 lines
3.0 KiB
Markdown
::: demo
|
|
|
|
<template>
|
|
<lay-input v-model="data"></lay-input>
|
|
</template>
|
|
|
|
<script>
|
|
import { ref } from 'vue'
|
|
|
|
export default {
|
|
setup() {
|
|
|
|
const data = ref("内容");
|
|
|
|
return {
|
|
data
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
:::
|
|
|
|
::: demo
|
|
|
|
<template>
|
|
<lay-input placeholder="请输入密码" type="password"></lay-input>
|
|
</template>
|
|
|
|
<script>
|
|
import { ref } from 'vue'
|
|
|
|
export default {
|
|
setup() {
|
|
|
|
return {
|
|
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
:::
|
|
|
|
::: demo
|
|
|
|
<template>
|
|
<lay-textarea placeholder="请输入密码"></lay-textarea>
|
|
<br>
|
|
<lay-textarea placeholder="请输入密码" v-model="data"></lay-textarea>
|
|
</template>
|
|
|
|
<script>
|
|
import { ref } from 'vue'
|
|
|
|
export default {
|
|
setup() {
|
|
|
|
const data = ref("内容");
|
|
|
|
return {
|
|
data
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
:::
|
|
|
|
::: demo
|
|
|
|
<template>
|
|
<lay-switch v-model="active"></lay-switch>
|
|
</template>
|
|
|
|
<script>
|
|
import { ref } from 'vue'
|
|
|
|
export default {
|
|
setup() {
|
|
|
|
const active = ref(true);
|
|
|
|
return {
|
|
active
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
:::
|
|
|
|
::: demo
|
|
|
|
<template>
|
|
<lay-switch v-model="active" disabled></lay-switch>
|
|
</template>
|
|
|
|
<script>
|
|
import { ref } from 'vue'
|
|
|
|
export default {
|
|
setup() {
|
|
|
|
const active = ref(true);
|
|
|
|
return {
|
|
active
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
:::
|
|
|
|
::: demo
|
|
|
|
<template>
|
|
<lay-form>
|
|
<lay-checkbox v-model="checked" label="1">写作</lay-checkbox>
|
|
<lay-checkbox v-model="checked" label="2">画画</lay-checkbox>
|
|
<lay-checkbox v-model="checked" label="3">运动</lay-checkbox>
|
|
</lay-form>
|
|
</template>
|
|
|
|
<script>
|
|
import { ref } from 'vue'
|
|
|
|
export default {
|
|
setup() {
|
|
|
|
const checked = ref(['1','2']);
|
|
|
|
return {
|
|
checked
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
:::
|
|
|
|
::: demo
|
|
|
|
<template>
|
|
<lay-form>
|
|
<lay-checkbox name="like" skin="primary" v-model="checked" label="1">写作</lay-checkbox>
|
|
<lay-checkbox name="like" skin="primary" v-model="checked" label="2">画画</lay-checkbox>
|
|
<lay-checkbox name="like" skin="primary" v-model="checked" label="3">运动</lay-checkbox>
|
|
</lay-form>
|
|
</template>
|
|
|
|
<script>
|
|
import { ref } from 'vue'
|
|
|
|
export default {
|
|
setup() {
|
|
|
|
const checked = ref(['1','2']);
|
|
|
|
return {
|
|
checked
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
:::
|
|
|
|
::: demo
|
|
|
|
<template>
|
|
<lay-form>
|
|
<lay-radio v-model="selected" name="action" label="1">写作</lay-radio>
|
|
<lay-radio v-model="selected" name="action" label="2">画画</lay-radio>
|
|
<lay-radio v-model="selected" name="action" label="3">运动</lay-radio>
|
|
</lay-form>
|
|
</template>
|
|
|
|
<script>
|
|
import { ref } from 'vue'
|
|
|
|
export default {
|
|
setup() {
|
|
|
|
const selected = ref("1");
|
|
|
|
return {
|
|
selected
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
:::
|
|
|
|
::: demo
|
|
|
|
<template>
|
|
<lay-form>
|
|
<lay-select v-model="select">
|
|
<lay-select-option value="beijing" label="北京"></lay-select-option>
|
|
<lay-select-option value="jinan" label="济南"></lay-select-option>
|
|
</lay-select>
|
|
</lay-form>
|
|
</template>
|
|
|
|
<script>
|
|
import { ref } from 'vue'
|
|
|
|
export default {
|
|
setup() {
|
|
|
|
const select = ref("jinan")
|
|
|
|
return {
|
|
select
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
::: |