@gm-pc/react 1.8.4-alpha.0 → 1.8.5-alpha.0

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.
Files changed (4) hide show
  1. package/package.json +3 -3
  2. package/src/component/nav/nav.tsx +1 -1
  3. package/src/component/nav/nav_item.tsx +1 -0
  4. package/src/component/nav/style.less +31 -25
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gm-pc/react",
3
- "version": "1.8.4-alpha.0",
3
+ "version": "1.8.5-alpha.0",
4
4
  "description": "观麦前端基础组件库",
5
5
  "author": "liyatang <liyatang@qq.com>",
6
6
  "homepage": "https://github.com/gmfe/gm-pc#readme",
@@ -24,7 +24,7 @@
24
24
  "dependencies": {
25
25
  "@gm-common/hooks": "^2.10.0",
26
26
  "@gm-common/tool": "^2.10.0",
27
- "@gm-pc/locales": "^1.8.4-alpha.0",
27
+ "@gm-pc/locales": "^1.8.5-alpha.0",
28
28
  "big.js": "^6.0.1",
29
29
  "classnames": "^2.2.5",
30
30
  "lodash": "^4.17.19",
@@ -46,5 +46,5 @@
46
46
  "react-dom": "^16.14.0",
47
47
  "react-window": "^1.8.5"
48
48
  },
49
- "gitHead": "d8a13654720a0861262f24e4da4c3f2fa6c67e98"
49
+ "gitHead": "6ea1315d78c7ab347c194f4ef5eaa9f51092f896"
50
50
  }
package/src/component/nav/nav.tsx CHANGED
@@ -91,7 +91,7 @@ const Nav: FC<NavProps> = ({
91
91
  ))}
92
92
  {other}
93
93
  </Flex>
94
- <div className='gm-nav-footer-iot'>
94
+ <div className={footerConfig && footerConfig.length > 0 ? 'gm-nav-footer-iot' : ''}>
95
95
  {footerConfig?.map((item) => (
96
96
  <NavItem
97
97
  key={item.link}
package/src/component/nav/nav_item.tsx CHANGED
@@ -69,6 +69,7 @@ const NavItem: FC<NavItemProps> = ({
69
69
  >
70
70
  <span className='gm-nav-one-icon'>{iconE}</span>
71
71
  <span className='gm-nav-one-text'>{name}</span>
72
+ <i className='gm-nav-one-arrow' />
72
73
  </A>
73
74
  )}
74
75
 
package/src/component/nav/style.less CHANGED
@@ -40,7 +40,7 @@
40
40
 
41
41
  .gm-nav-one-icon {
42
42
  margin-right: 10px;
43
- font-size: 18px;
43
+ font-size: 20px;
44
44
  line-height: 1;
45
45
  }
46
46
 
@@ -48,18 +48,33 @@
48
48
  font-size: 16px;
49
49
  }
50
50
 
51
- &::after {
52
- content: '';
51
+ .gm-nav-one-arrow {
53
52
  position: absolute;
54
- right: 20px;
55
- top: 23px;
56
- height: 7px;
57
- width: 7px;
58
- border: 1px solid #fff;
59
- opacity: 0.36;
60
- border-top: none;
61
- border-left: none;
62
- transform: rotate(-45deg);
53
+ top: 25px;
54
+ right: 16px;
55
+ width: 10px;
56
+ color: rgba(0, 0, 0, 0.85);
57
+ transform: rotate(-90deg);
58
+
59
+ &::before {
60
+ content: '';
61
+ position: absolute;
62
+ width: 6px;
63
+ height: 1.5px;
64
+ background-color: #fff;
65
+ border-radius: 2px;
66
+ transform: rotate(-45deg) translateX(2.5px);
67
+ }
68
+
69
+ &::after {
70
+ content: '';
71
+ position: absolute;
72
+ width: 6px;
73
+ height: 1.5px;
74
+ background-color: #fff;
75
+ border-radius: 2px;
76
+ transform: rotate(45deg) translateX(-2.5px);
77
+ }
63
78
  }
64
79
  }
65
80
 
@@ -197,23 +212,14 @@
197
212
  border-radius: 4px;
198
213
  padding-left: 12px;
199
214
 
200
- &::after {
201
- content: '';
202
- position: absolute;
203
- right: 12px;
204
- top: 14px;
205
- height: 7px;
206
- width: 7px;
207
- border: 1px solid #fff;
208
- opacity: 1;
209
- border-top: none;
210
- border-left: none;
211
- transform: rotate(-45deg);
215
+ .gm-nav-one-arrow {
216
+ right: 8px;
217
+ top: 20px;
212
218
  }
213
219
  }
214
220
 
215
221
  .gm-nav-one-triangle {
216
- display: block;
222
+ display: none;
217
223
  }
218
224
  }
219
225
  }