store组件规范

This commit is contained in:
guwd 2020-09-07 14:59:52 +08:00
parent 3fa1b5d6d3
commit 622ff4504d
2 changed files with 5 additions and 55 deletions

View File

@ -7,7 +7,7 @@
<script src="${base}/static/plugins/sockjs/1.4.0/sockjs.min.js"></script> <script src="${base}/static/plugins/sockjs/1.4.0/sockjs.min.js"></script>
<script src="${base}/static/plugins/stomp/2.3.3/stomp.min.js"></script> <script src="${base}/static/plugins/stomp/2.3.3/stomp.min.js"></script>
<!-- 此部分是铭飞平台MStroe的客户端MStore不在铭飞开源产品范围如果不需要使用MStore可以删除掉 --> <!-- 此部分是铭飞平台MStroe的客户端MStore不在铭飞开源产品范围如果不需要使用MStore可以删除掉 -->
<script src="https://cdn.mingsoft.net/ms/1.0/store.umd.min.js"></script> <script src="https://cdn.mingsoft.net/ms/1.0/ms-web.umd.min.js"></script>
<style> <style>
.to-ele { .to-ele {
font-size: 18px; font-size: 18px;
@ -88,7 +88,7 @@
</el-submenu> </el-submenu>
</el-menu> </el-menu>
<!--头部右侧--> <!--头部右侧-->
<div class="ms-admin-mstore"> <div class="ms-admin-header-right">
<el-menu menu-trigger="hover" class="ms-admin-header-menu" background-color="rgba(255,255,255,1)" <el-menu menu-trigger="hover" class="ms-admin-header-menu" background-color="rgba(255,255,255,1)"
text-color="#333333" active-text-color="#409EFF" text-color="#333333" active-text-color="#409EFF"
mode="horizontal"> mode="horizontal">
@ -654,26 +654,6 @@
color: rgba(64, 158, 255, 1); color: rgba(64, 158, 255, 1);
} }
.ms-admin-mstore .ms-admin-mstore-menu-icon {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
width: 48px;
color: rgba(51, 51, 51, 1);
}
.ms-admin-mstore .ms-admin-login .el-dropdown-link:hover,
.ms-admin-mstore .ms-admin-mstore-menu-icon:hover {
background: rgba(250, 250, 250, 1);
}
.ms-admin-mstore .ms-admin-mstore-menu-icon i {
font-size: 18px;
margin: 0 5px 0 0;
}
.ms-admin-login-down { .ms-admin-login-down {
top: 55px !important; top: 55px !important;
} }

View File

@ -250,7 +250,7 @@ textarea::-webkit-input-placeholder {
.ms-admin-logo-pack{ .ms-admin-logo-pack{
width: 64px!important; width: 64px!important;
} }
.ms-admin-mstore { .ms-admin-header-right {
margin-left: auto; margin-left: auto;
min-width: 200px; min-width: 200px;
display: flex; display: flex;
@ -259,7 +259,7 @@ textarea::-webkit-input-placeholder {
padding: 0; padding: 0;
line-height: 1; line-height: 1;
} }
.ms-admin-mstore .ms-admin-people-head { .ms-admin-header-right .ms-admin-people-head {
width: 30px !important; width: 30px !important;
height: 30px !important; height: 30px !important;
margin-right: 10px; margin-right: 10px;
@ -270,37 +270,7 @@ textarea::-webkit-input-placeholder {
background: #0099ff; background: #0099ff;
color: #fff; color: #fff;
} }
.ms-admin-mstore .ms-admin-mstore-icon {
min-width: 50px;
width: 50px;
height: 50px;
background-color: #0080FF;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.ms-admin-mstore .ms-admin-mstore-icon span {
border-radius: 50%;
font-weight: initial;
font-size: 12px;
color: #fff;
background: #f00;
position: absolute;
width: 1.2em;
height: 1.2em;
display: flex;
align-items: center;
justify-content: center;
top: 0.6em;
right: 0.6em;
z-index: 2;
}
.ms-admin-mstore .ms-admin-mstore-icon .iconfont {
color: #fff;
animation: rubberBand 1.4s 1s both infinite;
font-size: 1.5em;
}
.ms-admin-login { .ms-admin-login {
display: flex; display: flex;
align-items: center; align-items: center;