|
@@ -1,3 +1,4 @@
|
|
|
|
+import OHeader from '@/components/o-header'
|
|
import OSticky from '@/components/o-sticky'
|
|
import OSticky from '@/components/o-sticky'
|
|
import { useRect } from '@vant/use'
|
|
import { useRect } from '@vant/use'
|
|
import { Cell, CellGroup, Image, Tab, Tabs } from 'vant'
|
|
import { Cell, CellGroup, Image, Tab, Tabs } from 'vant'
|
|
@@ -15,7 +16,8 @@ export default defineComponent({
|
|
const tabs = sessionStorage.getItem('tradeRecordTabs')
|
|
const tabs = sessionStorage.getItem('tradeRecordTabs')
|
|
const state = reactive({
|
|
const state = reactive({
|
|
tabValue: (route.query.tab || tabs || 'wait_pay') as 'wait_pay' | 'paid' | 'refund',
|
|
tabValue: (route.query.tab || tabs || 'wait_pay') as 'wait_pay' | 'paid' | 'refund',
|
|
- height: 50
|
|
|
|
|
|
+ height: 50,
|
|
|
|
+ headerHeight: 0
|
|
})
|
|
})
|
|
const tabsRef = ref()
|
|
const tabsRef = ref()
|
|
|
|
|
|
@@ -25,13 +27,22 @@ export default defineComponent({
|
|
})
|
|
})
|
|
return () => (
|
|
return () => (
|
|
<div class={styles.tradeRecord}>
|
|
<div class={styles.tradeRecord}>
|
|
|
|
+ <OSticky
|
|
|
|
+ onGetHeight={(val: any) => {
|
|
|
|
+ console.log(val, 'height')
|
|
|
|
+ state.height = state.height + val
|
|
|
|
+ state.headerHeight = val
|
|
|
|
+ }}
|
|
|
|
+ >
|
|
|
|
+ <OHeader />
|
|
|
|
+ </OSticky>
|
|
<Tabs
|
|
<Tabs
|
|
lineWidth={20}
|
|
lineWidth={20}
|
|
lineHeight={4}
|
|
lineHeight={4}
|
|
sticky
|
|
sticky
|
|
animated
|
|
animated
|
|
swipeable
|
|
swipeable
|
|
- offsetTop={0}
|
|
|
|
|
|
+ offsetTop={state.headerHeight}
|
|
v-model:active={state.tabValue}
|
|
v-model:active={state.tabValue}
|
|
onChange={(val: any) => {
|
|
onChange={(val: any) => {
|
|
sessionStorage.setItem('tradeRecordTabs', val)
|
|
sessionStorage.setItem('tradeRecordTabs', val)
|