mpvue小程序怎么改变小程序每个页面的导航栏背景颜色、导航栏标题颜色、导航栏标题文字内容、窗口的背景色、是否开启下拉刷新……

原创 2018年04月16日 11:11:49

微信小程序文档里面讲的很明白

每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。 页面的配置比app.json全局配置简单得多,只是设置 app.json 中的 window 配置项的内容,页面中配置项会覆盖 app.json 的 window 中相同的配置项。

{
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "微信接口功能演示",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"
}

但是mpvue怎么写呢?在每个页面里面加上一个json文件,npm run dev之后,json文件消失,导致没法配置,加入json文件是不行的,在这里告诉大家一个方法。mpvue每个配置里面都会有一个main.js,这里可以通过main.js到处配置项……

import Vue from 'vue'
import App from './index'
const app = new Vue(App)
app.$mount()
export default {
  config: {
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "微信接口功能演示",
    "backgroundColor": "#eeeeee",
    "backgroundTextStyle": "light"
  }
}

npm run dev 之后就会生成main.json文件。配置成功

end

微信小程序之设置所有页面背景颜色

在app.wxss中使用 page{ background-color:"#fff"; height:100%; } 这里需要注意的是,page前面没有点。...
  • Iterator_1993
  • Iterator_1993
  • 2017-01-13 13:56:06
  • 20985

微信小程序 --- 子目录json配置无法改变导航栏背景颜色等配置

在这里以改变导航栏背景颜色为例:像app.json这样写你会发现导航栏的背景颜色毫无变化,是因为window属性只在app.json配置文件生效,其他子目录的json配置文件是无法使用window的 ...
  • sinat_19327991
  • sinat_19327991
  • 2017-10-28 16:52:09
  • 487

微信小程序实现控制标题栏背景色

效果如下: 代码实现: 在小程序这一页面的json文件里添加如下代码:{ "navigationBarTitleText": "个人中心", "navigationBarBackgro...
  • Yana_li
  • Yana_li
  • 2017-11-22 17:36:15
  • 2203

设置小程序的状态栏、导航条、标题、窗口背景色[Window]。

window用于设置小程序的状态栏、导航条、标题、窗口背景色。属性类型默认值描述最低版本navigationBarBackgroundColorHexColor#000000导航栏背景颜色,如&quo...
  • dxnn520
  • dxnn520
  • 2018-02-21 12:45:44
  • 448

微信小程序——修改页面背景

(转载)http://blog.csdn.net/wl1769127285/article/details/53690136 修改这个页面的背景只需要在相应页面的wxss页面中添加如下代码: ...
  • zhuhai__yizhi
  • zhuhai__yizhi
  • 2017-08-10 13:27:01
  • 325

微信小程序之页面样式以及背景图片显示问题

一、背景 下面这些都是在开发的过程中,记录下来的笔记。 二、样式及背景图片显示问题 1、修改单个页面的背景色: 在页面的wxss里面加上这句代码: page{ backgro...
  • LJFPHP
  • LJFPHP
  • 2018-02-07 17:57:27
  • 1783

更改状态栏,导航栏颜色的方法

ios上状态栏 就是指的最上面的20像素高的部分 状态栏分前后两部分,要分清这两个概念,后面会用到: 前景部分:就是指的显示电池、时间等部分; 背景部分:就是显示黑色或者图片的背景部分; (一...
  • hd_feng
  • hd_feng
  • 2016-12-14 10:15:22
  • 1071

eclipse导航栏背景颜色修改css

  • 2017年11月02日 15:29
  • 3KB
  • 下载

iOS UINavigationController修改导航栏标题、按钮文字以及背景的颜色

//方法一 //设置显示的颜色 UINavigationBar *bar = [UINavigationBar appearance]; //设置显示的颜色 bar.barTintColor...
  • saw471
  • saw471
  • 2016-08-19 14:02:39
  • 8683

设置导航栏的背景颜色及属性

导航栏的背景属性self.navigationController.navigationBar.barTintColor = [UIColor colorWithRed:0.988 green:0.3...
  • IOSWEB
  • IOSWEB
  • 2016-07-14 10:24:32
  • 870
收藏助手
不良信息举报
您举报文章:mpvue小程序怎么改变小程序每个页面的导航栏背景颜色、导航栏标题颜色、导航栏标题文字内容、窗口的背景色、是否开启下拉刷新……
举报原因:
原因补充:

(最多只允许输入30个字)