Kaynağa Gözat

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

a123456 6 yıl önce
ebeveyn
işleme
dc1c2a95c6

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


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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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;