专栏首页小尘哥的专栏小程序(2)- 基础样例

小程序(2)- 基础样例

01

app.json

基本这些配置就可以满足正常的开发,其他有一些比如request请求超时之类的,都采用默认即可

{
  "pages":[
    "pages/index/index", //所有的页面都需要定义在该模块,否则无法显示
    "pages/logs/logs"
  ],
  "window":{  //全局的一些配置
    "backgroundTextStyle":"white",
    "navigationBarBackgroundColor": "#fff",//顶部导航栏颜色
    "navigationBarTitleText": "陌与尘埃",//顶部文字
    "navigationBarTextStyle":"black"//文字样式,支持white|black
  },
  "tabBar": {//tab选项卡
    "list": [
      {
        "iconPath": "imgs/icon/icon-home.png",//未选中状态图片地址
        "selectedIconPath": "imgs/icon/icon-home-selected.png",选中时图片地址
        "pagePath": "pages/index/index",//页面
        "text": "首页"//文字显示
      },
      {
        "iconPath": "imgs/icon/icon-usercenter.png",
        "selectedIconPath": "imgs/icon/icon-usercenter-selected.png",
        "pagePath": "pages/logs/logs",
        "text": "我的"
      }
    ],
    "color": "#000",//文字默认颜色
    "selectedColor": "#fff",//选中时文字颜色
    "backgroundColor": "#e04443",//默认tab背景
    "borderStyle": "white",
    "position": "bottom" //位置,支持bottom|top
  }
}

2

其他json

每个对应的wxml有自己对应的json,同样可以做如上配置,会覆盖全局的app.json文件配置

3

wxss

上一篇说过我引用了一个外部的样式表(wa-ui),引用方法如下:

@import 'wa-ui.wxss';

只需在全局app.wxss引入即可,其他页面都可以使用其样式。

4

JS

小程序的js不同于普通的js,不能使用window、document等对象,因此也不能使用jquery等框架。小程序的js写法有点类似VUE,如下:

5

Demo

一个简单的配置效果如下图:

本文分享自微信公众号 - 陌与尘埃(grq100296),作者:小尘哥

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-09-24

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Nginx的几个常用配置和技巧

    基于IP的虚拟主机: 需要你的服务器上有多个地址,每个站点对应不同的地址,这种方式使用的比较少

    小尘哥
  • 第23节 切片(Slice)

    Go 语言切片是对数组的抽象。 Go 数组的长度不可改变,在特定场景中这样的集合就不太适用,Go中提供了一种灵活,功能强悍的内置类型切片("动态数组"),与数组...

    小尘哥
  • springboot使用rabbitMQ(带回调)

    配置文件2:RabbitConstants(主要用于用户名、密码等值从配置文件获取,也可以用@Value方式)

    小尘哥
  • 计算机网络最低层--物理层

    物理层是计算机网络5层体系结构中的最底层,物理层为数据链路层提供二进制位流传输的服务,涉及信号的编码解码和同步等。物理层需要有传输介质的接口,接口由连接器实现,...

    小末快跑
  • 如何在Fortran中调用Python

    Python是机器学习领域不断增长的通用语言。拥有一些非常棒的工具包,比如scikit-learn,tensorflow和pytorch。气候模式通常是使用Fo...

    bugsuse
  • Python小世界:项目虚拟环境配置

    和其他大多数现代编程语言一样,Python对包和 模块的下载、存储以及管理有其自己的一套方法。但是当我们同时开发多个项目工程的时候,不同的项目会将第三方的包存放...

    py3study
  • ElasticSearch入门实战1

    若与
  • 使用CNN预测电池寿命

    https://github.com/dsr-18/long-live-the-battery?source=post_page-----c5e1faeecc8...

    代码医生工作室
  • Caused by: org.springframework.data.mapping.PropertyReferenceException: No property id found for typ

    Caused by: org.springframework.data.mapping.PropertyReferenceException: No prop...

    Arebirth
  • 机器学习理解上最新案例:“以貌取物”与“以貌取书”(附下载)

    【新智元导读】 本文介绍 MIT Technology Review 最近报道了关于机器学习的两项研究成果:让机器学会对人产生“第一印象”、能凭借书的封面判断内...

    新智元

扫码关注云+社区

领取腾讯云代金券