| | |
| | | v-if="hasLinearBg" |
| | | class="page-layout-linear-bg" |
| | | :style="{ |
| | | height: Taro.pxTransform(props.linearBgHeight), |
| | | height: '100%', |
| | | }" |
| | | ></div> |
| | | </slot> |
| | |
| | | import { useSystemStore } from '@/stores/modules/system'; |
| | | import Taro from '@tarojs/taro'; |
| | | import { TabBarPageRouter } from '@/constants'; |
| | | import { useAuth } from '@/hooks'; |
| | | import { useAuth, useTabRouteEnhance } from '@/hooks'; |
| | | import { Portal } from 'senin-mini/components'; |
| | | import { usePickProps } from 'senin-mini/hooks'; |
| | | import { isWeb, isInAlipay, isInWeChat } from '@/utils/env'; |
| | |
| | | |
| | | setPageTitle(props.title); |
| | | |
| | | useTabRouteEnhance(); |
| | | |
| | | const _commonNavigationBarProps = usePickProps(props, commonNavigationBarProps); |
| | | |
| | | const _showNavigationBar = computed(() => { |
| | | if (props.showNavigationBar) { |
| | | if (isWeb) { |
| | | return !isInAlipay && !isInWeChat; |
| | | } |
| | | // if (isWeb) { |
| | | // return !isInAlipay && !isInWeChat; |
| | | // } |
| | | return true; |
| | | } else { |
| | | return false; |
| | |
| | | @import '@/styles/common.scss'; |
| | | |
| | | .page-layout-wrapper { |
| | | // background-color: $body-background-color; |
| | | /* background-color: $body-background-color; */ |
| | | |
| | | .page-layout-scroll-view-wrapper { |
| | | display: flex; |
| | |
| | | top: 0; |
| | | left: 0; |
| | | width: 100%; |
| | | background: linear-gradient( |
| | | 180deg, |
| | | boleGetCssVar('color', 'primary') 0%, |
| | | #5a86f6 56%, |
| | | #f9f9fb 100% |
| | | ); |
| | | filter: blur(0px); |
| | | background: linear-gradient(180deg, #7cd0ff 0%, rgba(255, 255, 255, 0) 43%, #ffffff 100%); |
| | | border-radius: 0px 0px 20px 20px; |
| | | } |
| | | |