|
@@ -1,9 +1,9 @@
|
|
|
<template>
|
|
|
<div class="eta-base-config">
|
|
|
- <el-tabs v-model="sectionType">
|
|
|
- <el-tab-pane label="通用设置" :name="1"></el-tab-pane>
|
|
|
- <el-tab-pane label="资源库" :name="2"></el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
+ <div class="nav-type-box">
|
|
|
+ <span :class="[sectionType===1?'active':'']" @click="sectionType=1">通用设置</span>
|
|
|
+ <span :class="[sectionType===2?'active':'']" @click="sectionType=2">资源库</span>
|
|
|
+ </div>
|
|
|
<!-- 通用设置 -->
|
|
|
<template v-if="sectionType==1">
|
|
|
<el-form
|
|
@@ -651,10 +651,28 @@ export default {
|
|
|
<style scoped lang="scss">
|
|
|
.eta-base-config{
|
|
|
box-sizing: border-box;
|
|
|
- padding:30px;
|
|
|
+ // padding:30px;
|
|
|
border-radius: 4px;
|
|
|
background-color: #fff;
|
|
|
+ .nav-type-box{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ border-bottom: 1px solid #E7E7E7;
|
|
|
+ span{
|
|
|
+ display: block;
|
|
|
+ height: 100%;
|
|
|
+ line-height: 32px;
|
|
|
+ padding: 8px;
|
|
|
+ cursor: pointer;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ .active{
|
|
|
+ color: #0052D9;
|
|
|
+ border-bottom: 2px solid #0052D9;
|
|
|
+ }
|
|
|
+ }
|
|
|
.base-config-form{
|
|
|
+ padding: 30px;
|
|
|
.el-form-item{
|
|
|
width:100%;
|
|
|
}
|