From dc1c2a95c65eab18b74fb2ed4bd2dfa03ecac094 Mon Sep 17 00:00:00 2001 From: a123456 <1209165801@qq.com> Date: Sat, 26 Jan 2019 09:28:43 +0800 Subject: [PATCH] Signed-off-by: a123456 <1209165801@qq.com> --- .../webapp/WEB-INF/manager/mweixin/head.ftl | 0 .../WEB-INF/manager/mweixin/material-list.htm | 36 ++++++ .../webapp/WEB-INF/manager/mweixin/menu.ftl | 44 +++----- src/main/webapp/static/css/menu.css | 105 ++++++++++++++++++ src/main/webapp/static/mweixin/css/menu.css | 105 ++++++++++++++++++ .../static/mweixin/{ => less}/menu.less | 4 +- 6 files changed, 263 insertions(+), 31 deletions(-) create mode 100644 src/main/webapp/WEB-INF/manager/mweixin/head.ftl create mode 100644 src/main/webapp/WEB-INF/manager/mweixin/material-list.htm create mode 100644 src/main/webapp/static/css/menu.css create mode 100644 src/main/webapp/static/mweixin/css/menu.css rename src/main/webapp/static/mweixin/{ => less}/menu.less (65%) diff --git a/src/main/webapp/WEB-INF/manager/mweixin/head.ftl b/src/main/webapp/WEB-INF/manager/mweixin/head.ftl new file mode 100644 index 00000000..e69de29b diff --git a/src/main/webapp/WEB-INF/manager/mweixin/material-list.htm b/src/main/webapp/WEB-INF/manager/mweixin/material-list.htm new file mode 100644 index 00000000..6ccbadd0 --- /dev/null +++ b/src/main/webapp/WEB-INF/manager/mweixin/material-list.htm @@ -0,0 +1,36 @@ + + + + + + + + + + +
+ + + + + + + + + + + + + +
+ + + + \ No newline at end of file diff --git a/src/main/webapp/WEB-INF/manager/mweixin/menu.ftl b/src/main/webapp/WEB-INF/manager/mweixin/menu.ftl index 46badd96..a028bd2c 100644 --- a/src/main/webapp/WEB-INF/manager/mweixin/menu.ftl +++ b/src/main/webapp/WEB-INF/manager/mweixin/menu.ftl @@ -3,39 +3,25 @@ - +
- - - -
- 吕小布微信号 -
- - - - - - - - - - - - - - - - - - - - + +
+ 吕小布微信号 +
+ + + + + + + +
diff --git a/src/main/webapp/static/css/menu.css b/src/main/webapp/static/css/menu.css new file mode 100644 index 00000000..1d4ab247 --- /dev/null +++ b/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; +} diff --git a/src/main/webapp/static/mweixin/css/menu.css b/src/main/webapp/static/mweixin/css/menu.css new file mode 100644 index 00000000..c4fc8b6b --- /dev/null +++ b/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; +} diff --git a/src/main/webapp/static/mweixin/menu.less b/src/main/webapp/static/mweixin/less/menu.less similarity index 65% rename from src/main/webapp/static/mweixin/menu.less rename to src/main/webapp/static/mweixin/less/menu.less index 0d4f3aee..f493ed60 100644 --- a/src/main/webapp/static/mweixin/menu.less +++ b/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;