微信小程序购物商城系统开发系列

微信小程序购物商城系统开发系列

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

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

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

Utils 我们写的一些公共的工具js可以放里面。

{

"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 中声明的样式规则。

注意:页面配置先后的顺序，在实际操作中发现，第一个配置的为首页。

注意：这边js的写法和我们以前的写法完全一样，只不过这里面不能使用window对象和document对象，同样的也不能使用jquery ,zepto等框架，因为这些框架中会使用到window和document 对象。

好啦！今天只是给大家简单介绍下小程序的目录结构和简单的使用oQTMErEy了下，下一节我们会来开始我们商城系统的编写。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。