(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> <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"]);

View File

@ -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;

View File

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

View File

@ -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>