|
@@ -41,35 +41,38 @@ export default defineComponent({
|
|
|
const item: any = this.list[0]
|
|
|
this.selectItem = item
|
|
|
}
|
|
|
- useEventListener(document, 'scroll', evt => {
|
|
|
- const { y } = useWindowScroll()
|
|
|
- if (y.value > 30) {
|
|
|
- this.background = '#fff'
|
|
|
- this.color = '#333'
|
|
|
- postMessage({
|
|
|
- api: 'backIconChange',
|
|
|
- content: { iconStyle: 'black' }
|
|
|
- })
|
|
|
- } else {
|
|
|
- this.background = 'transparent'
|
|
|
- this.color = '#fff'
|
|
|
- postMessage({
|
|
|
- api: 'backIconChange',
|
|
|
- content: { iconStyle: 'white' }
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
+ document.addEventListener('scroll', this.scrollInit, false)
|
|
|
} catch {}
|
|
|
},
|
|
|
unmounted() {
|
|
|
this.background = '#fff'
|
|
|
this.color = '#333'
|
|
|
+ // this.documentDom = document.body as any
|
|
|
postMessage({
|
|
|
api: 'backIconChange',
|
|
|
content: { iconStyle: 'black' }
|
|
|
})
|
|
|
+ document.removeEventListener('scroll', this.scrollInit)
|
|
|
},
|
|
|
methods: {
|
|
|
+ scrollInit() {
|
|
|
+ const { y } = useWindowScroll()
|
|
|
+ if (y.value > 30) {
|
|
|
+ this.background = '#fff'
|
|
|
+ this.color = '#333'
|
|
|
+ postMessage({
|
|
|
+ api: 'backIconChange',
|
|
|
+ content: { iconStyle: 'black' }
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.background = 'transparent'
|
|
|
+ this.color = '#fff'
|
|
|
+ postMessage({
|
|
|
+ api: 'backIconChange',
|
|
|
+ content: { iconStyle: 'white' }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
async _init() {
|
|
|
try {
|
|
|
const res = await request.get(
|