@@ -82,118 +80,118 @@
diff --git a/src/module/input/index.vue b/src/module/input/index.vue
index 381b9a7e..673e003a 100644
--- a/src/module/input/index.vue
+++ b/src/module/input/index.vue
@@ -41,5 +41,4 @@ const onFocus = function (event: FocusEvent) {
const onBlur = function () {
emit("blur");
};
-
diff --git a/src/module/inputNumber/index.less b/src/module/inputNumber/index.less
index 02942be5..62d9657a 100644
--- a/src/module/inputNumber/index.less
+++ b/src/module/inputNumber/index.less
@@ -13,11 +13,11 @@
@xs-wdith: 120px;
@xs-right: 12px;
-.set-size(@width, @size, @right-size){
- &{
+.set-size(@width, @size, @right-size) {
+ & {
height: @size;
width: @width;
- .layui-input{
+ .layui-input {
height: @size;
line-height: @size;
padding: 0 @size;
@@ -27,22 +27,22 @@
height: @size;
line-height: @size;
}
- &[position=right]{
- .layui-input{
+ &[position="right"] {
+ .layui-input {
padding: 0 @size 0 0;
}
.layui-control-btn {
height: @right-size;
line-height: @right-size;
}
- .layui-subtraction-btn{
+ .layui-subtraction-btn {
top: @right-size - 1;
}
}
}
}
-.layui-input-number{
+.layui-input-number {
position: relative;
display: inline-block;
box-sizing: border-box;
@@ -52,7 +52,7 @@
overflow: hidden;
.set-size(@lg-wdith, @lg, @lg-right);
margin-left: 5px;
- .layui-input{
+ .layui-input {
text-align: center;
border: 0;
}
@@ -66,17 +66,17 @@
padding: 0;
text-align: center;
top: 0;
- &:hover{
+ &:hover {
color: @hover-border-color;
}
- &.layui-subtraction-btn{
+ &.layui-subtraction-btn {
border-right-width: 1px;
}
- &.layui-addition-btn{
+ &.layui-addition-btn {
border-left-width: 1px;
right: 0;
}
- .layui-icon{
+ .layui-icon {
padding: 0px;
}
}
@@ -87,31 +87,30 @@
}
/* 火狐--去掉自带的控制按钮 */
- input.layui-input[type="number"]{
+ input.layui-input[type="number"] {
-moz-appearance: textfield;
}
- &[position=right]{
- .layui-subtraction-btn{
+ &[position="right"] {
+ .layui-subtraction-btn {
right: 0;
border-right-width: 0px;
border-left-width: 1px;
}
- .layui-addition-btn{
+ .layui-addition-btn {
border-bottom-width: 1px;
}
}
- &[size=md] {
- .set-size(@md-wdith,@md, @md-right)
+ &[size="md"] {
+ .set-size(@md-wdith,@md, @md-right);
}
- &[size=sm] {
- .set-size(@sm-wdith, @sm, @sm-right)
+ &[size="sm"] {
+ .set-size(@sm-wdith, @sm, @sm-right);
}
- &[size=xs] {
- .set-size(@xs-wdith, @xs, @xs-right)
+ &[size="xs"] {
+ .set-size(@xs-wdith, @xs, @xs-right);
}
-
-}
\ No newline at end of file
+}
diff --git a/src/module/inputNumber/index.vue b/src/module/inputNumber/index.vue
index ebcb207b..455ba803 100644
--- a/src/module/inputNumber/index.vue
+++ b/src/module/inputNumber/index.vue
@@ -9,7 +9,11 @@
:disabled="minControl"
class="layui-control-btn layui-subtraction-btn"
>
-
+
-
+
diff --git a/src/module/menuChildItem/index.vue b/src/module/menuChildItem/index.vue
index 789cd2c0..ebae31d8 100644
--- a/src/module/menuChildItem/index.vue
+++ b/src/module/menuChildItem/index.vue
@@ -2,25 +2,24 @@
- {{title}}
+ {{ title }}
diff --git a/src/module/menuItem/index.vue b/src/module/menuItem/index.vue
index daea052e..66eb2589 100644
--- a/src/module/menuItem/index.vue
+++ b/src/module/menuItem/index.vue
@@ -33,29 +33,27 @@
diff --git a/src/module/page/index.vue b/src/module/page/index.vue
index 229e67d9..bd115f27 100644
--- a/src/module/page/index.vue
+++ b/src/module/page/index.vue
@@ -53,25 +53,25 @@
diff --git a/src/module/panel/index.less b/src/module/panel/index.less
index aa81d381..145f113b 100644
--- a/src/module/panel/index.less
+++ b/src/module/panel/index.less
@@ -1,7 +1,7 @@
.layui-panel {
- border-width: 1px;
- border-style: solid;
- border-radius: 2px;
- background-color: #fff;
- color: #666;
-}
\ No newline at end of file
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 2px;
+ background-color: #fff;
+ color: #666;
+}
diff --git a/src/module/panel/index.vue b/src/module/panel/index.vue
index 691cb870..062d9126 100644
--- a/src/module/panel/index.vue
+++ b/src/module/panel/index.vue
@@ -1,15 +1,15 @@
-
\ No newline at end of file
+
diff --git a/src/module/popper/index.vue b/src/module/popper/index.vue
index 8b9a527f..3e24f07b 100644
--- a/src/module/popper/index.vue
+++ b/src/module/popper/index.vue
@@ -1,105 +1,132 @@
-
-
-
+
+
+
{{ content.value }}
+
+
\ No newline at end of file
+// 计算位置显示
+const showPosistion = function () {
+ postionFns[tempPosition.value] &&
+ (style.value = postionFns[tempPosition.value](
+ props.el,
+ popper.value,
+ innnerPosition
+ ));
+};
+const invokeShowPosistion = function () {
+ if (innerVisible.value) {
+ popper.value.offsetWidth === 0
+ ? setTimeout(showPosistion, 0)
+ : showPosistion();
+ // 延时确保计算位置正确
+ setTimeout(() => innerVisible.value && showPosistion(), 2);
+ }
+};
+onMounted(() => {
+ invokeShowPosistion();
+});
+
diff --git a/src/module/progress/index.vue b/src/module/progress/index.vue
index aa0e8a34..d7ab69de 100644
--- a/src/module/progress/index.vue
+++ b/src/module/progress/index.vue
@@ -38,4 +38,4 @@ const styles = computed(() => {