打印/下载
参数
Vue案例
小程序案例

参数

  • immersed: (Boolean) 是否沉浸式
  • header: (Boolean) 是否隐藏头部
  • color: (String) 头部文字颜色
  • bgColor: (String) 头部背景颜色

引入

import PageView from '@/components/page-view'
Vue.component('page-view',PageView);

Html

<page-view
  v-show="tabBar.active==0"
  :immersed="true"
  :header="true"
  color="#282828"
  bgColor="#FFF"
>
  <div slot="left">头部左侧</div>
  <div slot="right">头部右侧</div>
  <div slot="title">标题</div>
  <div slot="body" class="nav_body">
    中间内容
  </div>
</page-view>

JavaScript

export default {
  data(){
    return {
      tabBar: {active:0},
    }
  },
}

引入

{
  "usingComponents": {
    "page-view": "/components/page-view/index",
  },
  "navigationStyle": "custom"
}

Html

<page-view
  hidden="tabBar.active==0"
  immersed="true"
  header="true"
  color="#282828"
  bgColor="#FFF"
>
  <view slot="left">头部左侧</view>
  <view slot="right">头部右侧</view>
  <view slot="title">标题</view>
  <view slot="body" class="nav_body">
    中间内容
  </view>
</page-view>

JavaScript

import store from '../../store'
import create from '../../libray/store/create'

create(store,{
  data:{
    tabBar: {active:0},
  },
});
{{copy}}