零基础学做网站培训介绍

当前位置:

微信小程序window窗口配置方法

以下为学做网站论坛关于“微信小程序window窗口配置方法”讲解视频教程。

课程中微信小程序效果图下载:点此下载效果图

课程里用到的取色器下载链接: https://pan.baidu.com/s/1kTBkXuB 密码: mhv9

这套课程将以一个案例来讲解,小程序开发过程中常用的代码和组件知识 希望同学们可以跟着课程自己动手写代码,完成这个案例,相信对你们学习小程序会有很大的帮助。

首先我们在制作小程序前,需要进行页面配置。

包括导航栏背景颜色 导航栏文字 及文字颜色 在app.json 的 window 中配置。

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

属性 类型 默认值 描述 特别低版本
navigationBarBackgroundColor HexColor #000000 导航栏背景颜色,如 #000000
navigationBarTextStyle string white 导航栏标题颜色,仅支持 black / white
navigationBarTitleText string 导航栏标题文字内容
navigationStyle string default 导航栏样式,仅支持以下值:
default 默认样式
custom 自定义导航栏,只保留右上角胶囊按钮。参见注 2。
微信客户端 6.6.0
backgroundColor HexColor #ffffff 窗口的背景色
backgroundTextStyle string dark 下拉 loading 的样式,仅支持 dark / light
backgroundColorTop string #ffffff 顶部窗口的背景色,仅 iOS 支持 微信客户端 6.5.16
backgroundColorBottom string #ffffff 底部窗口的背景色,仅 iOS 支持 微信客户端 6.5.16
enablePullDownRefresh boolean false 是否开启全局的下拉刷新。
详见 Page.onPullDownRefresh
onReachBottomDistance number 50 页面上拉触底事件触发时距页面底部距离,单位为 px。
详见 Page.onReachBottom
pageOrientation string portrait 屏幕旋转设置,支持 auto / portrait / landscape
详见 响应显示区域变化
2.4.0 (auto) / 2.5.0 (landscape)
  • 注 1:HexColor(十六进制颜色值),如”#ff00ff”
  • 注 2:关于navigationStyle
    • 客户端 7.0.0 以下版本,navigationStyle 只在 app.json 中生效。
    • 客户端 6.7.2 版本开始,navigationStyle: custom 对 web-view 组件无效
    • 开启 custom 后,低版本客户端需要做好兼容。开发者工具基础库版本切到 1.7.0(不代表特别低版本,只供调试用)可方便切到旧视觉

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 如何注册微信小程序 图文教程 (110237 次浏览)
    要发布自己的微信小程序,首先需要在微信公众平台上注册微信小程序。注册步骤 登录“微信公众平台”,如果还没有账号,可以先注册一个。登录地址
  • 微信小程序开发授权 图文教程 (111712 次浏览)
    我们在“微信公众平台”注册好了小程序之后,接下来的工作就是开发微信小程序了。开发微信小程序前,我们需要进行授权。方法/步骤 点击“细致微信
  • 微信小程序制作步骤 图文教程 (111344 次浏览)
    上一步,我们完成了微信小程序的授权。这一步,就是使用我们购买的“微信小程序细致制作工具”,进行小程序的制作了。方法/步骤 点击左侧菜单的“
  • 什么是301重定向301重定向最简单的理解就是,假设你的主机上绑定有 www.xuewangzhan.net, xuewangzhan.net二个域名,当你想输入 xuewangzhan.net域
  • 我们知道wordpress程序可以做很多种类的网站,也比较符合SEO优化排名,所以我们一直推荐大家使用wordpress来建站。可wordpress这个程序要求的网站
  • 问:购买虚拟空间Windows和Linux怎么选择啊!那个好些!答:根据网站程序的不同选择不同的服务器空间,ASP---WINDOWS  php---LINUX。通常我们在建
  • 作者: 竹影Email: hyc2@qq.com问题内容:我使用wordpress程序搭建一个网站,但是网站后台变英文了,而且登录窗口也是英文 ,这是怎么回事?
  • 老师你好  我仿制的网站静态页面转化为WP模板,有专门的注册和登陆窗口,请问这种情况实现起来难度大不大啊 ,wordpress怎么制作用户注册和登陆窗
  • 给button按钮添加弹出窗口,最简单的方法就是给按钮绑定一个javascript事件,代码如下:[cce_js]<a href = "javascript:alert('此为会员建站课程
  • APMServ5.2.6本地环境配置软件介绍由于每台电脑的端口使用情况不一样,很多学员在用XAMPP环境配置软件配制本地环境的时候,经常会不成功,出现服务器或
  • 在之前的教程中,教大家如何在在电脑搭建PHP+MYSQL本地环境,并安装wordpress程序建立wordpress网站。一些学习怎么建网站的学员都反映一个问题,就
  • 淘宝APP账号配置 (111170 次浏览)
    申请APPkey第一步:打开 my.open.taobao.com/xtao/createWebsite.htm 填写网站名称和网址。申请APPkey第二步:下载网站验证文件 xtao