美文网首页
小程序配置

小程序配置

作者: 一枚小菜 | 来源:发表于2020-04-08 16:22 被阅读0次

模块化=>组件化=>工程化
模块:js
组件:实现功能(JS)和效果(HTML+CSS)的代码片段

全局配置:

app.json:设置路径,配置窗口表现,网络超时,tab栏


{
  "pages": [
    "pages/index/index", //页面的路径
  ],
  "window": {
    "backgroundTextStyle": "light",//组件上拉操作的加载效果,light/dark
    "navigationBarBackgroundColor": "#10c0e7",//窗口颜色(只能16进制格式)
    "navigationBarTitleText": "赣村优品",//窗口标题
    "navigationBarTextStyle": "black"//窗口字体,black/white
  },
  "tabBar": {
    "color": "#999999",//初始颜色
    "selectedColor": "#000",//选中时颜色
    "borderStyle": "white",
    "backgroundColor": "#fff",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "static/image/tabbar/home.png",
        "selectedIconPath": "static/image/tabbar/home_sel.png"
      },
      {
        "pagePath": "pages/classify/index",
        "text": "分类",
        "iconPath": "static/image/tabbar/classify.png",
        "selectedIconPath": "static/image/tabbar/classify_sel.png"
      },
      {
        "pagePath": "pages/car/index",
        "text": "购物车",
        "iconPath": "static/image/tabbar/car.png",
        "selectedIconPath": "static/image/tabbar/q.png"
      },
      {
        "pagePath": "pages/my/index",
        "text": "我的",
        "iconPath": "static/image/tabbar/my.png",
        "selectedIconPath": "static/image/tabbar/my_sel.png"
      }
    ]
  },

app.js:方法,初始化数据

App({
data:{
})

app.wxss:全局样式

页面配置:

index.wxml:结构,组件化,每个标签都是一个组件,
index.js:行为,Page({})里配置当前页面
index.json:
index.wxss:样式
图片只能在硬盘里面放入,最好用绝对路径

相关文章

  • 小程序构成

    小程序文件构成:1JSON 配置:(1) app.json(小程序配置):是对当前小程序的全局配置,包括了小程序的...

  • 小程序基础

    配置 小程序配置 app.json 小程序开发者工具的配置 project.config.json 页面配置 pa...

  • 小程序-原生下拉刷新

    基础知识 小程序中的json文件是配置文件,用来配置小程序页面.app.json是对整个小程序的全局配置,我们可以...

  • WechatCode-文件类型①

    1.小程序公共配置文件位于根目录app.json2.小程序公共配置样式位于根目录app.wxss3.小程序公共配置...

  • 初识小程序-基础语法

    小程序 基本知识 项目文件 JSON 配置 小程序配置 app.json app.json 是对当前小程序的全局配...

  • 如何制作一个自定义小程序导航栏

    一、小程序导航栏配置 小程序中.json 文件可以用来对微信小程序进行全局配置和页面配置。关于导航栏的设置,有3个...

  • 微信小程序初相识

    ##1、小程序配置 app.json *app.json 是对当前小程序的全局配置,包括了小程序的所有页面路径、界...

  • wiki

    安装配置 webStorm-微信小程序配置

  • uni-app唤醒小程序

    uni-app跳转小程序 场景 在uni-app中的安卓程序里,跳转微信小程序 配置步骤 配置APP和小程序 AP...

  • 小程序配置

    小程序可以设置以下5个配置项:pages:StringArray,设置程序的页面路径window:json||--...

网友评论

      本文标题:小程序配置

      本文链接:https://www.haomeiwen.com/subject/rybzphtx.html