🌀(switch): 调整 size 尺寸
This commit is contained in:
		
							parent
							
								
									b21410440a
								
							
						
					
					
						commit
						bef298f77f
					
				@ -11,7 +11,7 @@
 | 
			
		||||
      <lay-input
 | 
			
		||||
        :name="name"
 | 
			
		||||
        :readonly="readonly"
 | 
			
		||||
        v-model="(dateValue as string)"
 | 
			
		||||
        v-model="dateValue"
 | 
			
		||||
        :placeholder="placeholder"
 | 
			
		||||
        prefix-icon="layui-icon-date"
 | 
			
		||||
        :disabled="disabled"
 | 
			
		||||
 | 
			
		||||
@ -1,12 +1,12 @@
 | 
			
		||||
@lg: 28px;
 | 
			
		||||
@lg: 24px;
 | 
			
		||||
@md: 22px;
 | 
			
		||||
@sm: 16px;
 | 
			
		||||
@xs: 13px;
 | 
			
		||||
@sm: 20px;
 | 
			
		||||
@xs: 18px;
 | 
			
		||||
 | 
			
		||||
@lg-min-width: 55px;
 | 
			
		||||
@md-min-width: 35px;
 | 
			
		||||
@sm-min-width: 26px;
 | 
			
		||||
@xs-min-width: 20px;
 | 
			
		||||
@lg-min-width: 42px;
 | 
			
		||||
@md-min-width: 37px;
 | 
			
		||||
@sm-min-width: 32px;
 | 
			
		||||
@xs-min-width: 27px;
 | 
			
		||||
 | 
			
		||||
.set-size(@size, @min-width) {
 | 
			
		||||
  & {
 | 
			
		||||
 | 
			
		||||
@ -130,5 +130,5 @@ watch(
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
<template>
 | 
			
		||||
    <slot></slot>
 | 
			
		||||
  <slot></slot>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
@ -49,7 +49,7 @@ import { ref } from 'vue'
 | 
			
		||||
export default {
 | 
			
		||||
  setup() {
 | 
			
		||||
 | 
			
		||||
   const endTime2 = ref("2022-03-04 17:35:00");
 | 
			
		||||
   const endTime2 = ref("2022-06-04 17:35:00");
 | 
			
		||||
 | 
			
		||||
    return {
 | 
			
		||||
      endTime2
 | 
			
		||||
 | 
			
		||||
@ -29,6 +29,7 @@
 | 
			
		||||
          <li>[新增] date-picker 组件 年月日 范围选择, 重构代码。</li>
 | 
			
		||||
          <li>[新增] date-picker 组件 allow-clear 属性, 开启内容清空操作。</li>
 | 
			
		||||
          <li>[新增] date-picker 组件 readonly 属性, 开启只读模式。</li>
 | 
			
		||||
          <li>[新增] switch 组件 size 属性, 用于设置 switch 尺寸。</li>
 | 
			
		||||
          <li>[修复] date-picker 组件 modelValue 属性, 空值报错。</li>
 | 
			
		||||
          <li>[修复] input-number 组件 size 属性, lg md sm xs 为可选值。</li>
 | 
			
		||||
          <li>[修复] input-number 组件 size 属性, 默认值为 md。</li>
 | 
			
		||||
 | 
			
		||||
@ -347,4 +347,4 @@ body {
 | 
			
		||||
  font-size: 13.6px;
 | 
			
		||||
  background: #f9f9f9;
 | 
			
		||||
}
 | 
			
		||||
</style>
 | 
			
		||||
</style>
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user