TA的文章(3)
-
WEUI框架学习(一)
WEUI框架的学习: 经过一天时间的WEUI框架的学习,初步了解到WEUI框架是一套与微信原生 UI 一致的 UI 库,核心文件是weui.css。WEUI框架的主体是仿照bootstrap框架的。在有bootstrap框架的基础再去学习WEUI框架就感觉不是很难,但是在学习的过程中还是回遇到一些问题。 今天自学的内容是从https://weui.io/上分类进行的分步学习的:1、WEUI框架环境的搭建方式一(推荐)微信官方、BootCDN 和 cdnjs 为 WeUI 提供了
-
WEUI框架学习(二)
WEUI框架学习:项目练习(一) 今天开始写项目,今天一天编写了智学无忧的登录界面,界面图如下:在刚开始编辑的时候还没有一点思绪,不知道从哪里开始。看了一会就有了一个大体的结构。分析各个部分的编写:头部导航:是使用weui-cell 编写分为左、中、右三个部分,使用weui-navbar把头部固定定位在窗口的最顶端。但是还是有一点缺陷,js部分还没有完成,这样只是一个静态的。代码如下: <div class="weui-navbar"> <div class="weui-cell"
-
WEUI框架学习(三)
weui框架学习:项目练习(二) 今天一天时间写了智学无忧微信的注册页面,和忘记密码中的通过邮箱重置密码。先来谈谈注册页面的编写吧。截面图如下: 页面的布局基本和昨天写的登录页面是一样的,页面分为头部,基本信息部分,表单部分,三个部分。其中链接和跳转部分是使用<a>标签,只有button提交是使用open()方法在原窗口打开新的页面。头部:是使用 weui-cell 来布局。html代码如下:<div class="weui-cell" style="background-color
