@liujitcn/kratos-uni-app-core 0.1.2 → 0.1.5

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 (5) hide show
  1. package/package.json +1 -1
  2. package/src/components/KratosNavBar.vue +3 -0
  3. package/src/components/KratosSettingsPage.vue +1 -1
  4. package/src/components/KratosTabBar.vue +10 -11
  5. package/src/styles/theme.scss +2 -0
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "type": "git",
8
8
  "url": "git@github.com:liujitcn/kratos-admin.git"
9
9
  },
10
- "version": "0.1.2",
10
+ "version": "0.1.5",
11
11
  "type": "module",
12
12
  "files": [
13
13
  "dist",
package/src/components/KratosNavBar.vue CHANGED
@@ -123,9 +123,11 @@ function goBack() {
123
123
  border-radius: 24rpx;
124
124
  background: var(--kratos-color-surface);
125
125
  color: var(--kratos-color-text);
126
+ line-height: 0;
126
127
  }
127
128
 
128
129
  .kratos-nav-bar__back::before {
130
+ display: block;
129
131
  width: 16rpx;
130
132
  height: 16rpx;
131
133
  border-left: 2px solid var(--kratos-color-primary);
@@ -149,6 +151,7 @@ function goBack() {
149
151
 
150
152
  .kratos-nav-bar__icon {
151
153
  flex-shrink: 0;
154
+ display: block;
152
155
  width: 34rpx;
153
156
  height: 34rpx;
154
157
  }
package/src/components/KratosSettingsPage.vue CHANGED
@@ -304,7 +304,7 @@ const onLogout = () => {
304
304
  .settings-page {
305
305
  min-height: 100vh;
306
306
  box-sizing: border-box;
307
- padding: 0 20rpx calc(40rpx + env(safe-area-inset-bottom));
307
+ padding: 0 20rpx var(--kratos-tab-bar-space, calc(104rpx + env(safe-area-inset-bottom)));
308
308
  background: var(--kratos-bg-gradient);
309
309
  }
310
310
  .settings-content {
package/src/components/KratosTabBar.vue CHANGED
@@ -89,18 +89,17 @@ const messageBadge = useAppMenuBadge('MESSAGE_INBOX')
89
89
  --kratos-tab-bar-active-color: var(--kratos-color-primary, #28f0d4);
90
90
 
91
91
  position: fixed;
92
- right: 20rpx;
93
- bottom: env(safe-area-inset-bottom);
94
- left: 20rpx;
92
+ right: 0;
93
+ bottom: 0;
94
+ left: 0;
95
95
  z-index: 999;
96
96
  display: flex;
97
97
  box-sizing: border-box;
98
- height: 104rpx;
98
+ height: var(--kratos-tab-bar-space, calc(104rpx + env(safe-area-inset-bottom)));
99
99
  padding: 0 8rpx;
100
- border: 1rpx solid var(--kratos-color-border-accent, rgba(120, 230, 215, 0.16));
101
- border-radius: 30rpx;
102
- background: var(--kratos-dock-bg, rgba(10, 18, 30, 0.72));
103
- box-shadow: 0 12rpx 32rpx rgba(0, 0, 0, 0.2);
100
+ border-top: 1rpx solid var(--kratos-color-border-accent, rgba(120, 230, 215, 0.16));
101
+ background: var(--kratos-color-surface-solid, #070d18);
102
+ box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.12);
104
103
  }
105
104
  .kratos-tab-bar__item {
106
105
  position: relative;
@@ -109,7 +108,7 @@ const messageBadge = useAppMenuBadge('MESSAGE_INBOX')
109
108
  align-items: center;
110
109
  justify-content: center;
111
110
  flex-direction: column;
112
- height: 100%;
111
+ height: 104rpx;
113
112
  padding: 10rpx 0 8rpx;
114
113
  box-sizing: border-box;
115
114
  color: var(--kratos-tab-bar-color);
@@ -153,7 +152,7 @@ const messageBadge = useAppMenuBadge('MESSAGE_INBOX')
153
152
  height: 10rpx;
154
153
  border-right: 2rpx solid var(--kratos-tab-bar-color);
155
154
  border-bottom: 2rpx solid var(--kratos-tab-bar-color);
156
- background: var(--kratos-dock-bg, rgba(10, 18, 30, 0.72));
155
+ background: var(--kratos-color-surface-solid, #070d18);
157
156
  content: '';
158
157
  transform: rotate(45deg);
159
158
  }
@@ -186,7 +185,7 @@ const messageBadge = useAppMenuBadge('MESSAGE_INBOX')
186
185
  width: 16rpx;
187
186
  height: 16rpx;
188
187
  box-sizing: border-box;
189
- border: 2rpx solid var(--kratos-dock-bg, rgba(10, 18, 30, 0.72));
188
+ border: 2rpx solid var(--kratos-color-surface-solid, #070d18);
190
189
  border-radius: 50%;
191
190
  background: var(--kratos-color-danger, #ff4d6d);
192
191
  box-shadow: 0 0 12rpx var(--kratos-color-danger, #ff4d6d);
package/src/styles/theme.scss CHANGED
@@ -29,6 +29,7 @@
29
29
  --kratos-color-track: rgba(255, 255, 255, 0.06);
30
30
  --kratos-color-mask: rgba(2, 6, 12, 0.55);
31
31
  --kratos-dock-bg: rgba(10, 18, 30, 0.72);
32
+ --kratos-tab-bar-space: calc(104rpx + env(safe-area-inset-bottom));
32
33
  --kratos-glow: 0 0 24px rgba(40, 240, 212, 0.35);
33
34
  --kratos-glow-soft: 0 0 40px rgba(40, 240, 212, 0.06);
34
35
  --kratos-font-sans:
@@ -63,6 +64,7 @@
63
64
  --kratos-color-track: #e8eef5;
64
65
  --kratos-color-mask: rgba(16, 34, 50, 0.45);
65
66
  --kratos-dock-bg: rgba(255, 255, 255, 0.82);
67
+ --kratos-tab-bar-space: calc(104rpx + env(safe-area-inset-bottom));
66
68
  --kratos-glow: 0 10px 26px rgba(0, 120, 110, 0.14);
67
69
  --kratos-glow-soft: none;
68
70
  --kratos-font-sans: