zhangzl
/
nsgk_official_account_front
1
0
Forka 0
Codice Problemi 0 Pull Requests 0 Rilasci 0 Wiki Attività
公众号前端
Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
1 Commit
1 Ramo (Branch)
714 KiB
 
 
 
 
Albero (Tree): 910fbe978a
Rami (Branch) Tag
${ item.name }
Crea branch ${ searchTerm }
da '910fbe978a'
${ noResults }
nsgk_official_account_front/src/assets/css/wx-menu.css

366 righe
6.8 KiB
Originale Blame Cronologia 

  1. @charset "utf-8";

  2. * {

  3.     box-sizing: border-box;

  4. }

  5. 

  6. #app-menu ul {

  7.     padding: 0;

  8. }

  9. 

  10. #app-menu li {

  11.     list-style: none;

  12. }

  13. 

  14. #app-menu {

  15.     overflow: hidden;

  16.     width: 100%;

  17. }

  18. 

  19. .weixin-preview {

  20.     position: relative;

  21.     width: 320px;

  22.     height: 540px;

  23.     float: left;

  24.     margin-right: 10px;

  25.     border: 1px solid #e7e7eb;

  26. }

  27. 

  28. .weixin-preview a {

  29.     text-decoration: none;

  30.     color: #616161;

  31. }

  32. 

  33. .weixin-preview .weixin-hd .weixin-title {

  34.     color: #fff;

  35.     font-size: 15px;

  36.     width: 100%;

  37.     text-align: center;

  38.     position: absolute;

  39.     top: 33px;

  40.     left: 0px;

  41. }

  42. 

  43. .weixin-preview .weixin-header{

  44.     text-align: center;

  45.     padding: 10px 0;

  46.     background-color: #616161;

  47.     color: #ffffff;   

  48. }

  49. 

  50. .weixin-preview .weixin-menu {

  51.     position: absolute;

  52.     bottom: 0;

  53.     left: 0;

  54.     right: 0;

  55.     border-top: 1px solid #e7e7e7;

  56.     background-position: 0 0;

  57.     background-repeat: no-repeat;

  58.     margin-bottom: 0px;

  59. }

  60. 

  61. /*一级*/

  62. .weixin-preview .weixin-menu .menu-item {

  63.     position: relative;

  64.     float: left;

  65.     line-height: 50px;

  66.     height: 50px;

  67.     text-align: center;

  68.     width: 33.33%;

  69.     border-left: 1px solid #e7e7e7;

  70.     cursor: pointer;

  71.     color: #616161;

  72. }

  73. 

  74. /*二级*/

  75. .weixin-preview .weixin-sub-menu {

  76.     position: absolute;

  77.     bottom: 60px;

  78.     left: 0;

  79.     right: 0;

  80.     border-top: 1px solid #d0d0d0;

  81.     margin-bottom: 0px;

  82.     background: #fafafa;

  83.     display: block;

  84.     padding: 0;

  85. }

  86. 

  87. .weixin-preview .weixin-sub-menu .menu-sub-item {

  88.     line-height: 50px;

  89.     height: 50px;

  90.     text-align: center;

  91.     width: 100%;

  92.     border: 1px solid #d0d0d0;

  93.     border-top-width: 0px;

  94.     cursor: pointer;

  95.     position: relative;

  96.     color: #616161;

  97. }

  98. 

  99. .weixin-preview .weixin-sub-menu .menu-sub-item.on-drag-over{

  100.     border-top: 2px solid #44b549;

  101. }

  102. 

  103. .weixin-preview .menu-arrow {

  104.     position: absolute;

  105.     left: 50%;

  106.     margin-left: -6px;

  107. }

  108. 

  109. .weixin-preview .arrow_in {

  110.     bottom: -4px;

  111.     display: inline-block;

  112.     width: 0px;

  113.     height: 0px;

  114.     border-width: 6px 6px 0px;

  115.     border-style: solid dashed dashed;

  116.     border-color: #fafafa transparent transparent;

  117. }

  118. 

  119. .weixin-preview .arrow_out {

  120.     bottom: -5px;

  121.     display: inline-block;

  122.     width: 0px;

  123.     height: 0px;

  124.     border-width: 6px 6px 0px;

  125.     border-style: solid dashed dashed;

  126.     border-color: #d0d0d0 transparent transparent;

  127. }

  128. 

  129. .weixin-preview .menu-item .menu-item-title, .weixin-preview .menu-sub-item .menu-item-title {

  130.     width: 100%;

  131.     overflow: hidden;

  132.     white-space: nowrap;

  133.     text-overflow: ellipsis;

  134.     box-sizing: border-box;

  135. }

  136. 

  137. 

  138. .weixin-preview .menu-item.current, .weixin-preview .menu-sub-item.current {

  139.     border: 1px solid #44b549;

  140.     background: #fff;

  141.     color: #44b549;

  142. }

  143. 

  144. .weixin-preview .weixin-sub-menu.show {

  145.     display: block;

  146. }

  147. 

  148. .weixin-preview .icon_menu_dot {

  149.     /* background: url(../images/index_z354723.png) 0px -36px no-repeat; */

  150.     width: 7px;

  151.     height: 7px;

  152.     vertical-align: middle;

  153.     display: inline-block;

  154.     margin-right: 2px;

  155.     margin-top: -2px;

  156. }

  157. 

  158. .weixin-preview .icon14_menu_add {

  159.     /* background: url(../images/index_z354723.png) 0px 0px no-repeat; */

  160.     width: 14px;

  161.     height: 14px;

  162.     vertical-align: middle;

  163.     display: inline-block;

  164.     margin-top: -2px;

  165. }

  166. 

  167. .weixin-preview li:hover .icon14_menu_add {

  168.     /* background: url(../images/index_z354723.png) 0px -18px no-repeat; */

  169. }

  170. 

  171. .weixin-preview .menu-item:hover {

  172.     color: #000;

  173. }

  174. 

  175. .weixin-preview .menu-sub-item:hover {

  176.     background: #eee;

  177. }

  178. 

  179. .weixin-preview li.current:hover {

  180.     background: #fff;

  181.     color: #44b549;

  182. }

  183. 

  184. /*菜单内容*/

  185. .weixin-menu-detail {

  186.     width: 600px;

  187.     padding: 0px 20px 5px;

  188.     background-color: #f4f5f9;

  189.     border: 1px solid #e7e7eb;

  190.     float: left;

  191.     min-height: 540px;

  192. }

  193. 

  194. .weixin-menu-detail .menu-name {

  195.     float: left;

  196.     height: 40px;

  197.     line-height: 40px;

  198.     font-size: 18px;

  199. }

  200. 

  201. .weixin-menu-detail .menu-del {

  202.     float: right;

  203.     height: 40px;

  204.     line-height: 40px;

  205.     color: #459ae9;

  206.     cursor: pointer;

  207. }

  208. 

  209. .weixin-menu-detail .menu-input-group {

  210.     width: 540px;

  211.     margin: 10px 0 30px 0;

  212.     overflow: hidden;

  213. }

  214. 

  215. .weixin-menu-detail .menu-label {

  216.     float: left;

  217.     height: 30px;

  218.     line-height: 30px;

  219.     width: 80px;

  220.     text-align: right;

  221. }

  222. 

  223. .weixin-menu-detail .menu-input {

  224.     float: left;

  225.     width: 380px

  226. }

  227. 

  228. .weixin-menu-detail .menu-input-text {

  229.     border: 0px;

  230.     outline: 0px;

  231.     background: #fff;

  232.     width: 300px;

  233.     padding: 5px 0px 5px 0px;

  234.     margin-left: 10px;

  235.     text-indent: 10px;

  236.     height: 35px;

  237. }

  238. 

  239. .weixin-menu-detail .menu-tips {

  240.     color: #8d8d8d;

  241.     padding-top: 4px;

  242.     margin: 0;

  243. }

  244. 

  245. .weixin-menu-detail .menu-tips.cursor {

  246.     color: #459ae9;

  247.     cursor: pointer;

  248. }

  249. 

  250. .weixin-menu-detail .menu-input .menu-tips {

  251.     margin: 0 0 0 10px;

  252. }

  253. 

  254. .weixin-menu-detail .menu-content {

  255.     padding: 16px 20px;

  256.     border: 1px solid #e7e7eb;

  257.     background-color: #fff;

  258. }

  259. 

  260. .weixin-menu-detail .menu-content .menu-input-group {

  261.     margin: 0px 0 10px 0;

  262. }

  263. 

  264. .weixin-menu-detail .menu-content .menu-label {

  265.     text-align: left;

  266.     width: 100px;

  267. }

  268. 

  269. .weixin-menu-detail .menu-content .menu-input-text {

  270.     border: 1px solid #e7e7eb;

  271. }

  272. 

  273. .weixin-menu-detail .menu-content .menu-tips {

  274.     padding-bottom: 10px;

  275. }

  276. 

  277. .weixin-menu-detail .menu-msg-content {

  278.     padding: 0;

  279.     border: 1px solid #e7e7eb;

  280.     background-color: #fff;

  281. }

  282. 

  283. .weixin-menu-detail .menu-msg-content .menu-msg-head {

  284.     overflow: hidden;

  285.     border-bottom: 1px solid #e7e7eb;

  286.     line-height: 38px;

  287.     height: 38px;

  288.     padding: 0 20px;

  289. }

  290. 

  291. .weixin-menu-detail .menu-msg-content .menu-msg-panel {

  292.     padding: 30px 50px;

  293. }

  294. 

  295. .weixin-menu-detail .menu-msg-content .menu-msg-select {

  296.     padding: 40px 20px;

  297.     border: 2px dotted #d9dadc;

  298.     text-align: center;

  299. }

  300. 

  301. .weixin-menu-detail .menu-msg-content .menu-msg-select:hover {

  302.     border-color: #b3b3b3;

  303. }

  304. 

  305. .weixin-menu-detail .menu-msg-content strong {

  306.     display: block;

  307.     padding-top: 3px;

  308.     font-weight: 400;

  309.     font-style: normal;

  310. }

  311. 

  312. .weixin-menu-detail .menu-msg-content .menu-msg-title {

  313.     float: left;

  314.     width: 310px;

  315.     height: 30px;

  316.     line-height: 30px;

  317.     overflow: hidden;

  318.     text-overflow: ellipsis;

  319.     white-space: nowrap;

  320. }

  321. 

  322. .icon36_common {

  323.     width: 36px;

  324.     height: 36px;

  325.     vertical-align: middle;

  326.     display: inline-block;

  327. }

  328. 

  329. .icon_msg_sender {

  330.     margin-right: 3px;

  331.     margin-top: -2px;

  332.     width: 20px;

  333.     height: 20px;

  334.     vertical-align: middle;

  335.     display: inline-block;

  336.     /* background: url(../images/msg_tab_z25df2d.png) 0 -270px no-repeat; */

  337. }

  338. 

  339. .weixin-btn-group {

  340.     text-align: center;

  341.     width: 100%;

  342.     margin: 30px 0px;

  343.     overflow: hidden;

  344. }

  345. 

  346. .weixin-btn-group .btn {

  347.     width: 100px;

  348.     border-radius: 0px;

  349. }

  350. 

  351. #material-list {

  352.     padding: 20px;

  353.     overflow-y: scroll;

  354.     height: 558px;

  355. }

  356. 

  357. #news-list {

  358.     padding: 20px;

  359.     overflow-y: scroll;

  360.     height: 558px;

  361. }

  362. 

  363. #material-list table {

  364.     width: 100%;

  365. }