|
|
@@ -32,7 +32,7 @@ export default defineComponent({
|
|
|
background: 'rgba(55, 205, 177, 0)',
|
|
|
headColor: '#fff',
|
|
|
height: 'auto' as any,
|
|
|
-
|
|
|
+ backIconColor: 'white'
|
|
|
}
|
|
|
},
|
|
|
async created() {},
|
|
|
@@ -48,9 +48,11 @@ export default defineComponent({
|
|
|
if (y.value > 50) {
|
|
|
this.headColor = '#000'
|
|
|
this.background = '#fff'
|
|
|
+ this.backIconColor = 'black'
|
|
|
} else {
|
|
|
this.background = 'transparent'
|
|
|
this.headColor = '#fff'
|
|
|
+ this.backIconColor = 'white'
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
@@ -74,7 +76,7 @@ export default defineComponent({
|
|
|
background={this.background}
|
|
|
border={false}
|
|
|
color={this.headColor}
|
|
|
- backIconColor="white"
|
|
|
+ backIconColor={this.backIconColor as any}
|
|
|
onHeaderBack={() => {
|
|
|
this.$nextTick(() => {
|
|
|
const { height } = useRect((this as any).$refs.headers)
|
