美文网首页
微信小程序笔记 - 框架

微信小程序笔记 - 框架

作者: tysunme | 来源:发表于2016-10-05 12:18 被阅读0次

    目录结构:包含一个app和多个page。一个框架程序主体包含三个文件,必须放在项目根目录:app.js(逻辑), app.json(配置), app.wxss(公共样式表);一个page由四个文件组成:js(逻辑),json(配置),wxml(结构),wxss(样式)。四个文件必须具有相同的路径和文件名。

    ------------------------ ------------------------------------------------

    配置:pages, Array,页面路径;window,Object,默认页面的窗口表现; tabBar,Object,底部tab的表现;networkTimeout,Object,网络超时时间;debug,Boolean,是否开启debug模式。 

     window设置项:navigationBarBackgroundColor 导航栏背景颜色;navigationBarTextStyle 导航栏标题颜色;navigationBarTitleText 导航栏标题文字内容; backgroundColor 窗口背景色;backgroundTextStyle 下拉背景字体;enablePullDownRefresh 是否开启下拉刷新。

    tabBar设置项:color 文字默认颜色;selectedColor 文字选中时的颜色;backgroundColor 背景色;borderStyle 边框颜色;list tab列表(pagePath,text,iconPath,selectedIconPath)

    page中的配置选项只包含app.json中的window设置项。

    ------------------------ ------------------------------------------------

    逻辑层: 1、由WXML、WXSS来编写,由组件来显示;将逻辑层的数据反应成试图,同时将事件发送给逻辑层;WXML描述结构,WXSS描述样式;Component是试图的基本组成单元。

    WXML : 

    数据绑定 <view>{{ message}}</view>;

    列表渲染 <view wx:for="{{array}}">{{item}}</view>

    条件渲染 

    ------------------------ ------------------------------------------------

    视图层

    相关文章

      网友评论

          本文标题:微信小程序笔记 - 框架

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