|
|
|
@ -44,17 +44,28 @@ let data = reactive({ |
|
|
|
|
|
|
|
</script> |
|
|
|
<style lang="less" scoped> |
|
|
|
/*.footer_nav{*/ |
|
|
|
/* height: 50px;*/ |
|
|
|
/* padding-bottom: constant(safe-area-inset-bottom);*/ |
|
|
|
/* padding-bottom: env(safe-area-inset-bottom);*/ |
|
|
|
/* box-sizing: content-box;*/ |
|
|
|
/* background-color: #fff;*/ |
|
|
|
/* !*box-shadow: 0 0 0.27rem #e5e5e5;*!*/ |
|
|
|
/* .footer-bar{*/ |
|
|
|
/* position: absolute;*/ |
|
|
|
/* bottom: constant(safe-area-inset-bottom);*/ |
|
|
|
/* bottom: env(safe-area-inset-bottom);*/ |
|
|
|
/* }*/ |
|
|
|
/*}*/ |
|
|
|
|
|
|
|
|
|
|
|
.footer_nav{ |
|
|
|
height: 50px; |
|
|
|
padding-bottom: constant(safe-area-inset-bottom); |
|
|
|
padding-bottom: env(safe-area-inset-bottom); |
|
|
|
box-sizing: content-box; |
|
|
|
height: 2.0rem; |
|
|
|
background-color: #fff; |
|
|
|
/*box-shadow: 0 0 0.27rem #e5e5e5;*/ |
|
|
|
.footer-bar{ |
|
|
|
position: absolute; |
|
|
|
bottom: constant(safe-area-inset-bottom); |
|
|
|
bottom: env(safe-area-inset-bottom); |
|
|
|
/*bottom: 0.6rem;*/ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|