(component): 增加 select-option 默认高度

This commit is contained in:
就眠儀式 2022-11-07 22:05:13 +08:00
parent 9f01bd84fa
commit bf111d3e9c
4 changed files with 6 additions and 5 deletions

View File

@ -1,7 +1,7 @@
<template>
<div class="lay-page-header">
<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>
<div class="lay-page-header__content">
@ -28,7 +28,7 @@ export interface PageHeaderProps {
const props = withDefaults(defineProps<PageHeaderProps>(), {
content: "",
backText: "返回",
backIcon: "layui-icon-return"
backIcon: "layui-icon-return",
});
const emits = defineEmits(["back"]);

View File

@ -37,6 +37,7 @@
.layui-select-content .layui-select-option {
padding: 0 10px;
line-height: 36px;
height: 36px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

View File

@ -12,7 +12,7 @@ import {
inject,
WritableComputedRef,
Ref,
onMounted
onMounted,
} from "vue";
export interface SelectOptionProps {

View File

@ -120,12 +120,12 @@ export default {
<lay-select v-model="value3" :show-search="true" @search="search">
<lay-select-option value="1" 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 v-model="value4" :show-search="true" :multiple="true">
<lay-select-option value="1" 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-space>
</template>