qq_37321107-CSDN博客

原创微信小程序组件解读和分析：五、text文本

text文本组件说明:text 文本就是微信小程序中显示出来的文本。

2017-03-31 14:56:47 677

原创微信小程序组件解读和分析：二、scroll-view（scroll-view可滚动视图区域组件）

scroll-view可滚动视图区域组件说明:可滚动视图区域。组件用法：纵向滚动用法Tip:使用竖向滚动时，需要给一个固定高度，通过 WXSS 设置 height，否则无法滚动。当滚动到顶部时会触发bindscrolltoupper事件（具体可留意GIF输出）当滚动到底部时会触发bindscrolltolower事件（具体可留意GIF输出）

2017-03-31 11:53:44 909 1

原创微信小程序组件解读和分析：一、view（视图容器）

view组件说明: 视图容器跟HTML代码中的DIV一样，可以包裹其他的组件，也可以被包裹在其他的组件内部。用起来比较自由随意，没有固定的结构。view组件的用法：示例项目的wxml代码：[XML] 纯文本查看复制代码?01020304050607

2017-03-27 20:33:54 907

原创最简单的微信小程序Demo示范

这里提供给大家一个最简单的微信小程序示例Demo。用到了倒仰样式、Text组件、View组件和JS代码的交互，大家要理解WXML、JS、WXSS和JSON文件的用途及相互关系。

2017-03-10 11:59:15 1167

原创微信小程序开发--基础目录创建

今天开始带大家讲解微信小程序开发的基础内容：先从目录结构开始讲解：1、目录结构讲解：微信小程序有四种文件类型：*.wxml*.wxss*.js*.jsonwxml：类似网页里的html页面； wxss：类似于网页里的css样式； js：js文件，用来定义函数方法等； json：配置页面属性，例如标题栏；上图中的app.js a

2017-02-23 19:10:27 480

原创微信小程序开发--创建欢迎页面

本篇跟大家一起创建第一个页面，欢迎页面。先看下最后的效果图：首先打开微信WEB开发者工具，创建quick start项目，简单的修改一下。目录结构如下图：把Index文件夹重命名为welcome；底部的hello world改为一个类似于按钮的样式；添加背景颜色；修改顶部样式；按钮的实现：下面是welcome页

2017-02-23 19:03:20 865

原创微信小程序三个视图控件View、ScrollView、Swiper的解读及示例

关于微信小程序的视图控件，今天带给大家系统的解读和示范，相信看完后都可以轻松用好了。首先看一下这个示例程序的运行效果。大家可以看到，有三个视图，分别用不同的配置和使用方式。接下来我们具体展开来介绍。我们先新建一个项目，在首页添加三个navigator导航按钮，分别跳转到对应的组件示范页面。index页面的WXML代码如下：

2017-02-22 15:02:57 3915