微信小程序购物商城系统的开发之目录结构的介绍

上一篇我们简单介绍了一下微信小程序的IDE(微信小程序购物商城系统开发系列-工具篇)，相信大家都已经蠢蠢欲试建立一个自己的小程序，去完成一个独立的商城网站。

先别着急我们一步步来，先尝试下写一个自己的小demo.

这一篇文章我们主要的是介绍一下小程序的一些目录结构，以及一些语法，为我们后面的微信小程序商城系统做铺垫。

首先我们来了解下小程序的目录结构

{

 "pages":[

  "pages/index/index",

  "pages/logs/logs"

 ],

 "window":{

  "backgroundTextStyle":"light",

  "navigationBarBackgroundColor": "#fff",

  "navigationBarTitleText": "WeChat",

  "navigationBarTextStyle":"black"

 }

}

注：app.json中是对整个小程序的全局设置，当然每个页面也有自己的json文件。每个页面下的json文件只能对window 进行设置，所以页面json文件下只需写入window的配置即可

{

  "backgroundTextStyle":"light",

  "navigationBarBackgroundColor": "#fff",

  "navigationBarTitleText": "WeChat",

  "navigationBarTextStyle":"black"

 }

app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。

每个页面中也可以定义自己的wxss。Wxss也就是微信所提供的css样式表，里面的写法几乎和css差不多。不过他支持的选择器相对比较少。在写的时候我们以前的一些项目的css 基本可以拿过来用，不过除了下面这些选择器外，你使用了其他的选择器，可能使整个页面报错!

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注！