You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.1 KiB
46 lines
1.1 KiB
<template> |
|
<view class="page"> |
|
<page-head :title="title"></page-head> |
|
<view class="uni-padding-wrap"> |
|
<view class="uni-helllo-text"> |
|
本页标题栏是uni-app的默认配置，开发者可在pages.json里配置文字内容及标题颜色，也可通过api接口将其改变。 |
|
</view> |
|
<view class="uni-btn-v"> |
|
<button type="default" @click="setText">改变标题栏文字</button> |
|
<!-- #ifndef MP-TOUTIAO --> |
|
<button type="primary" @click="setBg">改变标题栏颜色</button> |
|
<!-- #endif --> |
|
</view> |
|
</view> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
data() { |
|
return { |
|
title: 'nav-default', |
|
hasSetText:false, |
|
hasSetBg:false |
|
} |
|
}, |
|
methods: { |
|
setText() { |
|
this.hasSetText = !this.hasSetText; |
|
uni.setNavigationBarTitle({ |
|
title: this.hasSetText ? "Hello uni-app" : "默认导航栏" |
|
}) |
|
}, |
|
setBg() { |
|
this.hasSetBg = !this.hasSetBg; |
|
uni.setNavigationBarColor({ |
|
frontColor: this.hasSetBg ? "#ffffff" : "#000000", |
|
backgroundColor: this.hasSetBg ? "#007AFF" : "#F8F8F8" |
|
}) |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style> |
|
</style>
|
|
|