移动端UI&微信UI YDUI Touch

所属分类:UI-布局

 13674  237  查看评论 (15)
移动端UI&微信UI YDUI Touch ie兼容10

使用

1、获取到 YDUI 后,在head标签内引入css/ydui.css和js/ydui.flexible.js文件;

2、凡涉及js组件需另外引入jquery 2.0+和js/ydui.js;

3、您可以复制下面代码或在线预览。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <!-- 引入YDUI样式 -->
    <link rel="stylesheet" href="path/build/css/ydui.css" />
    <!-- 引入YDUI自适应解决方案类库 -->
    <script src="path/build/js/ydui.flexible.js"></script>
</head>
<body>
<div class="g-view">
    <!-- 使用:样式模块以按钮为例 -->
    <div class="m-button">
        <a href="javascript:;" class="btn-block btn-primary" id="J_Btn">Button</a>
    </div>
</div>
<!-- 引入jQuery 2.0+ -->
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<!-- 引入YDUI脚本 -->
<script src="path/build/js/ydui.js"></script>
<script>
    !function ($) {
        $('#J_Btn').on('click', function () {
            /* 使用:js模块以dialog为例 */
            YDUI.dialog.alert('我有一个小毛驴我从来也不骑!');
        });
    }(jQuery);
</script>
</body>
</html>
相关插件-布局

html5响应式模板

黑色通用的软件科技公司html5响应式模板
  布局
 5871  116

类似手机充值效果

类似手机充值效果选择一个项目相应的钱有变化,有加减功能
  布局
 14870  133

实用瀑布流画廊

基于jq的瀑布流画廊
  布局
 14151  81

bootstrap3离线布局工具

它可以简单而又快速搭建Bootstrap响应式布局,操作基本是使用拖动方式来完成,很简单哦。
  布局
 16685  183

讨论这个项目(15)回答他人问题或分享插件使用方法奖励jQ币

    wk_9999 0
    2018/3/24 23:21:11
    现在的前端都要webpack、node,我们这些做后端的玩不了这些东西。!这突然间找到了一个jquery的前端ui框架,感觉跟他妈的找到了失散多年的老婆一样激动。希望一直把这个jquery版本的维护下去,给我们做后端的留条活路哇1!!!! 回复
    onesmail 0
    2018/3/16 11:32:27
    真的很很棒,很实用!!! 回复
    幕兮_ 0
    2017/10/24 22:26:54
    后端救星,不错不错,加油加油 回复
    独自听那落雨声 0
    2017/10/18 12:25:10
    蚂蚱 0
    2017/9/26 16:32:26
    时间选择貌似没有
        Ordinary Boy0
        2018/3/28 8:55:50
        在cell里
    回复
    剑蓝星雨& 0
    2017/9/14 10:37:03

    很不错,支持下

    回复
    似水阳光 0
    2017/8/22 9:58:33
    fwtcumt 0
    2017/8/17 14:03:29

    还没用过,但是貌似不错。

    回复
    爱死寂寞人 0
    2017/8/16 8:56:14

    做移动端很有用。

    回复
    蜡笔小新 0
    2017/8/14 17:40:13

    效果不错,支持下

    回复
取消回复