DCloud-MUI：Hello MUI2

ylbtech-DCloud：

1、

<head>

        <meta charset="utf-8">

        <title>Hello MUI</title>

        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">

        <meta name="apple-mobile-web-app-capable" content="yes">

        <meta name="apple-mobile-web-app-status-bar-style" content="black">

        <!--标准mui.css-->

        <link rel="stylesheet" href="http://dcloud.io/hellomui/css/mui.min.css">

        <!--App自定义的css-->

        <link rel="stylesheet" type="text/css" href="http://dcloud.io/hellomui/css/app.css"/>

    </head>

2、

<script src="http://dcloud.io/hellomui/js/mui.min.js"></script>

<script>

    mui.init({

        swipeBack: true //启用右滑关闭功能

    });

</script>

3、

1. mui-bar返回顶部

1.1、头部导航

<header class="mui-bar mui-bar-nav">

<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>

<h1 class="mui-title">折叠面板</h1>

</header>

1.2、

2.1、内容

<div class="mui-content">

</div>

2.2、

3、

10.返回顶部

11.返回顶部

12.返回顶部

13.返回顶部

14.返回顶部

15.返回顶部

1、

http://dev.dcloud.net.cn/mui/ui/

2、

16.返回顶部

作者：ylbtech
出处：http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

DCloud-MUI：Hello MUI2的更多相关文章

MUI：字符串和json数据的相互转换
JSON.parse()--字符串转换json.JSON.stringify()--json转换成字符串如:收到Json对象:response,则: {"result":&quo ...
Dcloud+mui 压缩上传图片到服务器
chooseImgFromAlbums选择图片 chooseImgFromPictures 拍照 changeToLocalUrl 转换成可用的路径 uploadpic.compressImg 压缩图 ...
NSIS：实现程序窗口逐渐透明的渐入渐出效果
原文NSIS:实现程序窗口逐渐透明的渐入渐出效果需要修改版的插件(支持timer功能): MUI:InstallOptions.dll MUI2:nsDialogs.dll 以及system插件,( ...
mui开发app前言（一）
dcloud mui开发app前言大一那会就听说html5快要发布了,前景无量,厉害到能写操作系统==|||(什么???蛤?) 似乎html5标准还没正式发布那会,使用hybrid模式开发app已经 ...
DCloud开发资源链接
jQuery链接: <script src='http://libs.baidu.com/jquery/1.8.3/jquery.min.js'></script> HTML5 ...
基于MUI框架+HTML5PLUS 开发 iOS和Android 应用程序(APP)
目录事前准备创建项目利用MUI写一个简单的页面关于文件打包事前准备 # 软件 HBuilder X Web开发IDE 下载地址:https://www.dcloud.io/hbuilderx ...
HBuilderX 5+APP MUI 入门
这一套东西是用来开发app的,可以用html.js什么的写app然后给你打包就能安装到手机上,也可以轻易跨端(需要使用vue,然而我还没有熟练). HBuilder:一个敲代码的软件,敲前端代码超级方 ...
5+App 基于HTML、JS、CSS编写的运行于手机端的App（DCloud开发）
HTML5 Plus移动App(5+App) 工具: 开发工具HBuilder下载下载地址开发工具HBuilderX下载下载地址(替代HBuilder) 框架: uni-app :是一个使用 Vue ...
jquery 和 mui 上拉加载
jquery: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <m ...

随机推荐

jQuery-AJAX-格式
function loadInfo(){ var domainName=$("input[name='domain-name']").val(); //域名 var c ...
Django 之 ORM 字段和字段参数
ORM介绍 ORM概念对象关系映射(Object Relational Mapping,简称ORM)模式是一种为了解决面向对象与关系数据库存在的互不匹配的现象的技术. 简单的说,ORM是通过使用描述 ...
js与jquey的表达
jquery 1.$("#id").css("display") 2.$(this) 3.attr(a,b) :在a里面追加元素b 4.prop: functi ...
ABAP操作EXCEL （号称超级版）
[转自http://www.cnblogs.com/VerySky/articles/2170014.html] *------------------------------------------ ...
https 请求发送例子 tls && ssl
package com.dooioo.training.helper; import java.io.IOException; import java.io.UnsupportedEncodingEx ...
dygraphs for R
dygraphs一个功能非常强大的处理时间序列的画图包!画出的图在html中打开,鼠标点处,即可得到数据信息.详情见 http://rstudio.github.io/dygraphs/index.h ...
shell按行合并文件
file1abc file2123 如何合并两个文件,得到a 1b 2c 3 awk方式 awk 'NR==FNR{a[NR]=$0}NR>FNR{print a[FNR],$0}' file1 ...
easy_install和pip的安装及使用
在终端输入命令报错后,在网上找到了这篇博客,用easy_install命令安装pip,问题解决 Fatal error in launcher: Unable to create process us ...
CodeBackUP_node_find_serial
/*************************************************************** ** Find the serial number Node ** R ...
vmware虚拟机安装MAC OSX10.10Yosemite简要记录
vmware所在环境为win7 64位系统,intel4核CPU,16G内存. 本人安装的是OSX10.10Yosemite的CDR镜像. 1. 在服务中停止所有vmware服务. 2. 安装unlo ...

DCloud-MUI：Hello MUI2

DCloud-MUI：Hello MUI2的更多相关文章

随机推荐

热门专题