@fonixtree/magic-design 0.1.10 → 0.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -455,7 +455,11 @@ function (_super) {
455
455
  }, data.home.allCategory.open && /*#__PURE__*/_react["default"].createElement("div", {
456
456
  className: "menu-wrap",
457
457
  onMouseEnter: this.mouseEnterBtn,
458
- onMouseLeave: this.mouseLeaveBtn
458
+ onMouseLeave: this.mouseLeaveBtn,
459
+ style: {
460
+ padding: 3 + data.spacing.pc.paddingBottom + "px 0",
461
+ margin: -(3 + data.spacing.pc.paddingBottom) + "px 44px " + -(3 + data.spacing.pc.paddingBottom) + "px 0"
462
+ }
459
463
  }, /*#__PURE__*/_react["default"].createElement("a", {
460
464
  className: "menu-drop"
461
465
  }, data.home.allCategory.iconUrl && /*#__PURE__*/_react["default"].createElement("img", {
@@ -465,10 +469,7 @@ function (_super) {
465
469
  className: "all-category",
466
470
  data: data.home.allCategory
467
471
  })), /*#__PURE__*/_react["default"].createElement("div", {
468
- className: "category",
469
- style: {
470
- bottom: -("" + data.spacing.pc.paddingBottom)
471
- }
472
+ className: "category"
472
473
  }, list.map(function (arrItem, index) {
473
474
  return _this.renderMenuList(arrItem, index);
474
475
  }))), /*#__PURE__*/_react["default"].createElement("div", {
@@ -7,8 +7,8 @@
7
7
  display: flex;
8
8
  align-items: center;
9
9
  min-width: 130px;
10
- margin-right: 44px;
11
-
10
+ // padding: 40px 0;
11
+ // margin: -40px 44px -40px 0;
12
12
  &:hover {
13
13
  @keyframes show-active{
14
14
  0% {
@@ -59,7 +59,7 @@
59
59
  position: absolute;
60
60
  z-index: 9999;
61
61
  left: 0;
62
- // bottom: 0;
62
+ bottom: 3px;
63
63
  transform: translateY(100%);
64
64
  // :global {
65
65
  .cate-wrap {
@@ -455,7 +455,11 @@ function (_super) {
455
455
  }, data.home.allCategory.open && /*#__PURE__*/_react["default"].createElement("div", {
456
456
  className: "menu-wrap",
457
457
  onMouseEnter: this.mouseEnterBtn,
458
- onMouseLeave: this.mouseLeaveBtn
458
+ onMouseLeave: this.mouseLeaveBtn,
459
+ style: {
460
+ padding: 3 + data.spacing.pc.paddingBottom + "px 0",
461
+ margin: -(3 + data.spacing.pc.paddingBottom) + "px 44px " + -(3 + data.spacing.pc.paddingBottom) + "px 0"
462
+ }
459
463
  }, /*#__PURE__*/_react["default"].createElement("a", {
460
464
  className: "menu-drop"
461
465
  }, data.home.allCategory.iconUrl && /*#__PURE__*/_react["default"].createElement("img", {
@@ -465,10 +469,7 @@ function (_super) {
465
469
  className: "all-category",
466
470
  data: data.home.allCategory
467
471
  })), /*#__PURE__*/_react["default"].createElement("div", {
468
- className: "category",
469
- style: {
470
- bottom: -("" + data.spacing.pc.paddingBottom)
471
- }
472
+ className: "category"
472
473
  }, list.map(function (arrItem, index) {
473
474
  return _this.renderMenuList(arrItem, index);
474
475
  }))), /*#__PURE__*/_react["default"].createElement("div", {
@@ -7,8 +7,8 @@
7
7
  display: flex;
8
8
  align-items: center;
9
9
  min-width: 130px;
10
- margin-right: 44px;
11
-
10
+ // padding: 40px 0;
11
+ // margin: -40px 44px -40px 0;
12
12
  &:hover {
13
13
  @keyframes show-active{
14
14
  0% {
@@ -59,7 +59,7 @@
59
59
  position: absolute;
60
60
  z-index: 9999;
61
61
  left: 0;
62
- // bottom: 0;
62
+ bottom: 3px;
63
63
  transform: translateY(100%);
64
64
  // :global {
65
65
  .cate-wrap {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fonixtree/magic-design",
3
3
  "author": "Cylon Team",
4
- "version": "0.1.10",
4
+ "version": "0.1.12",
5
5
  "description": "Magic Design",
6
6
  "license": "MIT",
7
7
  "module": "es/index.js",