appcan UI
appcan UI 公共类 ([appcanUI框架地址:](http://newdocx.appcan.cn/UI/source)
.ub {
display: -webkit-box !important;
display: box !important;
position: relative;
}
.ub-rev {
-webkit-box-direction: reverse;
box-direction: reverse;
}
.ub-fh {
width: 100%;
}
.ub-fv {
height: 100%;
}
.ub-con {
position: absolute;
width: 100%;
height: 100%;
}
.ub-ac {
-webkit-box-align: center;
box-align: center;
}
.ub-ae {
-webkit-box-align: end;
box-align: end;
}
.ub-pc {
-webkit-box-pack: center;
box-pack: center;
}
`.ub-pe {
-webkit-box-pack: end;
box-pack: end;
}
.ub-pj {
-webkit-box-pack: justify;
box-pack: justify;
}
.ub-ver {
-webkit-box-orient: vertical;
box-orient: vertical;
}
.ub-f1 {
position: relative;
-webkit-box-flex: 1;
box-flex: 1;
}
.ub-f2 {
position: relative;
-webkit-box-flex: 2;
box-flex: 2;
}
.ub-f3 {
position: relative;
-webkit-box-flex: 3;
box-flex: 3;
}
.ub-f4 {
position: relative;
-webkit-box-flex: 4;
box-flex: 4;
}
`.ub-f5 {
position: relative;
-webkit-box-flex: 5;
box-flex: 5;
}
.ub-f6 {
position: relative;
-webkit-box-flex: 6;
box-flex: 6;
}
.ub-img {
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.ub-img1 {
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.ub-img2 {
background-repeat: repeat-x;
background-size: auto 100%
}
.ub-img3 {
background-repeat: repeat-y;
background-size: 100% auto
}
.ub-img4 {
-webkit-background-size: 100% auto;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center;
}
.ub-img5 {
-webkit-background-size: auto 100%;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
}
.ub-img6 {
background-repeat: no-repeat;
background-position: center;
}
.ub-img7 {
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
appcan UI的更多相关文章
- (转)Phonegap VS AppCan
简介 Phonegap PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台.它使开发者能够利用iPhone,Android,Palm,Sym ...
- APPCAN学习笔记004---AppCan与Hybrid,appcan概述
APPCAN学习笔记004---AppCan与Hybrid,appcan概述 技术qq交流群:JavaDream:251572072 本节讲了appcan的开发流程,和开发工具 笔记不做具体介绍了,以 ...
- 混合应用开发:Phonegap VS AppCan
混合应用开发:Phonegap VS AppCan 简介 Phonegap PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台.它使开发者能 ...
- Hybrid框架UI重构之路:一、师其长技以自强
这两年在支撑公司的Hybrid框架的运维发展,让人确认这种移动开发方式确实是一条不错的路.混合应用这种开发方式降低开发难度,极大的提高开发效率,最重要的一点效果可以接近原生应用.框架的本身是需要持续不 ...
- 使用AppCan实现分享网站功能
使用AppCan实现分享网站功能 昨天我们实现了最基本的文字分享功能,今天呢,我们来实现基本的分享网站功能: 微信指引部分这里不再复述,具体请参见:http://newdocx.appcan.cn/i ...
- AppCan接入微信并且进行文字分享
AppCan接入微信并且进行文字分享 接入指引 实现简单的文字分享功能 接入指引 详情请参见:http://newdocx.appcan.cn/index.html?templateId=412 实现 ...
- AppCan可以视为Rexsee的存活版
今天看到地宝的几个APP用appcan做的,我顿时惊呆了. 1. 走的同样是中间件的模式,支持原生UI界面的访问: 2. 在线打包的方式,进行资源的限制,以便商业化支持:
- AppCan应用开发之插件实践篇-支付插件
电商O2O无疑是目前最受用户欢迎的APP类型,而在这类APP中必不可少的就是在线支付功能了.在AppCan平台开发这类应用时,官方封装了微信支付.支付宝.银联等多种支付SDK,更接入了多家聚合支付平台 ...
- 掌握这两个技术点,你可以玩转AppCan前端开发
“AppCan的前端开发其实非常简单,只要掌握两方面的技术即可.一方面是会使用栅格布局完成UI的界面排版,另外一方面就是使用AppCan MVVM模型来完成整个页面构造和用户操作逻辑.” 在2016A ...
随机推荐
- Android api level对照表
转自:blog.csdn.net/lihenair/article/details/49869299 Platform Version API Level VERSION_CODE Notes And ...
- [OS] 多线程--原子操作 Interlocked系列函数
转自:http://blog.csdn.net/morewindows/article/details/7429155 上一篇<多线程--第一次亲密接触 CreateThread与_begint ...
- DFS染色解决区域分块问题UVALive 6663
怪我比赛的时候想法太过于杂乱了. 注重于区域的属性了.甚至还想用状态压缩或者是hash来描述分块的区域. 其实我们的可以宏观的角度去审视这个问题.就是求分区的问题.那么我们完全可以标记边框的值为1.即 ...
- [洛谷P4174][NOI2006]最大获利
题目大意:同Petya and Graph,数据范围改成$n\leqslant5\times10^3,m\leqslant5\times10^4$ 题解:同上 卡点:无 C++ Code: #incl ...
- 学习操作Mac OS 之 常用命令
~ 符号在 Mac 甚至所有基于 Unix 和 Linux 的系统中都是代表当前用户的用户目录,.代表当前目录 配置环境变量语句: source ~/.bash_profile 查看host文件语句 ...
- Pycharm中一些不为人知的技巧
工欲善其事必先利其器,Pycharm 是最受欢迎的Python开发工具,它提供的功能非常强大,是构建大型项目的理想工具之一,如果能挖掘出里面实用技巧,能带来事半功倍的效果. 以下操作都是基于 Wind ...
- Python图像处理库(PIL)
官方:(详细)http://pillow.readthedocs.io/en/3.1.x/reference/ImageDraw.html http://pillow.readthedocs.io/e ...
- shell中的$* $@
shell中$*与$@的区别 关于$* 和 $@的 一点 认识 同是菜鸟一起学习 $* 所有的位置参数,被作为一个单词. 注意:"$*"必须被""引用. $@ ...
- uboot两阶段代码分析
1.启动过程特征总结(1)第一阶段为汇编阶段(start.s).第二阶段为C阶段(board.c中的start_armboot 函数)(2)第一阶段在SRAM中.第二阶段在DRAM中(3)第一阶段注重 ...
- c# string 转 GUID
提供两种方法 1.try...catch... /* * string TO guid */ private static bool ToGuid(string str) { Guid gv = ne ...