|
@@ -14,13 +14,13 @@
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="one_2">
|
|
|
- <el-col :span="24" class="one_2_one">
|
|
|
- <div class="menu" :class="[item.value == active ? 'menuTrue' : '']" v-for="(item, index) in newList" :key="index" @click="toActive(item)">
|
|
|
- <span>{{ item.label }}</span>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
<el-col :span="24" class="one_2_two">
|
|
|
<el-col :span="18" class="left">
|
|
|
+ <el-col :span="24" class="left_menu">
|
|
|
+ <div class="menu" :class="[item.value == active ? 'menuTrue' : '']" v-for="(item, index) in newList" :key="index" @click="toActive(item)">
|
|
|
+ <span>{{ item.label }}</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
<el-col :span="24" class="list" v-for="(item, index) in list" :key="index" @click="toView(item)">
|
|
|
<el-col :span="6" class="left">
|
|
|
<el-image class="image" v-if="item.logo && item.logo.length > 0" :src="getUrl(item.logo)" fit="fill">
|
|
@@ -223,29 +223,29 @@ const getUrl = (item) => {
|
|
|
margin-top: 100px !important;
|
|
|
padding: 30px !important;
|
|
|
background-color: $global-color-fff;
|
|
|
- .one_2_one {
|
|
|
- display: flex;
|
|
|
- margin: 0 0 20px 0;
|
|
|
- .menu {
|
|
|
- padding: 10px 20px;
|
|
|
- margin: 0 10px 0 0;
|
|
|
- color: #666666;
|
|
|
- border: 1px solid #bbbbbb;
|
|
|
- cursor: default;
|
|
|
- }
|
|
|
- .menuTrue {
|
|
|
- color: $global-color-fff;
|
|
|
- background: #1073ff;
|
|
|
- border: none;
|
|
|
- cursor: default;
|
|
|
- }
|
|
|
- }
|
|
|
.one_2_two {
|
|
|
display: flex;
|
|
|
width: 100%;
|
|
|
background-color: #fff;
|
|
|
border-radius: 10px;
|
|
|
.left {
|
|
|
+ .left_menu {
|
|
|
+ display: flex;
|
|
|
+ margin: 0 0 20px 0;
|
|
|
+ .menu {
|
|
|
+ padding: 10px 20px;
|
|
|
+ margin: 0 10px 0 0;
|
|
|
+ color: #666666;
|
|
|
+ border: 1px solid #bbbbbb;
|
|
|
+ cursor: default;
|
|
|
+ }
|
|
|
+ .menuTrue {
|
|
|
+ color: $global-color-fff;
|
|
|
+ background: #1073ff;
|
|
|
+ border: none;
|
|
|
+ cursor: default;
|
|
|
+ }
|
|
|
+ }
|
|
|
.list {
|
|
|
display: flex;
|
|
|
align-items: center;
|