123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754 |
- /*!
- * layui 官网
- */
- layui.define(['code', 'element', 'table', 'util', 'carousel', 'laytpl'], function(exports){
- var $ = layui.jquery
- ,element = layui.element
- ,layer = layui.layer
- ,form = layui.form
- ,util = layui.util
- ,carousel = layui.carousel
- ,laytpl = layui.laytpl
- ,device = layui.device()
- ,$win = $(window), $body = $('body');
- //ban iframe
- ;!function(){self!==parent&&(location.href="//www.baidu.com/")}();
- //阻止 IE7 以下访问
- if(device.ie && device.ie < 8){
- layer.alert('Layui 最低支持 IE8,而您当前使用的是古老的 IE'+ device.ie + ',体验将会不佳!');
- }
- var home = {
- //获取高级浏览器
- getBrowser: function(){
- var ua = navigator.userAgent.toLocaleLowerCase()
- ,mimeType = function(option, value) {
- var mimeTypes = navigator.mimeTypes;
- for (var key in mimeTypes) {
- if (mimeTypes[key][option] && mimeTypes[key][option].indexOf(value) !== -1) {
- return true;
- }
- }
- return;
- };
- if(ua.match(/chrome/)){
- if(mimeType('type', '360') || mimeType('type', 'sogou')) return;
- if(ua.match(/edg\//)) return 'edge';
- return 'chrome'
- } else if(ua.match(/firefox/)){
- return 'firefox';
- }
-
- return;
- }
- };
- var elemHome = $('#LAY_home');
- var local = layui.data('layui');
- //初始弹窗
- layer.ready(function(){
- //升级提示
- if(local.version && local.version !== layui.v){
- layer.open({
- type: 1
- ,title: '更新提示' //不显示标题栏
- ,closeBtn: false
- ,area: '300px;'
- ,shade: false
- ,offset: 'b'
- ,id: 'LAY_updateNotice' //设定一个id,防止重复弹出
- ,btn: ['更新日志', '我知道了']
- ,btnAlign: 'c'
- ,moveType: 1 //拖拽模式,0或者1
- ,content: ['<div class="layui-text">'
- ,'layui 已发布新版本::<strong style="padding-right: 10px; color: #fff;">v'+ layui.v + '</strong>'
- ,'</div>'].join('')
- ,skin: 'layui-layer-notice'
- ,yes: function(index){
- layer.close(index);
- setTimeout(function(){
- location.href = '/doc/base/changelog.html';
- }, 500);
- }
- ,end: function(){
- layui.data('layui', {
- key: 'version'
- ,value: layui.v
- });
- }
- });
- }
- layui.data('layui', {
- key: 'version'
- ,value: layui.v
- });
- });
- //头部搜索
- ;!function(){
- var elemComponentSelect = $(['<select lay-search lay-filter="component">'
- ,'<option value="">搜索组件模块</option>'
- ,'<option value="element/layout.html">grid 栅格布局</option>'
- ,'<option value="element/layout.html#admin">layout admin 布局</option>'
- ,'<option value="element/color.html">color 颜色</option>'
- ,'<option value="element/icon.html">iconfont 字体图标</option>'
- ,'<option value="base/element.html#css">font 字体大小 颜色</option>'
- ,'<option value="element/anim.html">animation 动画</option>'
- ,'<option value="element/button.html">button 按钮</option>'
- ,'<option value="element/form.html">form 表单组</option>'
- ,'<option value="element/form.html#input">input 输入框</option>'
- ,'<option value="element/form.html#select">select 下拉选择框</option>'
- ,'<option value="element/form.html#checkbox">checkbox 复选框</option>'
- ,'<option value="element/form.html#switch">switch 开关</option>'
- ,'<option value="element/form.html#radio">radio 单选框</option>'
- ,'<option value="element/form.html#textarea">textarea 文本域</option>'
- ,'<option value="element/nav.html">nav 导航菜单</option>'
- ,'<option value="element/menu.html">menu 基础通用菜单</option>'
- ,'<option value="element/nav.html#breadcrumb">breadcrumb 面包屑</option>'
- ,'<option value="element/tab.html">tabs 选项卡</option>'
- ,'<option value="element/progress.html">progress 进度条</option>'
- ,'<option value="element/panel.html">panel 面板 / card</option>'
- ,'<option value="element/collapse.html">collapse 折叠面板/手风琴</option>'
- ,'<option value="element/table.html">table 表格元素</option>'
- ,'<option value="element/badge.html">badge 徽章</option>'
- ,'<option value="element/timeline.html">timeline 时间线</option>'
- ,'<option value="element/auxiliar.html#blockquote">blockquote 引用块</option>'
- ,'<option value="element/auxiliar.html#fieldset">fieldset 字段集</option>'
- ,'<option value="element/auxiliar.html#hr">hr 分割线</option>'
-
- ,'<option value="modules/layer.html">layer 弹出层/弹窗综合</option>'
- ,'<option value="modules/laydate.html">laydate 日期时间选择器</option>'
- ,'<option value="modules/laypage.html">laypage 分页</option>'
- ,'<option value="modules/laytpl.html">laytpl 模板引擎</option>'
- ,'<option value="modules/table.html">table 数据表格</option>'
- ,'<option value="modules/form.html">form 表单模块</option>'
- ,'<option value="modules/upload.html">upload 文件/图片上传</option>'
- ,'<option value="modules/dropdown.html">dropdown 下拉菜单</option>'
- ,'<option value="modules/dropdown.html#contextmenu">contextmenu 右键菜单</option>'
- ,'<option value="modules/transfer.html">transfer 穿梭框</option>'
- ,'<option value="modules/tree.html">tree 树形菜单</option>'
- ,'<option value="modules/colorpicker.html">colorpicker 颜色选择器</option>'
- ,'<option value="modules/element.html">element 常用元素操作</option>'
- ,'<option value="modules/slider.html">slider 滑块</option>'
- ,'<option value="modules/rate.html">rate 评分</option>'
- ,'<option value="modules/carousel.html">carousel 轮播/跑马灯</option>'
- ,'<option value="modules/layedit.html">layedit 富文本编辑器</option>'
- ,'<option value="modules/flow.html">flow 信息流/图片懒加载</option>'
- ,'<option value="modules/util.html">util 工具集</option>'
- ,'<option value="modules/code.html">code 代码文本行修饰</option>'
- ,'<option value="/layui/www.layui.com/layim/index.html">layim</option>'
- ,'<option value="/layui/www.layui.com/layuiadmin/index.html">layuiadmin</option>'
- ,'</select>'
- ,'<i class="layui-icon layui-icon-search"></i>'].join(''));
- $('.component').append(elemComponentSelect);
- form.render('select', 'LAY-site-header-component');
- //搜索组件
- form.on('select(component)', function(data){
- var value = data.value;
- location.href = /^\//.test(value) ? value : ('/doc/'+ value);
- });
- }();
- //顶部轮播 TIPS
- var notice = function(options, elemParter){
- var local = layui.data('layui');
- options = options || {};
- if(device.mobile) return;
- //是否不显示 tips
- var keyName = 'notice_topnav_'+ options.key
- ,notParter = local[keyName] && new Date().getTime() - local[keyName] < (options.tipsInterval || 1000*60*30); //默认 30 分钟出现一次
- if(!options.tips) layer.close(layer.tipsIndex);
- if(!notParter && options.tips){
- var tipsIndex = layer.tipsIndex = layer.tips(
- ['<a href="'+ options.url +'" target="_blank" style="display: block; line-height: 30px; padding: 10px; text-align: center; font-size: 14px; background-image: linear-gradient(to right,#8510FF,#D025C2,#FF8B2D,#FF0036); color: #fff; '+ (options.tipsCss || '') +'">'
- //阿里云经典:background-image: linear-gradient(to right,#8510FF,#D025C2,#FF8B2D,#FF0036);
- //阿里云活动:background-image: linear-gradient(to right,#8510FF,#D025C2,#F64E2C,#FF0036);
-
- //腾讯经典:background-image: linear-gradient(to right,#1242A4,#1746A1,#CFAE71,#1746A1);
- ,options.desc || ''
- ,'</a>'].join('')
- ,elemParter
- ,{
- tips: (options.tipsStyle ? new Function('return '+ options.tipsStyle)() : [3, '#9F17E9'])
- //阿里云经典:[3, '#9F17E9']
- //腾讯云经典:[3, '#1443A3'] //[3, '#803ED9']
- ,skin: 'layui-hide-xs'
- ,maxWidth: 320
- ,time: 0
- ,anim: 5
- ,tipeMore: true
- ,success: function(layero, index){
- layero.find('.layui-layer-content').css({
- 'padding': 0
- });
- layero.find('a').on('click', function(){
- elemParter.trigger('click');
- });
- //隐藏小箭头
- var tipsG = layero.find('.layui-layer-TipsG');
- if(tipsG.css('left') !== '5px'){
- tipsG.hide();
- }
- //移动端样式
- if(elemParter.parent().css('display') === 'none'){
- layero.css({
- left: '50%'
- ,top: '80px'
- ,'margin-left': -(layero.width()/2)
- });
- tipsG.hide();
- }
- }
- }
- )
- //点击链接
- elemParter.on('click', function(){
- layui.data('layui', {
- key: keyName
- ,value: new Date().getTime()
- });
- layer.close(tipsIndex);
- });
- }
- };
- //头部轮播
- ;!function(){
- var noticeElem = $('.site-notice');
- if(device.mobile || !noticeElem[0]) return;
- (function(data){
- data = data || [];
- data = layui.sort(data, 'sort', true); //优先级排序
- var tpl = ['{{# if(d.length > 0){ }}'
- ,'<div class="layui-carousel" id="layui-spm-event-parter" lay-filter="site-top-carousel">'
- ,'<div carousel-item>'
- ,'{{# layui.each(d, function(index, v){ '
- ,'var tg = v.ad ? "tg" : "";'
- ,'var style = v.tipsCss || "";'
- ,'}}'
- ,'<div>'
- ,'<a href="{{ v.url }}" target="_blank" class="{{ tg }} tg-{{ v.key }}" data-tips="{{ v.tips }}">'
- ,'<cite style="{{ style }}">{{ v.title }} {{# if(v.hot){ }}<span class="layui-badge-dot" style="margin-top: -5px;"></span>{{# } }}</cite>'
- ,'</a>'
- ,'<style>'
- ,'{{# if(v.ad){ }} .site-notice a.tg-{{ v.key }} cite{padding-right:25px;} {{# } }}'
- ,'{{# if(v.ad){ }}.site-notice a.tg-{{ v.key }}:after{content:"{{ v.ad }}"} {{# } }}'
- ,'</style>'
- ,'</div>'
- ,'{{# }); }}'
- ,'</div>'
- ,'</div>'
- ,'{{# } }}'].join('');
- laytpl(tpl).render(data, function(html){
- var elem = '.site-notice .layui-carousel';
- noticeElem.html(html);
- //轮播实例
- carousel.render({
- elem: elem
- ,width: '100%' //设置容器宽度
- ,height: '100%'
- ,arrow: 'none' //始终显示箭头
- ,indicator: 'none' //指示器位置
- ,anim: 'fade' //切换动画方式
- ,interval: 5000 //自动切换的时间间隔
- });
- notice(data[0], $(elem).children('div').children('div').eq(0).find('a'));
- carousel.on('change(site-top-carousel)', function(obj){
- notice(data[obj.index], obj.item.find('a'));
- });
- });
- })([{"classname":"toptg","key":"toptg-notice","title":"layui 官网下线公告","url":layui.cache.dir + "../../../www.layui.com/about/notice.html","CONFIG_TIME":"9/26/2021, 6:25:48 PM","tips":"","tipsCss":"background-image: linear-gradient(to right,#359FD4,#36B5C8,#25D8AB","hot":"1"}]);
- }();
- //头部动态导航
- ;!function(){
- var elemNavTop = $('#LAY_NAV_TOP')
- ,browser = home.getBrowser();
- if(!(browser === 'edge' || browser === 'chrome' || browser === 'firefox')) return;
- if(!elemNavTop[0]) return;
- (function(data){
- data = data || [];
- data = data[0] || {};
- var content = data.content;
- if(!content) return;
- elemNavTop.append(content);
- elemNavTop.find('.layui-nav-bar').remove();
- elemNavTop.find('.layui-nav-item').off('mouseenter').off('mouseleave')
- element.render('nav');
- })([{"classname":"toptg","key":"toptg-notice","title":"layui 官网下线公告","url":layui.cache.dir + "../../../www.layui.com/about/notice.html","CONFIG_TIME":"9/26/2021, 6:25:48 PM","tips":"","tipsCss":"background-image: linear-gradient(to right,#359FD4,#36B5C8,#25D8AB","hot":"1"}]);
- }();
- //弹出公告
- ;!function(){
- local.popup_notice = new Date('2021-10-13 00:00:00').getTime();
- (function(data){
- data = data || [];
- data = data[0] || {};
-
- var content = data.content;
- if(!content) return;
- var hasClickNotice = local.popup_notice && new Date().getTime() - local.popup_notice < (data.tipsInterval || 1000*60*60*24*3);
- if(hasClickNotice) return;
- setTimeout(function(){
- layer.open({
- type: 1
- ,title: data.title || '公告'
- ,area: device.mobile ? ['90%', '90%'] : ['800px', '520px']
- ,shade: false
- //,offset: 'b'
- ,id: 'LAY_Notice' //设定一个id,防止重复弹出
- ,skin: 'site-popup-notice'
- ,resize: false
- ,content: content
- ,success: function(layero, index){
- layero.find('a').on('click', function(){
- layer.close(index);
- });
- }
- ,end: function(){
- layui.data('layui', {
- key: 'popup_notice'
- ,value: new Date().getTime()
- });
- }
- });
- }, 500);
- })([{
- "classname": "popup",
- "key": "popup-notice",
- "title": "layui 重要公告",
- "url": "",
- "CONFIG_TIME": "9/26/2021, 6:26:53 PM",
- "content": "<style>\n.site-popup-notice{background-image: linear-gradient(to right,#359FD4,#36B5C8,#25D8AB); }\n.site-popup-notice .layui-layer-title{border-bottom-color: rgba(255,255,255,.1);}\n.site-popup-notice .site-content{color: #fff;}\n</style>\n\n<div class=\"site-content layui-text\" style=\"width: auto !important; min-height: auto; padding: 20px;\">\n<p>\n 所有对 layui 为之热爱、鞭策、奉献,和支持过的开发者:\n<br>请接受我用意念和字节传达的深深歉意。这是一个无力、无奈,甚至无助的决定:\n </p>\n \n <blockquote class=\"layui-elem-quote layui-quote-nm\" style=\"border-color: rgba(255,255,255,.3);\">\n <em style=\"font-style: normal; color: #fff !important;\">layui 官网将于 <strong>2021年10月13日</strong> 进行下线。</em>\n </blockquote>\n \n <p>届时,包括新版下载、文档和示例在内的所有框架日常维护工作,将全部迁移到 Github 和 Gitee。\n <br>此后,layui 仍会在代码托管平台所活跃,且 2.7 正式版也将在其间首发。而 layui 官网将不复存在。<br>这不是终结,只是重归到开源的纯粹中来。\n </p>\n \n <p>再者,对于 layuiAdmin 和 layim 专区,将会迁移到新站进行保留,以便老用户还能下载使用,且此二者不再面向新用户。</p>\n \n <p>过去五年,layui 有幸被应用在不计其数的 Web 平台,在前端工程化迅速席来的浪潮中,我们仍然感受到一丝来自于 jQuery 的余晖,这是一种带有热量的冰冷(反之亦可)。使命已达,便纵有万般遗憾,更与何人说?!</p>\n \n <p>最后,请大家怀揣对 Web 前端技术的热忱,去拥抱 Vue.js、拥抱 Element UI、拥抱更好的新时代,\n <br>以及,所有那些值得去追求的美好事物。</p>\n \n <p>—— 贤心</p>\n\n<div class=\"layui-btn-container\" style=\"margin-top: 15px; text-align: right;\">\n <a href=\"https://gitee.com/sentsin/layui/issues\" target=\"_blank\" rel=\"nofollow\" class=\"layui-btn\" style=\"background: rgba(255,255,255,.3);\" >我有话说</a> \n </div>\n</div>",
- "tipsCss": "background-image: linear-gradient(to right,#359FD4,#36B5C8,#25D8AB",
- "tipsInterval": local.popup_notice
- }]);
- }();
- //点击事件
- var events = {
- //联系方式
- contactInfo: function(){
- layer.alert('<div class="layui-text">如有合作意向,可联系:<br>邮箱:xianxin@layui-inc.com</div>', {
- title:'联系'
- ,btn: false
- ,shadeClose: true
- });
- }
- //公众号
- ,weixinmp: function(){
- layer.photos({
- photos: {
- data: [{
- alt: 'layui 公众号'
- ,"src": "https://cdn.layui.com/upload/2017_8/168_1501890714998_68095.jpg" //原图地址
- ,"thumb": "https://cdn.layui.com/upload/2017_8/168_1501890714998_68095.jpg" //缩略图地址
- }]
- }
- })
- }
- };
- $body.on('click', '*[site-event]', function(){
- var othis = $(this)
- ,attrEvent = othis.attr('site-event');
- events[attrEvent] && events[attrEvent].call(this, othis);
- });
- //切换版本
- form.on('select(tabVersion)', function(data){
- var value = data.value;
- location.href = value === 'new' ? '/' : ('/' + value + '/doc/');
- });
-
- //首页 banner
- setTimeout(function(){
- $('.site-zfj').addClass('site-zfj-anim');
- setTimeout(function(){
- $('.site-desc').addClass('site-desc-anim')
- }, 5000)
- }, 100);
- //数字前置补零
- var digit = function(num, length, end){
- var str = '';
- num = String(num);
- length = length || 2;
- for(var i = num.length; i < length; i++){
- str += '0';
- }
- return num < Math.pow(10, length) ? str + (num|0) : num;
- };
- //下载倒计时
- var setCountdown = $('#setCountdown');
- if($('#setCountdown')[0]){
- $.get('/api/getTime', function(res){
- util.countdown(new Date(2017,7,21,8,30,0), new Date(res.time), function(date, serverTime, timer){
- var str = digit(date[1]) + ':' + digit(date[2]) + ':' + digit(date[3]);
- setCountdown.children('span').html(str);
- });
- },'jsonp');
- }
- //Adsense
- ;!function(){
- var len = $('.adsbygoogle').length;
- try {
- for(var i = 0; i < len; i++){
- (adsbygoogle = window.adsbygoogle || []).push({});
- }
- } catch (e){
- console.error(e)
- }
- }();
-
- //展示当前版本
- $('.site-showv').html(layui.v);
- //获取Github数据
- var getStars = $('#getStars');
- if(getStars[0]){
- var res = {"stargazers_count":'8.1k'}
- getStars.html(res.stargazers_count);
- }
-
- //首页操作
- (function(){
- var elemDowns = $('.site-showdowns');
- //获取下载数
- if(elemDowns[0]){
- var res = {"number":2356878,"title":"layui下载量"};
- elemDowns.html(res.number);
- }
-
- //记录下载
- $('.site-down').on('click',function(e){
- var othis = $(this)
- ,local = layui.data('layui')
- ,setHandle = function(){
- };
- if(!local.disclaimer){
- e.preventDefault();
- layer.confirm([
- '<div class="layui-text" style="padding: 10px 0;">'
- ,'请先阅读《<a href="/about/disclaimer.html" target="_blank">layui 开源界面框架免责声明</a>》'
- ,',再进行下载</div>'
- ].join(''), {
- title: '下载提示'
- ,btn: ['已阅读', '取消']
- ,maxWidth: 750
- }, function(index){
- layui.data('layui', {
- key: 'disclaimer'
- ,value: new Date().getTime()
- });
- layer.close(index);
- othis[0].click();
- setHandle();
- });
- } else {
- setHandle();
- }
- });
- })();
-
-
- //固定Bar
- util.fixbar({
- showHeight: 60
- ,css: function(){
- if(global.pageType === 'demo'){
- return {bottom: 75}
- }
- }()
- });
-
- //窗口scroll
- ;!function(){
- var main = $('.site-menu'), scroll = function(){
- var stop = $(window).scrollTop();
- if($(window).width() <= 992) return;
- var bottom = $('.footer').offset().top - $(window).height();
- if(stop > 60){ //211
- if(!main.hasClass('site-fix')){
- main.addClass('site-fix').css({
- width: main.parent().width()
- });
- }
- }else {
- if(main.hasClass('site-fix')){
- main.removeClass('site-fix').css({
- width: 'auto'
- });
- }
- }
- stop = null;
- };
- scroll();
- $(window).on('scroll', scroll);
- }();
- //示例页面滚动
- $(window).on('scroll', function(){
- /*
- var elemDate = $('.layui-laydate,.layui-colorpicker-main')
- if(elemDate[0]){
- elemDate.each(function(){
- var othis = $(this);
- if(!othis.hasClass('layui-laydate-static')){
- othis.remove();
- }
- });
- $('input').blur();
- }
- */
- var elemTips = $('.layui-table-tips');
- if(elemTips[0]) elemTips.remove();
- if($('.layui-layer')[0]){
- layer.closeAll('tips');
- }
- });
-
- //代码修饰
- layui.code({
- elem: 'pre'
- });
-
- //目录
- var siteDir = $('.site-dir');
- if(siteDir[0] && $(window).width() > 750){
- layer.ready(function(){
- layer.open({
- type: 1
- ,content: siteDir
- ,skin: 'layui-layer-dir'
- ,area: 'auto'
- ,maxHeight: $(window).height() - 300
- ,title: '目录'
- ,closeBtn: false
- ,offset: 'r'
- ,shade: false
- ,success: function(layero, index){
- layer.style(index, {
- marginLeft: -15
- });
- }
- });
- });
- siteDir.find('li').on('click', function(){
- var othis = $(this);
- othis.find('a').addClass('layui-this');
- othis.siblings().find('a').removeClass('layui-this');
- });
- }
- //在textarea焦点处插入字符
- var focusInsert = function(str){
- var start = this.selectionStart
- ,end = this.selectionEnd
- ,offset = start + str.length
- this.value = this.value.substring(0, start) + str + this.value.substring(end);
- this.setSelectionRange(offset, offset);
- };
- //演示页面
- $('body').on('keydown', '#LAY_editor, .site-demo-text', function(e){
- var key = e.keyCode;
- if(key === 9 && window.getSelection){
- e.preventDefault();
- focusInsert.call(this, ' ');
- }
- });
- var editor = $('#LAY_editor')
- ,iframeElem = $('#LAY_demo')
- ,runCodes = function(){
- if(!iframeElem[0]) return;
- var html = editor.val();
- var iframeDocument = iframeElem.prop('contentWindow').document;
- iframeDocument.open();
- iframeDocument.write(html);
- iframeDocument.close();
- };
- $('#LAY_demo_run').on('click', runCodes), runCodes();
- //让导航在最佳位置
- var setScrollTop = function(thisItem, elemScroll){
- if(thisItem[0]){
- var itemTop = thisItem.offset().top
- ,winHeight = $(window).height();
- if(itemTop > winHeight - 160){
- elemScroll.animate({'scrollTop': itemTop - winHeight/2}, 200);
- }
- }
- }
- //让选中的菜单保持在可视范围内
- util.toVisibleArea({
- scrollElem: $('.layui-side-scroll').eq(0)
- ,thisElem: $('.site-demo-nav').find('dd.layui-this')
- });
- util.toVisibleArea({
- scrollElem: $('.layui-side-scroll').eq(1)
- ,thisElem: $('.site-demo-table-nav').find('li.layui-this')
- });
-
- //查看代码
- $(function(){
- var DemoCode = $('#LAY_democode');
- DemoCode.val([
- DemoCode.val()
- ,'<body>'
- ,global.preview
- ,'\n<script src="/public/layui/dist/layui.js" charset="utf-8"></script>'
- ,'\n<!-- 注意:如果你直接复制所有代码到本地,上述 JS 路径需要改成你本地的 -->'
- ,$('#LAY_democodejs').html()
- ,'\n</body>\n</html>'
- ].join(''));
- });
- //点击查看代码选项
- element.on('tab(demoTitle)', function(obj){
- if(obj.index === 1){
- if(device.ie && device.ie < 9){
- layer.alert('强烈不推荐你通过ie8/9 查看代码!因为,所有的标签都会被格式成大写,且没有换行符,影响阅读');
- }
- }
- })
- //手机设备的简单适配
- var treeMobile = $('.site-tree-mobile')
- ,shadeMobile = $('.site-mobile-shade')
- treeMobile.on('click', function(){
- $('body').addClass('site-mobile');
- });
- shadeMobile.on('click', function(){
- $('body').removeClass('site-mobile');
- });
- //愚人节
- ;!function(){
- if(elemHome.data('date') === '4-1'){
- return
- if(local['20180401']) return;
- elemHome.addClass('site-out-up');
- setTimeout(function(){
- layer.photos({
- photos: {
- "data": [{
- "src": "//cdn.layui.com/upload/2018_4/168_1522515820513_397.png",
- }]
- }
- ,anim: 2
- ,shade: 1
- ,move: false
- ,end: function(){
- layer.msg('愚公,快醒醒!', {
- shade: 1
- }, function(){
- layui.data('layui', {
- key: '20180401'
- ,value: true
- });
- });
- }
- ,success: function(layero, index){
- elemHome.removeClass('site-out-up');
- layero.find('#layui-layer-photos').on('click', function(){
- layer.close(layero.attr('times'));
- }).find('.layui-layer-imgsee').remove();
- }
- });
- }, 1000*3);
- }
- }();
- //获取文档图标数据
- home.getIconData = function(){
- var $ = layui.$
- ,iconData = []
- ,iconListElem = $('.site-doc-icon li');
- iconListElem.each(function(){
- var othis = $(this);
- iconData.push({
- title: $.trim(othis.find('.doc-icon-name').text())
- ,fontclass: $.trim(othis.find('.doc-icon-fontclass').text())
- ,unicode: $.trim(othis.find('.doc-icon-code').html())
- });
- });
-
- $('.site-h1').html('<textarea style="width: 100%; height: 600px;">'+ JSON.stringify(iconData) + '</textarea>');
- };
- exports('global', home);
- });
|