今天我们开始自学weui框架，简短洁说weui框架是专为微信开发的一个强大的UI库。个人觉得weui框架算是组件化开发，主要由一些基础的组件，列表，表单，卡片，对话框，下拉刷新等组成。我们主要是学习如何使用这些组件搭建一个美观的布局。首先我们来说说weui框架的一个环境搭建。我们先要下载我们所需要的文件在weui官方网站下载，我们现在主要是学习一些基础的组件布局，我们暂时所需要的文件只是css文件，参考如下：<!--响应式移动端--> <meta name="viewport" content=

今天我们继续学习weui框架，今天我们要介绍的是weui框架里的表单，九宫格，单选多选列表项。表单是我们常见的，在我们的微信上也是常常见到的。那我们下面就来说说吧！表单：表单里的input分类为俩种，一种是输入类型，另一种是选择类型，在weui框架中这倆种都要配合Cell 组件配合使用。下面我们来看看示例代码：<div class="weui-cells weui-cells_form"> <div class="weui-cell"> <div class="weui-

今天我们继续学习weui框架，今天介绍的是weui框架里的结果页和预览。结果页：结果页我们在微信中经常见到，比如我们操作某一步步骤是会提示您成功，再比如付款成功等。直接进入主题，来看看我们的代码：<div class="weui-msg">     <div class="weui-msg__icon-area"><i class="weui-icon-success weui-icon_msg"></i></div>     <div class="weui-msg__text-area">

weui框架总结：1.熟悉度我们学习一个框架，首先是要了解它是干嘛的。我们的weui框架呢就是一个专门为微信开发的一个强大的UI库。那必然我们学习它，第一要对它足够了解，其次再说去掌握它。熟悉度，顾名思义就是就是说你对它是否了解，它是由那些组件组成的，列表，表单，卡片，对话框，下拉刷新，结果页，提示框等。我们大概了解它有那些组件后，就是逐个组件去用，去看它的样式，看它的效果，当然不只是停留在看，更重要的是实操。好记性不如烂笔头，程序都是敲出来的。最后推荐一个个人觉得不错的网站：http://jq