✨(component): 增加 select-option 默认高度
This commit is contained in:
parent
9f01bd84fa
commit
bf111d3e9c
@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="lay-page-header">
|
<div class="lay-page-header">
|
||||||
<div class="lay-page-header__left" @click="emits('back')">
|
<div class="lay-page-header__left" @click="emits('back')">
|
||||||
<i class="layui-icon" :class="[ backIcon ]"></i>
|
<i class="layui-icon" :class="[backIcon]"></i>
|
||||||
<div class="lay-page-header__title">{{ backText }}</div>
|
<div class="lay-page-header__title">{{ backText }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="lay-page-header__content">
|
<div class="lay-page-header__content">
|
||||||
@ -28,7 +28,7 @@ export interface PageHeaderProps {
|
|||||||
const props = withDefaults(defineProps<PageHeaderProps>(), {
|
const props = withDefaults(defineProps<PageHeaderProps>(), {
|
||||||
content: "",
|
content: "",
|
||||||
backText: "返回",
|
backText: "返回",
|
||||||
backIcon: "layui-icon-return"
|
backIcon: "layui-icon-return",
|
||||||
});
|
});
|
||||||
|
|
||||||
const emits = defineEmits(["back"]);
|
const emits = defineEmits(["back"]);
|
||||||
|
@ -37,6 +37,7 @@
|
|||||||
.layui-select-content .layui-select-option {
|
.layui-select-content .layui-select-option {
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
line-height: 36px;
|
line-height: 36px;
|
||||||
|
height: 36px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
@ -12,7 +12,7 @@ import {
|
|||||||
inject,
|
inject,
|
||||||
WritableComputedRef,
|
WritableComputedRef,
|
||||||
Ref,
|
Ref,
|
||||||
onMounted
|
onMounted,
|
||||||
} from "vue";
|
} from "vue";
|
||||||
|
|
||||||
export interface SelectOptionProps {
|
export interface SelectOptionProps {
|
||||||
|
@ -120,12 +120,12 @@ export default {
|
|||||||
<lay-select v-model="value3" :show-search="true" @search="search">
|
<lay-select v-model="value3" :show-search="true" @search="search">
|
||||||
<lay-select-option value="1" label="学习"></lay-select-option>
|
<lay-select-option value="1" label="学习"></lay-select-option>
|
||||||
<lay-select-option value="2" label="编码"></lay-select-option>
|
<lay-select-option value="2" label="编码"></lay-select-option>
|
||||||
<lay-select-option value="3" label="运动"></lay-select-option>
|
<lay-select-option value="3" :label="null"></lay-select-option>
|
||||||
</lay-select>
|
</lay-select>
|
||||||
<lay-select v-model="value4" :show-search="true" :multiple="true">
|
<lay-select v-model="value4" :show-search="true" :multiple="true">
|
||||||
<lay-select-option value="1" label="学习"></lay-select-option>
|
<lay-select-option value="1" label="学习"></lay-select-option>
|
||||||
<lay-select-option value="2" label="编码"></lay-select-option>
|
<lay-select-option value="2" label="编码"></lay-select-option>
|
||||||
<lay-select-option value="3" label="运动"></lay-select-option>
|
<lay-select-option value="3" :label="null"></lay-select-option>
|
||||||
</lay-select>
|
</lay-select>
|
||||||
</lay-space>
|
</lay-space>
|
||||||
</template>
|
</template>
|
||||||
|
Loading…
Reference in New Issue
Block a user