Home Explore Help
Register Sign In
hx
/
expo
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Signed-off-by: a123456 <1209165801@qq.com>

a123456 6 years ago
parent
8621fc554d
commit
dc1c2a95c6
6 changed files with 263 additions and 31 deletions
Split View Show Diff Stats
  1. 0 0
      src/main/webapp/WEB-INF/manager/mweixin/head.ftl
  2. 36 0
      src/main/webapp/WEB-INF/manager/mweixin/material-list.htm
  3. 15 29
      src/main/webapp/WEB-INF/manager/mweixin/menu.ftl
  4. 105 0
      src/main/webapp/static/css/menu.css
  5. 105 0
      src/main/webapp/static/mweixin/css/menu.css
  6. 2 2
      src/main/webapp/static/mweixin/less/menu.less

+ 0 - 0
src/main/webapp/WEB-INF/manager/mweixin/head.ftl
View File


+ 36 - 0
src/main/webapp/WEB-INF/manager/mweixin/material-list.htm
View File 

@@ -0,0 +1,36 @@
 
+<!DOCTYPE html>
 
+<html>
 
+   <head>
 
+      <meta charset="UTF-8">
 
+      <title></title>
 
+      <!-- <#include "/include/head-file.ftl"/> -->
 
+      <!--#include virtual="../include/head-file.ftl" -->
 
+      <link rel="stylesheet" href="../../../static/mweixin/css/material-list.css">
 
+   </head>
 
+   <body>
 
+      <div id="app">
 
+         <el-container>
 
+            <el-aside width="140px">
 
+               <!--#include virtual="../include/menu.ftl" -->
 
+            </el-aside>
 
+            <el-container>
 
+               <el-header>
 
+                  <!--#include virtual="../include/head.ftl" -->
 
+               </el-header>
 
+               <el-main>
 
+						
+               </el-main>
 
+            </el-container>
 
+         </el-container>
 
+      </div>
 
+   </body>
 
+</html>
 
+
 
+<script>
 
+   new Vue({
 
+      el: "#app",
 
+      data: {},
 
+      methods: {},
 
+      mounted: function() {}
 
+   })
 
+</script>

+ 15 - 29
src/main/webapp/WEB-INF/manager/mweixin/menu.ftl
View File 

@@ -3,39 +3,25 @@
 
    <head>
 
       <title></title>
 
       <!-- <#include "/include/head-file.ftl"/> -->
 
-      <link rel="stylesheet" href="../../../static/mweixin/css/menu.css">
 
       <!--#include virtual="../include/head-file.ftl" -->
 
+      <link rel="stylesheet" href="../../../static/mweixin/css/menu.css">
 
    </head>
 
    <body>
 
       <div id="app">
 
-         <el-container>
 
-            <!--左侧-->
 
-            <el-aside width="140px">
 
-               <div class="ms-weixin-title">
 
-                  <i></i> 吕小布微信号
 
-               </div>
 
-               <el-menu class="ms-admin-menu" default-active="0">
 
-                  <el-submenu :index="i+''" v-for="(menu,i) in menuList" @click="menuActive = menu">
 
-                     <template slot="title">
 
-                        <span v-text="menu.title"></span>
 
-                     </template>
 
-                     <el-menu-item-group>
 
-                        <el-menu-item class="ms-weixin-menu-item" :index="i+'-'+index" v-for="(sub,index) in menu.sub" v-text="sub.title"></el-menu-item>
 
-                     </el-menu-item-group>
 
-                  </el-submenu>
 
-               </el-menu>
 
-            </el-aside>
 
-            <el-main>
 
-               <el-container>
 
-                  <el-header>
 
-
 
-                  </el-header>
 
-                  <el-main>
 
-
 
-                  </el-main>
 
-               </el-container>
 
-            </el-main>
 
-         </el-container>
 
+         <!--左侧-->
 
+         <div class="ms-admin-title">
 
+            <i></i> 吕小布微信号
 
+         </div>
 
+         <el-menu class="ms-weixin-menu" default-active="0">
 
+            <el-submenu :index="i+''" v-for="(menu,i) in menuList" @click="menuActive = menu">
 
+               <template slot="title">
 
+                  <span v-text="menu.title"></span>
 
+               </template>
 
+               <el-menu-item-group>
 
+                  <el-menu-item class="ms-weixin-menu-item" :index="i+'-'+index" v-for="(sub,index) in menu.sub" v-text="sub.title"></el-menu-item>
 
+               </el-menu-item-group>
 
+            </el-submenu>
 
+         </el-menu>
 
       </div>
 
    </body>
 
 </html>

+ 105 - 0
src/main/webapp/static/css/menu.css
View File 

@@ -0,0 +1,105 @@
 
+/*
 
+*这里的值严格按照UI设计图标注值来进行设置
 
+*/
 
+/*
 
+*颜色
 
+*/
 
+/*
 
+*页面的边距
 
+*/
 
+/*
 
+*字体
 
+*/
 
+/*
 
+*头像
 
+*/
 
+/*
 
+ * 按钮
 
+ */
 
+/*
 
+*对常见的多行样式进行了方法封装，方便调用，加快开发效率
 
+*/
 
+html,
 
+body {
 
+  min-height: 100vh;
 
+  background-color: #eee;
 
+  margin: 0;
 
+  font-weight: initial !important;
 
+  font-size: 14px !important;
 
+  color: #333 !important;
 
+}
 
+html *,
 
+body * {
 
+  text-decoration: none !important;
 
+  font-family: Verdana, Arial, Helvetica, sans-serif;
 
+  box-sizing: border-box;
 
+}
 
+.ms-ellipsis {
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  white-space: nowrap;
 
+  display: block;
 
+}
 
+.ms-align-center {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+input::-webkit-input-placeholder,
 
+textarea::-webkit-input-placeholder {
 
+  font-weight: initial;
 
+  font-size: 12px;
 
+  color: #999;
 
+  resize: none;
 
+}
 
+*::-webkit-scrollbar {
 
+  width: 8px;
 
+  height: 8px;
 
+}
 
+/*定义滚动条轨道 内阴影+圆角*/
 
+*::-webkit-scrollbar-track {
 
+  border-radius: 10px;
 
+  /*滚动条的背景区域的圆角*/
 
+  background-color: #eee;
 
+  /*滚动条的背景颜色*/
 
+}
 
+/*定义滑块 内阴影+圆角*/
 
+*::-webkit-scrollbar-thumb {
 
+  border-radius: 10px;
 
+  /*滚动条的圆角*/
 
+  background-color: #ddd;
 
+  /*滚动条的背景颜色*/
 
+}
 
+.ms-container {
 
+  margin: 12px;
 
+  height: 100%;
 
+  padding: 14px 14px 0 14px;
 
+  background: #fff;
 
+}
 
+.ms-header {
 
+  padding: 10px;
 
+  margin: 0;
 
+  border-bottom: 1px solid #ddd;
 
+  background: #fff;
 
+  height: 50px;
 
+}
 
+.ms-pagination {
 
+  padding: 20px 0;
 
+  text-align: right;
 
+}
 
+.ms-fr {
 
+  float: right;
 
+}
 
+.ms-tr {
 
+  text-align: right;
 
+}
 
+.el-button + .el-button {
 
+  margin-left: 0;
 
+}
 
+.ms-weixin-title {
 
+  height: 50px;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+.ms-weixin-menu-item {
 
+  min-width: 100% !important;
 
+}

+ 105 - 0
src/main/webapp/static/mweixin/css/menu.css
View File 

@@ -0,0 +1,105 @@
 
+/*
 
+*这里的值严格按照UI设计图标注值来进行设置
 
+*/
 
+/*
 
+*颜色
 
+*/
 
+/*
 
+*页面的边距
 
+*/
 
+/*
 
+*字体
 
+*/
 
+/*
 
+*头像
 
+*/
 
+/*
 
+ * 按钮
 
+ */
 
+/*
 
+*对常见的多行样式进行了方法封装，方便调用，加快开发效率
 
+*/
 
+html,
 
+body {
 
+  min-height: 100vh;
 
+  background-color: #eee;
 
+  margin: 0;
 
+  font-weight: initial !important;
 
+  font-size: 14px !important;
 
+  color: #333 !important;
 
+}
 
+html *,
 
+body * {
 
+  text-decoration: none !important;
 
+  font-family: Verdana, Arial, Helvetica, sans-serif;
 
+  box-sizing: border-box;
 
+}
 
+.ms-ellipsis {
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  white-space: nowrap;
 
+  display: block;
 
+}
 
+.ms-align-center {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+input::-webkit-input-placeholder,
 
+textarea::-webkit-input-placeholder {
 
+  font-weight: initial;
 
+  font-size: 12px;
 
+  color: #999;
 
+  resize: none;
 
+}
 
+*::-webkit-scrollbar {
 
+  width: 8px;
 
+  height: 8px;
 
+}
 
+/*定义滚动条轨道 内阴影+圆角*/
 
+*::-webkit-scrollbar-track {
 
+  border-radius: 10px;
 
+  /*滚动条的背景区域的圆角*/
 
+  background-color: #eee;
 
+  /*滚动条的背景颜色*/
 
+}
 
+/*定义滑块 内阴影+圆角*/
 
+*::-webkit-scrollbar-thumb {
 
+  border-radius: 10px;
 
+  /*滚动条的圆角*/
 
+  background-color: #ddd;
 
+  /*滚动条的背景颜色*/
 
+}
 
+.ms-container {
 
+  margin: 12px;
 
+  height: 100%;
 
+  padding: 14px 14px 0 14px;
 
+  background: #fff;
 
+}
 
+.ms-header {
 
+  padding: 10px;
 
+  margin: 0;
 
+  border-bottom: 1px solid #ddd;
 
+  background: #fff;
 
+  height: 50px;
 
+}
 
+.ms-pagination {
 
+  padding: 20px 0;
 
+  text-align: right;
 
+}
 
+.ms-fr {
 
+  float: right;
 
+}
 
+.ms-tr {
 
+  text-align: right;
 
+}
 
+.el-button + .el-button {
 
+  margin-left: 0;
 
+}
 
+.ms-admin-title {
 
+  height: 50px;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+.ms-weixin-menu-item {
 
+  min-width: 100% !important;
 
+}

+ 2 - 2
src/main/webapp/static/mweixin/menu.less → src/main/webapp/static/mweixin/less/menu.less
View File 

@@ -1,5 +1,5 @@
 
-@import "../ms-admin/4.7.0/less/app.less";
 
-.ms-weixin-title {
 
+@import "../../ms-admin/4.7.0/less/app.less";
 
+.ms-admin-title {
 
     height: 50px;
 
     display: flex;
 
     align-items: center;