✨(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…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user