移动端UI&微信UI YDUI Touch

所属分类:UI-布局

 4771  117  查看评论 (9)
移动端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>
相关插件-布局

商务科技宽屏响应式bootstrap整站模板

商务科技宽屏响应式bootstrap整站模板
  布局
 17350  211

jQuery瀑布流

jQuery瀑布流无限滚动加载。
  布局
 24376  152

Bootstrap响应式网站模板

Bootstrap响应式互联网科技公司单页模板
  布局
 9734  132

Bootstrap Chubbystacks模版

很精美的一套Bootstrap模版
  布局
 5433  79

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

    剑蓝星雨& 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

    效果不错,支持下

    回复
    chengkang 0
    2017/8/14 13:58:15

    超级喜欢,很全面,简直就是我们这些做后台的救星!

    回复
    明月半倚深秋 0
    2017/8/14 13:22:37

    这个省市联动很给力

    回复
    背着棺材跳舞 0
    2017/8/14 13:03:03

    太给力了,很棒的UI

    回复
    SiriBen 0
    2017/8/14 11:32:10

    这个确实相当的棒,不犹豫,立马下

    回复
取消回复