|
|
@@ -20,7 +20,14 @@
|
|
|
科技超市
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="jbxm">
|
|
|
- 嘉宾，项目
|
|
|
+ <van-tabs v-model="jbxmactive" type="card" animated>
|
|
|
+ <van-tab title="嘉宾访谈">
|
|
|
+ 嘉宾访谈
|
|
|
+ </van-tab>
|
|
|
+ <van-tab title="项目路演">
|
|
|
+ 项目路演
|
|
|
+ </van-tab>
|
|
|
+ </van-tabs>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="company">
|
|
|
<el-col :span="24" class="name">
|
|
|
@@ -58,6 +65,8 @@ export default {
|
|
|
times: 5,
|
|
|
//展会详情
|
|
|
dockinfo: [],
|
|
|
+ // 嘉宾，项目
|
|
|
+ jbxmactive: 0,
|
|
|
};
|
|
|
},
|
|
|
async created() {
|
|
|
@@ -164,6 +173,29 @@ export default {
|
|
|
}
|
|
|
// 嘉宾，项目
|
|
|
.jbxm {
|
|
|
+ height: 500px;
|
|
|
+ overflow: hidden;
|
|
|
+ /deep/.van-tab {
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+ /deep/.van-tabs--card > .van-tabs__wrap {
|
|
|
+ height: 40px;
|
|
|
+ }
|
|
|
+ /deep/.van-tabs__nav--card {
|
|
|
+ height: 40px;
|
|
|
+ // margin: 0;
|
|
|
+ }
|
|
|
+ /deep/.van-tabs__nav--card {
|
|
|
+ border: 1px solid #409eff;
|
|
|
+ }
|
|
|
+ /deep/.van-tabs__nav--card .van-tab {
|
|
|
+ color: #666;
|
|
|
+ border-right: 1px solid #409eff;
|
|
|
+ }
|
|
|
+ /deep/.van-tabs__nav--card .van-tab.van-tab--active {
|
|
|
+ background-color: #409eff;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
}
|
|
|
// 主办方
|
|
|
.company {
|
