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的更多相关文章

  1. (转)Phonegap VS AppCan

    简介 Phonegap PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台.它使开发者能够利用iPhone,Android,Palm,Sym ...

  2. APPCAN学习笔记004---AppCan与Hybrid,appcan概述

    APPCAN学习笔记004---AppCan与Hybrid,appcan概述 技术qq交流群:JavaDream:251572072 本节讲了appcan的开发流程,和开发工具 笔记不做具体介绍了,以 ...

  3. 混合应用开发:Phonegap VS AppCan

    混合应用开发:Phonegap VS AppCan 简介 Phonegap PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台.它使开发者能 ...

  4. Hybrid框架UI重构之路:一、师其长技以自强

    这两年在支撑公司的Hybrid框架的运维发展,让人确认这种移动开发方式确实是一条不错的路.混合应用这种开发方式降低开发难度,极大的提高开发效率,最重要的一点效果可以接近原生应用.框架的本身是需要持续不 ...

  5. 使用AppCan实现分享网站功能

    使用AppCan实现分享网站功能 昨天我们实现了最基本的文字分享功能,今天呢,我们来实现基本的分享网站功能: 微信指引部分这里不再复述,具体请参见:http://newdocx.appcan.cn/i ...

  6. AppCan接入微信并且进行文字分享

    AppCan接入微信并且进行文字分享 接入指引 实现简单的文字分享功能 接入指引 详情请参见:http://newdocx.appcan.cn/index.html?templateId=412 实现 ...

  7. AppCan可以视为Rexsee的存活版

    今天看到地宝的几个APP用appcan做的,我顿时惊呆了. 1. 走的同样是中间件的模式,支持原生UI界面的访问: 2. 在线打包的方式,进行资源的限制,以便商业化支持:

  8. AppCan应用开发之插件实践篇-支付插件

    电商O2O无疑是目前最受用户欢迎的APP类型,而在这类APP中必不可少的就是在线支付功能了.在AppCan平台开发这类应用时,官方封装了微信支付.支付宝.银联等多种支付SDK,更接入了多家聚合支付平台 ...

  9. 掌握这两个技术点,你可以玩转AppCan前端开发

    “AppCan的前端开发其实非常简单,只要掌握两方面的技术即可.一方面是会使用栅格布局完成UI的界面排版,另外一方面就是使用AppCan MVVM模型来完成整个页面构造和用户操作逻辑.” 在2016A ...

随机推荐

  1. 向今天要结果; 向明天要动力 eclipse不自动弹出提示(alt+/快捷键失效)

    最近公司电脑上的Eclipse没有了自动提示功能,也不是全部不提示,大多数情况下按下“alt+/”键还会产生提示,但是当我在java项目中邪main方法和syso的时候,“alt+/”则会失效,今天在 ...

  2. SPD各模块总结

    一.用户角色绑定节点 1.库存操作员.库存主管.验货操作员:绑定任一节点 2.采购操作员.公药操作员:只能绑定药库节点 3.退库操作员.药品申领员:绑定药库以外的节点 二.采购计划模块 1.采购计划的 ...

  3. BZOJ 1406 密码箱(数论)

    很简洁的题目.求出x^2%n=1的所有x<=n的值. n<=2e9. 直接枚举x一定是超时的. 看看能不能化成有性质的式子. 有 (x+1)(x-1)%n==0,设n=a*b,那么一定有x ...

  4. 【bzoj4550】小奇的博弈 博弈论+dp

    题目描述 这个游戏是在一个1*n的棋盘上进行的,棋盘上有k个棋子,一半是黑色,一半是白色.最左边是白色棋子,最右边 是黑色棋子,相邻的棋子颜色不同.   小奇可以移动白色棋子,提比可以移动黑色的棋子, ...

  5. 【bzoj1010】[HNOI2008]玩具装箱toy 斜率优化dp

    题目描述 P教授要去看奥运,但是他舍不下他的玩具,于是他决定把所有的玩具运到北京.他使用自己的压缩器进行压缩,其可以将任意物品变成一堆,再放到一种特殊的一维容器中.P教授有编号为1...N的N件玩具, ...

  6. Java入门之:对象和类

    Java对象和类 Java作为一种面向对象语言,支持以下基本概念: 多态 继承 封装 抽象 类 对象 实例 方法 重载 本节我们重点研究对象和类的概念: 对象: 对象是类的一个实例,有状态和行为.例如 ...

  7. BZOJ4889 & 洛谷3759:[TJOI2017]不勤劳的图书管理员——题解

    https://www.lydsy.com/JudgeOnline/problem.php?id=4889 https://www.luogu.org/problemnew/show/P3759 加里 ...

  8. JavaScript Date的原型方法扩展

    在JavaScript开发中,经常需要对Date类型的对象进行各种验证或格式化,但是js并没有提供那么多的那么细的函数,所以只好自己去用 prototype 扩充了,下面是我自己实现的Date类型常用 ...

  9. angularJS前端分页插件

    首先在项目中引入 分页插件的 js 和 css: 在html页面引入 相关js 和 css: 在控制器中引入分页插件中定义的 module[可以打开pagination.js查看,可以看到 其实,在插 ...

  10. node.js 与java 的主要的区别是什么

    node.js 与java都是服务器语言,但是两者存在很大区别:(1)Node.js比Java更快 :node.js开发快,运行的效率也算比较高,但是如果项目大了就容易乱,而且javascript不是 ...