|
@@ -262,56 +262,52 @@
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
</el-col>
|
|
|
-
|
|
|
<el-col :span="24" class="newimage2">
|
|
|
<el-image :src="two" style="width:100%;height:100px;position:relative;"> </el-image>
|
|
|
</el-col>
|
|
|
-
|
|
|
- <el-col :span="24">
|
|
|
- <div class="fangtan">
|
|
|
- <el-col :span="7" class="jiabin">
|
|
|
- <p class="jiabintop">
|
|
|
- <span>嘉宾访谈</span>
|
|
|
- <el-link :underline="false">MORE</el-link>
|
|
|
- </p>
|
|
|
- <div class="jiabinlist">
|
|
|
- <ul>
|
|
|
- <li v-for="(ref, index) in jiabinlist" :key="index">
|
|
|
- <img :src="ref.url" />
|
|
|
- <p>
|
|
|
- <span class="textOver">{{ ref.title }}</span>
|
|
|
- <span>{{ ref.date }}</span>
|
|
|
- <span class="text">{{ ref.context }} </span>
|
|
|
- </p>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="7" class="jiabin luyan">
|
|
|
- <p class="jiabintop luyanTop">
|
|
|
- <span>项目路演</span>
|
|
|
- <el-link :underline="false">MORE</el-link>
|
|
|
- </p>
|
|
|
- <div class="luyanList">
|
|
|
- <ul>
|
|
|
- <li v-for="(item, index) in luyanList" :key="index">
|
|
|
- <p>
|
|
|
- <span>{{ item.title }}</span>
|
|
|
- <span>浏览:{{ item.num }}</span>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- <span>所在地区:{{ item.city }} | 所属行业:{{ item.hy }}</span>
|
|
|
- <span>项目融资方式:{{ item.xurz }}</span>
|
|
|
- </p>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="7" class="chat">
|
|
|
- <chat></chat>
|
|
|
- </el-col>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
+ <div class="fangtan">
|
|
|
+ <el-col :span="7" class="jiabin">
|
|
|
+ <p class="jiabintop">
|
|
|
+ <span>嘉宾访谈</span>
|
|
|
+ <el-link :underline="false">MORE</el-link>
|
|
|
+ </p>
|
|
|
+ <div class="jiabinlist">
|
|
|
+ <ul>
|
|
|
+ <li v-for="(ref, index) in jiabinlist" :key="index">
|
|
|
+ <img :src="ref.url" />
|
|
|
+ <p>
|
|
|
+ <span class="textOver">{{ ref.title }}</span>
|
|
|
+ <span>{{ ref.date }}</span>
|
|
|
+ <span class="text">{{ ref.context }} </span>
|
|
|
+ </p>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="7" class="jiabin luyan">
|
|
|
+ <p class="jiabintop luyanTop">
|
|
|
+ <span>项目路演</span>
|
|
|
+ <el-link :underline="false">MORE</el-link>
|
|
|
+ </p>
|
|
|
+ <div class="luyanList">
|
|
|
+ <ul>
|
|
|
+ <li v-for="(item, index) in luyanList" :key="index">
|
|
|
+ <p>
|
|
|
+ <span>{{ item.title }}</span>
|
|
|
+ <span>浏览:{{ item.num }}</span>
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ <span>所在地区:{{ item.city }} | 所属行业:{{ item.hy }}</span>
|
|
|
+ <span>项目融资方式:{{ item.xurz }}</span>
|
|
|
+ </p>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="7" class="chat">
|
|
|
+ <chat></chat>
|
|
|
+ </el-col>
|
|
|
+ </div>
|
|
|
</el-col>
|
|
|
</div>
|
|
|
</el-col>
|
|
@@ -469,13 +465,6 @@ export default {
|
|
|
hy: '所属行业',
|
|
|
xurz: '股权融资',
|
|
|
},
|
|
|
- {
|
|
|
- title: '项目路演',
|
|
|
- num: '1234',
|
|
|
- city: '吉林省',
|
|
|
- hy: '所属行业',
|
|
|
- xurz: '股权融资',
|
|
|
- },
|
|
|
],
|
|
|
|
|
|
superOne: require('@/assets/live/main1.png'),
|
|
@@ -828,7 +817,8 @@ p {
|
|
|
}
|
|
|
|
|
|
.fangtan {
|
|
|
- height: 631px;
|
|
|
+ float: left;
|
|
|
+ height: 525px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
@@ -838,7 +828,7 @@ p {
|
|
|
box-shadow: 0 0 5px #c20808;
|
|
|
padding: 0 10px 0px 10px;
|
|
|
margin: 4px 15px 0 3px;
|
|
|
- height: 624px;
|
|
|
+ height: 515px;
|
|
|
}
|
|
|
|
|
|
.jiabin .jiabintop {
|
|
@@ -891,15 +881,16 @@ p {
|
|
|
|
|
|
.jiabin .jiabinlist ul li p span:first-child {
|
|
|
float: left;
|
|
|
- width: 100%;
|
|
|
+ width: 65%;
|
|
|
font-size: 18px;
|
|
|
}
|
|
|
|
|
|
.jiabin .jiabinlist ul li p span:nth-child(2n) {
|
|
|
float: left;
|
|
|
- width: 100%;
|
|
|
+ width: 35%;
|
|
|
font-size: 14px;
|
|
|
- padding: 5px 0;
|
|
|
+ text-align: right;
|
|
|
+ padding: 2px 0 0 0;
|
|
|
}
|
|
|
|
|
|
.jiabin .jiabinlist ul li p span:last-child {
|
|
@@ -909,7 +900,7 @@ p {
|
|
|
color: #888;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
- -webkit-line-clamp: 3;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
word-break: break-all;
|
|
|
display: -webkit-box;
|
|
|
-webkit-box-orient: vertical;
|
|
@@ -921,7 +912,7 @@ p {
|
|
|
box-shadow: 0 0 5px #c20808;
|
|
|
padding: 0 10px 0px 10px;
|
|
|
margin: 4px 10px 0 3px;
|
|
|
- height: 624px;
|
|
|
+ height: 515px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
@@ -936,11 +927,9 @@ p {
|
|
|
}
|
|
|
.luyanList ul li {
|
|
|
float: left;
|
|
|
-
|
|
|
border-radius: 10px;
|
|
|
padding: 5px 10px;
|
|
|
- margin: 0 0 7px 0;
|
|
|
- // width: 96%;
|
|
|
+ margin: 0 0 10px 0;
|
|
|
height: 95px;
|
|
|
border: 1px solid #ff8500;
|
|
|
}
|
|
@@ -978,95 +967,10 @@ p {
|
|
|
font-size: 14px;
|
|
|
color: #666;
|
|
|
}
|
|
|
-
|
|
|
-.fangtan .chat {
|
|
|
- width: 33%;
|
|
|
-
|
|
|
- height: 624px;
|
|
|
- border-radius: 5px;
|
|
|
- box-shadow: 0 0 5px #c20808;
|
|
|
- padding: 0 10px 0px 10px;
|
|
|
- margin: 4px 0px 0 3px;
|
|
|
-}
|
|
|
-
|
|
|
-.chat .luyanTop {
|
|
|
- height: 30px;
|
|
|
- line-height: 30px;
|
|
|
-}
|
|
|
-
|
|
|
-.chat .luyanTop span:first-child {
|
|
|
- display: inline-block;
|
|
|
- padding: 0 10px;
|
|
|
- height: 30px;
|
|
|
- color: #fff;
|
|
|
- background-color: #ff8500;
|
|
|
- border-bottom-left-radius: 10px;
|
|
|
- border-bottom-right-radius: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.chat .luyanTop .icon {
|
|
|
- float: right;
|
|
|
- background: #f2f4f5;
|
|
|
- border-radius: 20px;
|
|
|
- color: #666;
|
|
|
- padding: 0 5px;
|
|
|
- margin: 0 0 0 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.chat .luyanTop .icon {
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.chat .chatList {
|
|
|
- height: 505px;
|
|
|
- background: #fff;
|
|
|
-}
|
|
|
-
|
|
|
-.chat .chatList ul {
|
|
|
+.chat {
|
|
|
float: left;
|
|
|
- width: 100%;
|
|
|
- height: 454px;
|
|
|
- padding: 5px 0 0 0;
|
|
|
- overflow: auto;
|
|
|
- margin: 10px 0 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-.chat .chatList ul li {
|
|
|
- padding: 0 10px;
|
|
|
- margin: 0 0 5px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.chat .chatList ul li span:first-child {
|
|
|
- color: #666;
|
|
|
- padding: 0 5px 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-.chat .chatList .input {
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.chat .chatList .input input {
|
|
|
- border: 1px solid #ccc;
|
|
|
- float: left;
|
|
|
- height: 38px;
|
|
|
- width: 79%;
|
|
|
-}
|
|
|
-
|
|
|
-.chat .chatList .input button {
|
|
|
- float: left;
|
|
|
- background: forestgreen;
|
|
|
- color: #fff;
|
|
|
- height: 42px;
|
|
|
- width: 67px;
|
|
|
-}
|
|
|
-.jiabinlist ul {
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
+ width: 33%;
|
|
|
}
|
|
|
-
|
|
|
// 找产品
|
|
|
.demand {
|
|
|
overflow: hidden;
|