homepage.js-t=2021631.js 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. /*
  2. layuiAdmin 官网主页
  3. */
  4. layui.config({
  5. version: 20180323
  6. }).use(['element', 'carousel', 'layer', 'util'], function(){
  7. var $ = layui.$
  8. ,element = layui.element
  9. ,carousel = layui.carousel
  10. ,util = layui.util;
  11. //工具条
  12. util.fixbar({
  13. bgcolor: '#353544'
  14. ,click: function(type){
  15. }
  16. });
  17. //轮播实例
  18. carousel.render({
  19. elem: '#LAY_preview'
  20. ,width: '100%'
  21. ,height: '619px'
  22. ,anim: 'fade'
  23. ,indicator: 'outside'
  24. });
  25. carousel.on('change(preview)', function(obj){
  26. var titleElem = '.alone-preview-title'
  27. ,title = ['iframe 版', '单页版', '手机预览'];
  28. $(titleElem).children('span').eq(obj.index).addClass('layui-show').siblings().removeClass('layui-show');
  29. });
  30. //Tips
  31. $('*[lay-tips]').on('mouseenter', function(){
  32. var content = $(this).attr('lay-tips');
  33. this.index = layer.tips('<div style="padding: 10px; font-size: 14px; color: #eee;">'+ content + '</div>', this, {
  34. time: -1
  35. ,maxWidth: 280
  36. ,tips: [3, '#3A3D49']
  37. });
  38. }).on('mouseleave', function(){
  39. layer.close(this.index);
  40. });
  41. //尺寸适应
  42. $(window).on('resize', function(){
  43. });
  44. var active = {
  45. "mobile-demo": function(othis){
  46. othis.removeClass('layui-this');
  47. var index = layer.open({
  48. type: 2
  49. ,title: false //'移动端演示 (或手机扫右侧二维码预览)'
  50. ,closeBtn: false
  51. ,content: 'pro/'
  52. ,area: ['375px', '667px']
  53. ,shadeClose: true
  54. ,shade: 0.8
  55. ,end: function(){
  56. layer.closeAll();
  57. }
  58. });
  59. layer.photos({
  60. photos: {
  61. "data": [{
  62. "src": "../../res.layui.com/upload/2021_4/168_1617643238223_53889.png"/*tpa=https://cdn.layui.com/upload/2021_4/168_1617643238223_53889.png*/,
  63. }]
  64. }
  65. ,anim: 0
  66. ,shade: false
  67. ,success: function(layero){
  68. layero.css('margin-left', '350px');
  69. layer.tips('或手机扫二维码查看演示', layero, {
  70. tips: 1
  71. ,time: 0
  72. });
  73. }
  74. });
  75. }
  76. };
  77. //点击
  78. $('body').on('click', '.layuiadmin-active', function(){
  79. var othis = $(this), type = othis.data('type');
  80. active[type] ? active[type].call(this, othis) : '';
  81. });
  82. //公告
  83. layui.data('layui', {
  84. key: 'notice_layuiAdmin20180108'
  85. ,remove: true
  86. });
  87. return;
  88. if(local.notice_layuiAdmin20180108) return;
  89. layer.open({
  90. type: 1
  91. ,title: 'layuiAdmin 授权限时开启'
  92. ,closeBtn: false
  93. ,area: '300px;'
  94. ,shade: false
  95. ,offset: 'b'
  96. ,id: 'LAY_Notice' //设定一个id,防止重复弹出
  97. ,btn: ['朕知道了']
  98. ,btnAlign: 'c'
  99. ,moveType: 1
  100. ,content: ['<div class="layui-text">'
  101. ,'当前为 layuiAdmin.Pro Beta 版本持续迭代中,现在授权可享受前 500 名特惠。'
  102. ,'</div>'].join('')
  103. ,skin: 'layui-layer-notice'
  104. ,success: function(layero){
  105. var btn = layero.find('.layui-layer-btn');
  106. btn.find('.layui-layer-btn0').attr({
  107. href: '#get'
  108. });
  109. }
  110. ,end: function(){
  111. layui.data('layui', {
  112. key: 'notice_layuiAdmin20180108'
  113. ,value: new Date().getTime()
  114. });
  115. }
  116. });
  117. });