homeIndex.html 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  1. <!DOCTYPE html>
  2. <html lang="zh" xmlns:th="http://www.thymeleaf.org">
  3. <head>
  4. <meta charset=UTF-8>
  5. <meta name=viewport content="width=device-width,initial-scale=1">
  6. <meta http-equiv=X-UA-Compatible content="ie=edge">
  7. <link rel=stylesheet href=./assets/styles/font-awesome.css>
  8. <link rel=stylesheet href=./assets/styles/bootstrap.css>
  9. <link rel=stylesheet href=./assets/styles/font-awesome.min.css>
  10. <title>立邦随身邦管理平台</title>
  11. <link href=./assets/styles/index.f042e770.css rel=stylesheet>
  12. <link rel="shortcut icon" href="../static/favicon_back.ico" th:href="@{favicon.ico}"/>
  13. </head>
  14. <body>
  15. <div class=y-container>
  16. <div class=gbimg></div>
  17. <div class=layout>
  18. <div class=nav>
  19. <div class=logo style="font-size: 1.9rem;font-weight: bold;color: #09428f;margin-top: 6px;">
  20. &nbsp;&nbsp;
  21. <img src=./assets/imgs/logo.png style="height:80%;" alt="" srcset="">
  22. <p style="float: right;margin-top: 2px;">&nbsp;&nbsp;随身邦管理平台</p>
  23. <p style="float: right;margin-top: 1px;">&nbsp;&nbsp;|</p>
  24. </div>
  25. <ul>
  26. <li><a class=toolbar><i class="glyphicon glyphicon-envelope"></i></a>
  27. <ul class=msgs>
  28. <li><a href=javascript:void(0);><i class="fa fa-envelope"></i> <strong>查看所有消息</strong></a></li>
  29. </ul>
  30. </li>
  31. <li><a class=toolbar><i class="glyphicon glyphicon-cog"></i></a>
  32. <ul class=themeSetting>
  33. <li>
  34. <ul class=bgColor>
  35. <li><a style="background-color: #CC0000"></a></li>
  36. <li><a style="background-color: #955700"></a></li>
  37. <li><a style="background-color: #A48A00"></a></li>
  38. <li><a style="background-color: #FF9600"></a></li>
  39. <li><a style="background-color: #FFCC00"></a></li>
  40. <li><a style="background-color: #FFF000"></a></li>
  41. <li><a style="background-color: #C7CD00"></a></li>
  42. <li><a style="background-color: #6FAB04"></a></li>
  43. <li><a style="background-color: #027902"></a></li>
  44. <li><a style="background-color: #0092DB"></a></li>
  45. <li><a style="background-color: #5D8CC2"></a></li>
  46. <li><a style="background-color: #005EC2"></a></li>
  47. <li><a style="background-color: #64128C"></a></li>
  48. <li><a style="background-color: #980E66"></a></li>
  49. <li><a style="background-color: #ED0175"></a></li>
  50. <li><a style="background-color: #000000"></a></li>
  51. <li><a style="background-color: #380000"></a></li>
  52. <li><a style="background-color: #585858"></a></li>
  53. <li><a style="background-color: #9a67cb"></a></li>
  54. </ul>
  55. </li>
  56. <li class=divider>
  57. <li>
  58. <div class=bgImg>
  59. <div><span>隐藏背景图片</span> <input type=checkbox checked=checked></div>
  60. <ul>
  61. <li><img src=./assets/imgs/bgImg_1.jpg alt=""></li>
  62. <li><img src=./assets/imgs/bgImg_2.jpg alt=""></li>
  63. <li><img src=./assets/imgs/bgImg_3.jpg alt=""></li>
  64. <li><img src=./assets/imgs/bgImg_4.jpg alt=""></li>
  65. <li><img src=./assets/imgs/bgImg_5.jpg alt=""></li>
  66. <li><img src=./assets/imgs/bgImg_6.jpg alt=""></li>
  67. <li><img src=./assets/imgs/bgImg_7.png alt=""></li>
  68. <li><img src=./assets/imgs/bgImg_8.png alt=""></li>
  69. </ul>
  70. </div>
  71. </li>
  72. <li class=divider>
  73. <li><a href=# class=magnetManager><i class="glyphicon glyphicon-wrench"></i>磁贴设置</a></li>
  74. </ul>
  75. </li>
  76. <li><a class=toolbar><i class="glyphicon glyphicon-plus-sign"></i></a>
  77. <ul class=apps>
  78. <li class=divider></li>
  79. <li class=none><h4>请拖到桌面</h4><h4>无可添加应用</h4></li>
  80. </ul>
  81. </li>
  82. <li><a class=userinfo ><img th:src="(${user.avatar} == '') ? @{/img/profile.jpg} : @{${user.avatar}}"> <span>Welcome<br>[[${user.userName}]]</span><i
  83. class="ace-icon fa fa-caret-down"></i></a>
  84. <ul class=userinfos>
  85. <li><a href="system/user/profile" target="_blank" ><i class="fa fa-user"></i>个人中心</a></li>
  86. <li><a href=javascript:; class=logout><i class="ace-icon fa fa-power-off"></i>退出</a></li>
  87. </ul>
  88. </li>
  89. </ul>
  90. </div>
  91. <div class=content>
  92. <div class=content-container>
  93. <div class=model></div>
  94. <div class="tc del">
  95. <div class=arrow></div>
  96. <h3>磁铁删除</h3>
  97. <div class=tc-content><p>确认删除该桌面磁贴?</p>
  98. <div class=btns>
  99. <button>取消</button>
  100. <button class=qr>确认</button>
  101. </div>
  102. </div>
  103. </div>
  104. <div class="tc edit">
  105. <div class=arrow></div>
  106. <h3>磁铁设置</h3>
  107. <div class=tc-content><h3>文本内容</h3>
  108. <p magnet=title></p>
  109. <h3>图标尺寸</h3>
  110. <div>行: <select magnet=rowSpan>
  111. <option value=1>1</option>
  112. <option value=2>2</option>
  113. <option value=3>3</option>
  114. <option value=4>4</option>
  115. </select> 列: <select magnet=colSpan>
  116. <option value=1>1</option>
  117. <option value=2>2</option>
  118. <option value=3>3</option>
  119. <option value=4>4</option>
  120. </select></div>
  121. <h3>字体大小</h3>
  122. <div><select magnet=titleFontSize>
  123. <option value=12px>12px</option>
  124. <option value=14px>14px</option>
  125. <option value=16px>16px</option>
  126. <option value=18px>18px</option>
  127. <option value=24px>24px</option>
  128. </select></div>
  129. <h3>对齐文本</h3>
  130. <div class=btns>
  131. <div magnet=titleAlign>
  132. <button type=button data=left class="glyphicon glyphicon-align-left"></button>
  133. <button type=button data=center class="glyphicon glyphicon-align-center"></button>
  134. <button type=button data=right class="glyphicon glyphicon-align-right"></button>
  135. </div>
  136. <div magnet=titlePosition>
  137. <button type=button data=top>Top</button>
  138. <button type=button data=bottom>Bottom</button>
  139. </div>
  140. </div>
  141. <h3>背景颜色</h3>
  142. <ul class=boxcolor magnet=bgColor>
  143. <li class=Purple></li>
  144. <li class=violet></li>
  145. <li class=DeliciousRed></li>
  146. <li class=Red></li>
  147. <li class=JuicyOrange></li>
  148. <li class=ZestyGreen></li>
  149. <li class=MintyAqua></li>
  150. <li class=BoldBlue></li>
  151. <li class=Black></li>
  152. <li class=Gray></li>
  153. </ul>
  154. <h3>文本颜色</h3>
  155. <ul class=boxcolor magnet=titleColor>
  156. <li class=Purple></li>
  157. <li class=violet></li>
  158. <li class=DeliciousRed></li>
  159. <li class=JuicyOrange></li>
  160. <li class=ZestyGreen></li>
  161. <li class=MintyAqua></li>
  162. <li class=BoldBlue></li>
  163. <li class=Black></li>
  164. <li class=Gray></li>
  165. <li class=White></li>
  166. </ul>
  167. </div>
  168. </div>
  169. </div>
  170. <div class=scroll>
  171. <div></div>
  172. </div>
  173. </div>
  174. <div class=box>
  175. <div class=close></div>
  176. </div>
  177. </div>
  178. </div>
  179. <script type=text/javascript src=./assets/js/index.f042e770.js></script>
  180. </body>
  181. </html>