We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
NeoUI是一个基于 UI 设计语言 iuap design 实现的前端框架,它包括了CSS样式,能实现相对功能的组件以及javascript插件,所见既所得,能使我们更快速的构建前端页面。更详细的信息可参考http://design.yyuap.com/dist/pages/neoui/index.html。以下文字记录的则是自己第一次用NeoUI(3.0.6版)时的一些情况。
首先是响应式布局非常好用并且很简单,官网上的例子一看就明白,值得注意的几点是:
<div class="h vertical-align " style="border: 1px solid red"> <div class="h-64 w-64 bg-blue center-block vertical-align-middle"> 我是内容 </div> </div>
以上代码执行的结果是:子类跑到了父类的正下方,不能实现水平垂直居中。
还使用了一个NeoUI的组件叫媒体对象,很常用。用的时候只需修改对应的内容,但是在实际的过程中,我将4个媒体对象排成一排,第一个对象会偏上一点,经检查,原因是由于在u.css中有这样一个类:
.u-media:first-child{ margin-top: 5px; }
结果将margin-top值改为15px显示正常。
从个人第一次使用NeoUI的感受来看,NeoUI在很多方面为页面的快速构建提供了便利,但是使用过程中也存在着一些待改进和优化的地方
The text was updated successfully, but these errors were encountered:
No branches or pull requests
NeoUI使用情况全记录
NeoUI是一个基于 UI 设计语言 iuap design 实现的前端框架,它包括了CSS样式,能实现相对功能的组件以及javascript插件,所见既所得,能使我们更快速的构建前端页面。更详细的信息可参考http://design.yyuap.com/dist/pages/neoui/index.html。以下文字记录的则是自己第一次用NeoUI(3.0.6版)时的一些情况。
NeoUI使用详情
1、响应式布局
首先是响应式布局非常好用并且很简单,官网上的例子一看就明白,值得注意的几点是:
2、水平垂直居中问题
水平居中问题很简单,用margin和NeoUI中的center-block,都很容易实现。垂直居中用NeoUI中的vertical-align和vertical-align-middle也很容易实现(注意:必须同事父类用vertical-align同时设定高度,子类用vertical-align-middle。),但同时在我在使用的过程中也遇到了一些问题:以上代码执行的结果是:子类跑到了父类的正下方,不能实现水平垂直居中。
3、媒体对象
还使用了一个NeoUI的组件叫媒体对象,很常用。用的时候只需修改对应的内容,但是在实际的过程中,我将4个媒体对象排成一排,第一个对象会偏上一点,经检查,原因是由于在u.css中有这样一个类:
结果将margin-top值改为15px显示正常。
问题与建议
从个人第一次使用NeoUI的感受来看,NeoUI在很多方面为页面的快速构建提供了便利,但是使用过程中也存在着一些待改进和优化的地方
The text was updated successfully, but these errors were encountered: