PHP一款Win10风格的后台UI网站源码

        简介：
        Win10-UI 是一个 Win10气概的背景用户界面，让您轻松建立一个怪异的布景界面。Windows 10静态平铺，可以界说方块巨细，增加随灵活画，桌面图标自动排序，使命栏带有 iframe 子窗口，与 Windows 窗口治理体验分歧，起头菜单 + 消息中心，满足背景 UI 设想需要，API 很少，大部分功用都可以用 HTML 元素界说完成，响应性和兼容性强，在移动阅读器中也有很好的表面，今朝只要兼容性支持是保证支流现代阅读器


快速入门：

若何自界说桌面图标？

code

• <div id="win10-shortcuts">
       <div class="shortcut">
             <img src="图片地址" class="icon" />
             <div class="title">图标底部笔墨</div>
       </div>
       <div class="shortcut">
             <div class="icon">自界说肆意html内容</div>
             <div class="title">图标底部笔墨</div>
       </div></div>
  
  

图标应设备为图片或自界说html添补div

若何自界说起头菜单列表?code

• <div class="list win10-menu-hidden animated animated-slideOutLeft">
       <div class="item">一级菜单</div>
       <div class="item">一级菜单</div>
       <div class="sub-item">二级菜单</div>
       <div class="sub-item">二级菜单</div>
       <div class="sub-item">二级菜单</div>
       <div class="item">一级菜单</div>
       <div class="item">一级菜单</div></div>
  
  

一级菜单增加类item，二级增加sub-item。不需要用一级菜单“包裹”二级菜单，将自动识别二级菜单的归属，请留意排序。

若何自界说起头菜单磁贴?code

• <div class="blocks">
      <div class="menu_group">
          <div class="title">磁贴组题目1</div>
          <div loc="1,1" size="1,1" class="block">
              <div class="content">磁贴1</div>
          </div>
          <div loc="2,1" size="1,1" class="block">
              <div class="content">磁贴2</div>
          </div>
      </div>
      <div class="menu_group">
          <div class="title">磁贴组题目2</div>
          <div loc="1,1" size="2,2" class="block">
              <div class="content">磁贴3</div>
          </div>
      </div></div>
  
  

磁贴地区被分红多少小格，每一行最多6格。loc='x,y'中的x暗示横坐标，y暗示纵坐标（以左上方为1,1点）。size='w,h'中的w和h暗示格子的宽度和高度（以格为单元）。

图片：