@mpxjs/webpack-plugin 2.10.3-beta.13 → 2.10.3-beta.14
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.
|
@@ -123,38 +123,28 @@ export default {
|
|
|
123
123
|
]
|
|
124
124
|
|
|
125
125
|
// top-level wrapper: contains fixed titlebar and page content wrapper
|
|
126
|
-
return h('
|
|
127
|
-
h('div', {
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
h('div', { class: 'mpx-titlebar__center' }, centerChildren),
|
|
137
|
-
h('div', { class: 'mpx-titlebar__right' }, [])
|
|
138
|
-
])
|
|
126
|
+
return h('div', { class: 'page-wrapper' }, [
|
|
127
|
+
h('div', {
|
|
128
|
+
class: ['mpx-titlebar', { 'mpx-titlebar--hidden': this.hidden }],
|
|
129
|
+
style: this.rootStyle
|
|
130
|
+
}, [
|
|
131
|
+
h('div', { class: 'mpx-titlebar__safe', style: this.safeStyle }, [
|
|
132
|
+
h('div', { class: 'mpx-titlebar__inner', style: this.innerStyle }, [
|
|
133
|
+
h('div', { class: 'mpx-titlebar__left', on: { click: this.onLeftClick } }, leftChildren),
|
|
134
|
+
h('div', { class: 'mpx-titlebar__center' }, centerChildren),
|
|
135
|
+
h('div', { class: 'mpx-titlebar__right' }, [])
|
|
139
136
|
])
|
|
140
|
-
]),
|
|
141
|
-
|
|
142
|
-
// page content wrapper: default slot is page content
|
|
143
|
-
h('div', { class: 'mpx-titlebar__content' }, [
|
|
144
|
-
h('div', { class: 'mpx-titlebar__scroll' }, this.$slots.default || [])
|
|
145
137
|
])
|
|
146
|
-
])
|
|
138
|
+
]),
|
|
139
|
+
h('page', {}, [ this.$slots.default ])
|
|
147
140
|
])
|
|
148
|
-
|
|
149
141
|
}
|
|
150
142
|
}
|
|
151
143
|
</script>
|
|
152
144
|
|
|
153
145
|
<style scoped>
|
|
154
|
-
.
|
|
155
|
-
|
|
156
|
-
box-sizing: border-box;
|
|
157
|
-
-webkit-font-smoothing: antialiased;
|
|
146
|
+
.page-wrapper {
|
|
147
|
+
padding-top: calc(env(safe-area-inset-top, 0px) + 44px);
|
|
158
148
|
}
|
|
159
149
|
.mpx-titlebar--hidden {
|
|
160
150
|
display: none;
|
|
@@ -202,17 +192,17 @@ export default {
|
|
|
202
192
|
cursor: pointer;
|
|
203
193
|
}
|
|
204
194
|
|
|
205
|
-
/* wrapper and content layout */
|
|
206
|
-
.mpx-titlebar-wrapper {
|
|
207
|
-
position: relative;
|
|
208
|
-
width: 100vw;
|
|
209
|
-
height: 100vh;
|
|
210
|
-
display: flex;
|
|
211
|
-
flex-direction: column;
|
|
212
|
-
}
|
|
213
|
-
|
|
214
195
|
.mpx-titlebar {
|
|
215
|
-
flex-shrink: 0;
|
|
196
|
+
/* flex-shrink: 0; */
|
|
197
|
+
height: calc(env(safe-area-inset-top, 0px) + 44px);
|
|
198
|
+
width: 100%;
|
|
199
|
+
box-sizing: border-box;
|
|
200
|
+
-webkit-font-smoothing: antialiased;
|
|
201
|
+
position: fixed;
|
|
202
|
+
top: 0;
|
|
203
|
+
left: 0;
|
|
204
|
+
right: 0;
|
|
205
|
+
z-index: 99999;
|
|
216
206
|
}
|
|
217
207
|
|
|
218
208
|
.mpx-titlebar__content {
|