Skip to content

E
ElectricitySheep
Commit 9b924507 authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 0100f99f
Hide whitespace changes
Inline Side-by-side
Showing with 253 additions and 0 deletions
src/components/Fsetting.vue 0 → 100644
View file @ 9b924507
<style>
.Fsetting {
height: 100%;
display: flex;
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 0;
font-size: 14px;
}
.Fsetting .mainLeftMenu {
position: relative;
display: flex;
flex-direction: row;
color: #fff;
}
.Fsetting .leftMenu1 {
background: #444444;
cursor: pointer;
width: 200px;
height: 100%;
overflow-y: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.Fsetting .asideInner {
background: rgba(0, 0, 0, 0.15);
padding: 6px 6px;
width: 100%;
border-radius: 3px;
font-weight: bold;
}
.Fsetting .F_Logo {
height: 60px;
background: #464d54;
color: #f2f2f2;
cursor: pointer;
font-weight: bold;
text-align: center;
padding: 0 15px;
display: flex;
align-items: center;
}
.Fsetting .mainRightContent {
width: 100%;
height: 100%;
background-color: #f3f3f3;
}
.Fsetting .mainRightTop {
width: 100%;
height: 60px;
background: #fff;
display: flex;
justify-content: space-between;
color: #909399;
}
.Fsetting .mainRightLeft {
width: 110px;
height: 60px;
line-height: 62px;
text-align: center;
margin-left: 30px;
cursor: pointer;
position: relative;
top: -2px;
}
.Fsetting .marinRightList {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 300px;
float: right;
}
.Fsetting .marinRightList ul {
display: flex;
width: 100%;
justify-content: space-around;
}
.Fsetting .marinRightList ul li {
display: block;
list-style-type: none;
cursor: pointer;
color: #909399;
outline: none;
border: none;
}
.Fsetting .main_routerPage {
padding: 20px;
overflow-y: scroll;
}
.Fsetting .FsettingUU{
position: fixed;
width: 200px;
height: 100%;
position: fixed;
top: 60px;
left: 0;
overflow: auto;
z-index: 5;
background-color: rgb(84, 92, 100);
}
.Fsetting .FsettingUU .menu_item{
font-size: 14px;
color: #303133;
padding: 0 20px;
cursor: pointer;
-webkit-transition: border-color .3s,background-color .3s,color .3s;
transition: border-color .3s,background-color .3s,color .3s;
box-sizing: border-box;
height:56px;
line-height: 56px;
list-style: none;
white-space: nowrap;
color:#fff;
display: flex;
align-items: center;
}
.Fsetting .FsettingUU .menu_item i {
margin-right: 5px;
width: 24px;
text-align: center;
font-size: 18px;
vertical-align: middle;
color:#909399;
}
.Fsetting .menu_item:hover{
background-color: rgba(67,74,80);
}
.Fsetting .F_Logo:hover{
background-color: #30353a;
color:#fff;
}
.Fsetting .Fchecked{
color:rgb(255, 208, 75)!important;
}
.Fsetting .Fchecked i{
color:rgb(255, 208, 75)!important;
}
</style>
<template>
<div class="Fsetting">
<div class="mainLeftMenu">
<div class="leftMenu1">
<div class="F_Logo">
<div class="asideInner">{{currentUser.MallName}}
</div>
</div>
<ul class="FsettingUU">
<li class="menu_item" :class="{'Fchecked':isChecked==1}" @click="isChecked=1,CommonJump('wexinappconfig')">
<i class="el-icon-menu"></i><span>基础配置</span>
</li>
<li class="menu_item" :class="{'Fchecked':isChecked==2}" @click="isChecked=2,CommonJump('wexinappmsg')">
<i class="el-icon-menu"></i><span>消息通知</span>
</li>
<li class="menu_item" :class="{'Fchecked':isChecked==3}" @click="isChecked=3">
<i class="el-icon-menu"></i><span>小程序发布</span>
</li>
<li class="menu_item" :class="{'Fchecked':isChecked==4}" @click="isChecked=4">
<i class="el-icon-menu"></i><span>单客户小程序</span>
</li>
</ul>
</div>
</div>
<div class="mainRightContent">
<div class="mainRightTop">
<div class="mainRightLeft">微信小程序</div>
<div class="marinRightList">
<ul>
<li>缓存</li>
<li title="教程管理">
<el-dropdown trigger="click">
<span class="el-dropdown-link">
教程管理<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item>操作教程</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</li>
<li :title="currentUser.MallName">
<el-dropdown trigger="click">
<span class="el-dropdown-link">
{{currentUser.MallName}}<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item disabled>{{currentUser.MallName}}</el-dropdown-item>
<el-dropdown-item disabled>{{currentUser.Account}}({{currentUser.MobilePhone}})</el-dropdown-item>
<el-dropdown-item @click.native="CommonJump('index')">返回系统</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</li>
</ul>
</div>
</div>
<div class="main_routerPage" :style="{height: Height+'px'}">
<router-view />
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
currentUser: {},
isChecked:1,
Height:0
};
},
created() {
this.currentUser = this.getLocalStorage();
},
methods: {
//跳转微信小程序
goLittlePrograme(){
let routeData = this.$router.resolve({
name: 'Fsetting',
query: {}
});
window.open(routeData.href, "_blank");
},
},
mounted() {
this.CommonJump('wexinappconfig');
this.Height = document.documentElement.clientHeight - 60;
//监听浏览器窗口变化　
window.onresize = () => {
this.Height = document.documentElement.clientHeight - 60
}
}
};
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment