fix(weixin): 修复小程序不能使用v-bind()的BUG
This commit is contained in:
parent
2ddde4aaeb
commit
0058be3dde
@ -54,6 +54,7 @@
|
|||||||
"setting": {
|
"setting": {
|
||||||
"urlCheck": false
|
"urlCheck": false
|
||||||
},
|
},
|
||||||
|
"styleIsolation": "shared",
|
||||||
"usingComponents": true
|
"usingComponents": true
|
||||||
},
|
},
|
||||||
"mp-alipay": {
|
"mp-alipay": {
|
||||||
|
@ -17,6 +17,14 @@ import { useCountStore } from '@/store/count'
|
|||||||
|
|
||||||
const countStore = useCountStore()
|
const countStore = useCountStore()
|
||||||
const title = ref('Hello')
|
const title = ref('Hello')
|
||||||
|
|
||||||
|
// 获取屏幕边界到安全区域距离
|
||||||
|
const { safeAreaInsets } = uni.getSystemInfoSync()
|
||||||
|
console.log(safeAreaInsets)
|
||||||
|
const rect = {
|
||||||
|
top: `${safeAreaInsets.top}px`,
|
||||||
|
bottom: `${safeAreaInsets.bottom}px`,
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
@ -25,6 +33,7 @@ const title = ref('Hello')
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
padding-top: v-bind('rect.top');
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user