A simple procedural development of the web framework.
Switch branches/tags
Nothing to show
Clone or download
YawZhou
YawZhou build yawrap
Latest commit 5485f60 Apr 2, 2018

README.md

 

Yawrap v0.3.1


A simple procedural development of the web framework.

Yawrap是一款为懒的写css党而生的渐进式web前端框架,你只需要专心编辑你的HTML,在提高开发效率的同时保证页面性能及渲染的可靠性,后面我们会慢慢完善模块化以及组件化,将Yawrap做到极致。

项目主页:http://yawrap.yawzhou.com
更新日志:https://yawzhou.github.io/yawrap/UpdateLog
开发文档:https://yawzhou.github.io/yawrap/doc

Quick Start

dist文件夹里面的yawrap.min.js便是用于生产环境的yawrap,然后您的页面结构应该是下面这样的:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>title</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
<body>
    Here is the body content...
<script src="../dist/yawrap.min.js"></script>
<script type="text/javascript">
    //如果需要的话,你可以自定义三种颜色,然后分别以yawmain、yawaux、yawspa调用
    yawColor('主要色','辅助色','备用色')
</script>
</body>
</html>

License

Released under the MIT License(https://opensource.org/licenses/MIT)

Thanks

  • 我的UI小姐姐 FanyXu
Yawrap完全遵循语义化版本2.0.0(https://semver.org/lang/zh-CN/)