|
|
@@ -3,112 +3,133 @@
|
|
|
<el-row>
|
|
|
<el-col :span="24" class="main">
|
|
|
<div class="w_1200">
|
|
|
- <el-col :span="24" class="one">
|
|
|
+ <el-col :span="24" class="one common">
|
|
|
<el-col :span="12" class="left">
|
|
|
- <el-col :span="24" class="leftTop">
|
|
|
- <el-col :span="2" class="image">
|
|
|
- <el-image :src="iconImage"></el-image>
|
|
|
+ <el-col :span="24" class="top">
|
|
|
+ <el-col :span="2" class="topImg">
|
|
|
+ <el-image :src="txtImg"></el-image>
|
|
|
</el-col>
|
|
|
- <el-col :span="22" class="txt">
|
|
|
+ <el-col :span="22" class="topTxt">
|
|
|
<span>专家问诊</span>
|
|
|
- <span>E</span>
|
|
|
- <span>xpert</span>
|
|
|
+ <span>expert</span>
|
|
|
<span @click="$router.push({ path: '/technical/list', query: { type: '1', column_name: '专家问诊' } })">更多</span>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="leftDown">
|
|
|
+ <el-col :span="24" class="down">
|
|
|
<el-col
|
|
|
:span="24"
|
|
|
- class="lInfoList"
|
|
|
- v-for="(item, index) in zhuanjiaList"
|
|
|
+ class="expertList"
|
|
|
+ v-for="(item, index) in expertList"
|
|
|
:key="index"
|
|
|
@click.native="$router.push({ path: '/technical/list', query: { type: '1', column_name: '专家问诊', id: item._id } })"
|
|
|
>
|
|
|
- <p class="p1">{{ item.publish_time || '暂无' }}</p>
|
|
|
- <p class="p2">
|
|
|
- <span class="textOver1">
|
|
|
- {{ item.title }}
|
|
|
- </span>
|
|
|
- <span class="textOver2">{{ item.titlejj }}</span>
|
|
|
- </p>
|
|
|
+ <el-col :span="4" class="date">
|
|
|
+ <span>{{ item.publish_time || '暂无' }}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="title textOver">
|
|
|
+ {{ item.title }}
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="brief">
|
|
|
+ {{ item.titlejj || '暂无' }}
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="12" class="right">
|
|
|
- <el-col :span="24" class="rightTop">
|
|
|
- <el-col :span="2" class="image">
|
|
|
- <el-image :src="iconImage"></el-image>
|
|
|
+ <el-col :span="12" class="left right">
|
|
|
+ <el-col :span="24" class="top">
|
|
|
+ <el-col :span="2" class="topImg">
|
|
|
+ <el-image :src="txtImg"></el-image>
|
|
|
</el-col>
|
|
|
- <el-col :span="22" class="txt">
|
|
|
+ <el-col :span="22" class="topTxt">
|
|
|
<span>行业研究</span>
|
|
|
- <span>I</span>
|
|
|
- <span>ndustry</span>
|
|
|
+ <span>industry</span>
|
|
|
<span @click="$router.push({ path: '/technical/list', query: { type: '2', column_name: '行业研究' } })">更多</span>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="rightDown">
|
|
|
- <el-col :span="24" class="rInfoList" v-for="(item, index) in hangyeList" :key="index">
|
|
|
- <p>
|
|
|
- <span class="r-text" @click="$router.push({ path: '/technical/list', query: { type: '2', column_name: '行业研究', id: item._id } })">{{
|
|
|
- item.title
|
|
|
- }}</span>
|
|
|
- <span class="r-date">
|
|
|
- {{ item.publish_time || '暂无' }}
|
|
|
- </span>
|
|
|
- </p>
|
|
|
+ <el-col :span="24" class="down">
|
|
|
+ <el-col
|
|
|
+ :span="24"
|
|
|
+ class="industryList"
|
|
|
+ v-for="(item, index) in industryList"
|
|
|
+ :key="index"
|
|
|
+ @click.native="$router.push({ path: '/technical/list', query: { type: '2', column_name: '行业研究', id: item._id } })"
|
|
|
+ >
|
|
|
+ <el-col :span="20" class="title textOver">
|
|
|
+ {{ item.title }}
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" class="date">
|
|
|
+ {{ item.publish_time || '暂无' }}
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="brief">
|
|
|
+ {{ item.titlejj || '暂无' }}
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="two">
|
|
|
- <el-image :src="gongqiuImage"></el-image>
|
|
|
+ <el-image :src="cenImg"></el-image>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="three">
|
|
|
+ <el-col :span="24" class="three common">
|
|
|
<el-col :span="12" class="left">
|
|
|
- <el-col :span="24" class="leftTop">
|
|
|
- <el-col :span="2" class="image">
|
|
|
- <el-image :src="iconImage"></el-image>
|
|
|
+ <el-col :span="24" class="top">
|
|
|
+ <el-col :span="2" class="topImg">
|
|
|
+ <el-image :src="txtImg"></el-image>
|
|
|
</el-col>
|
|
|
- <el-col :span="22" class="txt">
|
|
|
+ <el-col :span="22" class="topTxt">
|
|
|
<span>嘉宾访谈</span>
|
|
|
- <span>G</span>
|
|
|
- <span>uidance</span>
|
|
|
+ <span>guidance</span>
|
|
|
<span @click="$router.push({ path: '/technical/list', query: { type: '3', column_name: '嘉宾访谈' } })">更多</span>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="leftDown">
|
|
|
- <el-col :span="24" class="rInfoList" v-for="(item, index) in jiabinList" :key="index">
|
|
|
- <p>
|
|
|
- <span class="r-text" @click="$router.push({ path: '/technical/list', query: { type: '3', column_name: '嘉宾访谈', id: item._id } })">{{
|
|
|
- item.title
|
|
|
- }}</span>
|
|
|
- <span class="r-date">
|
|
|
- {{ item.publish_time || '暂无' }}
|
|
|
- </span>
|
|
|
- </p>
|
|
|
+ <el-col :span="24" class="down">
|
|
|
+ <el-col
|
|
|
+ :span="24"
|
|
|
+ class="guidanceList"
|
|
|
+ v-for="(item, index) in guidanceList"
|
|
|
+ :key="index"
|
|
|
+ @click.native="$router.push({ path: '/technical/list', query: { type: '3', column_name: '嘉宾访谈', id: item._id } })"
|
|
|
+ >
|
|
|
+ <el-col :span="20" class="title textOver">
|
|
|
+ {{ item.title }}
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" class="date">
|
|
|
+ {{ item.publish_time || '暂无' }}
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="brief">
|
|
|
+ {{ item.titlejj || '暂无' }}
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="12" class="right">
|
|
|
- <el-col :span="24" class="rightTop">
|
|
|
- <el-col :span="2" class="image">
|
|
|
- <el-image :src="iconImage"></el-image>
|
|
|
+ <el-col :span="12" class="left right">
|
|
|
+ <el-col :span="24" class="top">
|
|
|
+ <el-col :span="2" class="topImg">
|
|
|
+ <el-image :src="txtImg"></el-image>
|
|
|
</el-col>
|
|
|
- <el-col :span="22" class="txt">
|
|
|
+ <el-col :span="22" class="topTxt">
|
|
|
<span>项目路演</span>
|
|
|
- <span>R</span>
|
|
|
- <span>oadshow</span>
|
|
|
+ <span>roadshow</span>
|
|
|
<span @click="$router.push({ path: '/technical/list', query: { type: '4', column_name: '项目路演' } })">更多</span>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="rightDown">
|
|
|
- <el-col :span="24" class="infoList" v-for="(item, index) in luyanlist" :key="index">
|
|
|
- <p class="p1">{{ item.publish_time || '暂无' }}</p>
|
|
|
- <p class="p2">
|
|
|
- <span class="textOver1" @click="$router.push({ path: '/technical/list', query: { type: '4', column_name: '项目路演', id: item._id } })">
|
|
|
- {{ item.title }}
|
|
|
- </span>
|
|
|
- </p>
|
|
|
+ <el-col :span="24" class="down">
|
|
|
+ <el-col
|
|
|
+ :span="24"
|
|
|
+ class="roadshowList"
|
|
|
+ v-for="(item, index) in roadshowList"
|
|
|
+ :key="index"
|
|
|
+ @click.native="$router.push({ path: '/technical/list', query: { type: '4', column_name: '项目路演', id: item._id } })"
|
|
|
+ >
|
|
|
+ <el-col :span="4" class="date">
|
|
|
+ <span>{{ item.publish_time || '暂无' }}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="title textOver">
|
|
|
+ {{ item.title }}
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="brief">
|
|
|
+ {{ item.titlejj || '暂无' }}
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
@@ -120,443 +141,295 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import _ from 'lodash';
|
|
|
import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
const { mapActions: column } = createNamespacedHelpers('column');
|
|
|
const { mapActions: news } = createNamespacedHelpers('news');
|
|
|
const { mapActions: newsguidance } = createNamespacedHelpers('newsguidance');
|
|
|
const { mapActions: newsroadshow } = createNamespacedHelpers('newsroadshow');
|
|
|
+import _ from 'lodash';
|
|
|
export default {
|
|
|
+ metaInfo() {
|
|
|
+ return { title: this.$route.meta.title };
|
|
|
+ },
|
|
|
name: 'index',
|
|
|
props: {},
|
|
|
components: {},
|
|
|
data: function() {
|
|
|
return {
|
|
|
- gongqiuImage: require('@/assets/live/main3.png'),
|
|
|
- iconImage: require('@/assets/live/square_big.png'),
|
|
|
- zhuanjiaList: [],
|
|
|
- hangyeList: [],
|
|
|
- luyanlist: [],
|
|
|
- zhidaolist: [],
|
|
|
- //栏目列表
|
|
|
- columnLists: [],
|
|
|
- //嘉宾栏目列表
|
|
|
- jiabinList: [],
|
|
|
+ // 中间图片
|
|
|
+ cenImg: require('@/assets/live/main3.png'),
|
|
|
+ // 模块头部图片
|
|
|
+ txtImg: require('@/assets/live/square_big.png'),
|
|
|
+ // 专家问诊
|
|
|
+ expertList: [],
|
|
|
+ // 行业研究
|
|
|
+ industryList: [],
|
|
|
+ // 嘉宾访谈
|
|
|
+ guidanceList: [],
|
|
|
+ // 项目路演
|
|
|
+ roadshowList: [],
|
|
|
+ // 栏目列表
|
|
|
+ columnList: [],
|
|
|
};
|
|
|
},
|
|
|
- created() {
|
|
|
- this.search();
|
|
|
+ async created() {
|
|
|
+ await this.search();
|
|
|
},
|
|
|
methods: {
|
|
|
- ...column({ columnList: 'query', columnInfo: 'fetch' }),
|
|
|
- ...news({ newsList: 'query' }),
|
|
|
+ ...column({ columnQuery: 'query' }),
|
|
|
+ ...news({ newsQuery: 'query' }),
|
|
|
...newsguidance({ danceQuery: 'query' }),
|
|
|
...newsroadshow({ adshowQuery: 'query' }),
|
|
|
- async search({ ...info } = {}) {
|
|
|
+ async search({ skip = 0, limit = 5, ...info } = {}) {
|
|
|
//查询栏目
|
|
|
- const res = await this.columnList({ ...info });
|
|
|
+ let res = await this.columnQuery({ ...info });
|
|
|
if (this.$checkRes(res)) {
|
|
|
- this.$set(this, `columnLists`, res.data);
|
|
|
+ this.$set(this, `columnList`, res.data);
|
|
|
this.searchList();
|
|
|
}
|
|
|
- const jiabin = await this.danceQuery({ ...info });
|
|
|
- if (this.$checkRes(jiabin)) {
|
|
|
- this.$set(this, `jiabinList`, jiabin.data);
|
|
|
+ // 嘉宾访谈
|
|
|
+ res = await this.danceQuery({ skip, limit, ...info });
|
|
|
+ if (this.$checkRes(res)) {
|
|
|
+ this.$set(this, `guidanceList`, res.data);
|
|
|
}
|
|
|
- const luyan = await this.adshowQuery({ ...info });
|
|
|
- if (this.$checkRes(luyan)) {
|
|
|
- this.$set(this, `luyanlist`, luyan.data);
|
|
|
+ // 项目路演
|
|
|
+ res = await this.adshowQuery({ skip, limit, ...info });
|
|
|
+ if (this.$checkRes(res)) {
|
|
|
+ this.$set(this, `roadshowList`, res.data);
|
|
|
}
|
|
|
},
|
|
|
//查询列表
|
|
|
- async searchList() {
|
|
|
- let column = this.columnLists;
|
|
|
- for (const i of column) {
|
|
|
+ async searchList({ skip = 0, limit = 5, ...info } = {}) {
|
|
|
+ for (const i of this.columnList) {
|
|
|
if (i.name == '专家问诊') {
|
|
|
- const res = await this.newsList({ skip: 0, limit: 5, column_id: i._id });
|
|
|
+ const res = await this.newsQuery({ skip, limit, column_id: i._id });
|
|
|
if (this.$checkRes(res)) {
|
|
|
- this.$set(this, `zhuanjiaList`, res.data);
|
|
|
+ this.$set(this, `expertList`, res.data);
|
|
|
}
|
|
|
} else if (i.name == '行业研究') {
|
|
|
- const res = await this.newsList({ skip: 0, limit: 5, column_id: i._id });
|
|
|
+ const res = await this.newsQuery({ skip, limit, column_id: i._id });
|
|
|
if (this.$checkRes(res)) {
|
|
|
- this.$set(this, `hangyeList`, res.data);
|
|
|
+ this.$set(this, `industryList`, res.data);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
},
|
|
|
- // 过滤时间
|
|
|
- filters: {
|
|
|
- getDate(meta) {
|
|
|
- let createdAt = _.get(meta, `createdAt`);
|
|
|
- let date = new Date(createdAt)
|
|
|
- .toLocaleDateString()
|
|
|
- .replace('/', '-')
|
|
|
- .replace('/', '-');
|
|
|
- return date;
|
|
|
- },
|
|
|
- },
|
|
|
computed: {
|
|
|
...mapState(['user']),
|
|
|
},
|
|
|
- metaInfo() {
|
|
|
- return { title: this.$route.meta.title };
|
|
|
- },
|
|
|
+ watch: {},
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
-.w_1200 {
|
|
|
- width: 1200px;
|
|
|
- margin: 0 auto;
|
|
|
-}
|
|
|
.main {
|
|
|
- margin: 15px 0;
|
|
|
+ background: #f9f9f98f;
|
|
|
+ padding: 15px 0;
|
|
|
.one {
|
|
|
- height: 500px;
|
|
|
- overflow: hidden;
|
|
|
margin: 0 0 15px 0;
|
|
|
- .left {
|
|
|
- border-right: 1px dashed #ccc;
|
|
|
- .leftTop {
|
|
|
- height: 50px;
|
|
|
- .txt {
|
|
|
- height: 47px;
|
|
|
- line-height: 47px;
|
|
|
- border-bottom: 3px solid #044b79;
|
|
|
- span:first-child {
|
|
|
- color: #000000;
|
|
|
- font-size: 24px;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- span:nth-child(2) {
|
|
|
- color: #92959a;
|
|
|
- font-size: 24px;
|
|
|
- font-weight: bold;
|
|
|
- margin: 0 0 0 10px;
|
|
|
- }
|
|
|
- span:nth-child(3) {
|
|
|
- color: #92959a;
|
|
|
- font-size: 18px;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- span:last-child {
|
|
|
- float: right;
|
|
|
- padding: 0 15px;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: bold;
|
|
|
- color: #044b79;
|
|
|
- }
|
|
|
- span:last-child:hover {
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
+ .expertList {
|
|
|
+ border-bottom: 1px dashed #000;
|
|
|
+ padding: 10px 0;
|
|
|
+ .date {
|
|
|
+ text-align: center;
|
|
|
+ span {
|
|
|
+ background: #044b79;
|
|
|
+ padding: 2px 5px 4px 5px;
|
|
|
+ font-size: 14px;
|
|
|
+ border-radius: 5px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
}
|
|
|
- .leftDown {
|
|
|
- height: 450px;
|
|
|
- .lInfoList {
|
|
|
- float: left;
|
|
|
- width: 95%;
|
|
|
- border-bottom: 1px dashed #ccc;
|
|
|
- padding: 8px 0 8px 0;
|
|
|
- height: 90px;
|
|
|
- margin: 0 0 0 5px;
|
|
|
- .p1 {
|
|
|
- float: left;
|
|
|
- width: 20%;
|
|
|
- font-size: 15px;
|
|
|
- background: #044b79;
|
|
|
- text-align: center;
|
|
|
- color: #fff;
|
|
|
- font-weight: 700;
|
|
|
- padding: 4px 0;
|
|
|
- margin: 0 0 0 5px;
|
|
|
- }
|
|
|
- .p2 {
|
|
|
- float: right;
|
|
|
- width: 70%;
|
|
|
- padding: 0 0 0 10px;
|
|
|
- .textOver1 {
|
|
|
- float: left;
|
|
|
- width: 90%;
|
|
|
- font-size: 18px;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- }
|
|
|
- .textOver2 {
|
|
|
- float: left;
|
|
|
- width: 90%;
|
|
|
- font-size: 16px;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- word-break: break-all;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- margin: 5px 0 0 0;
|
|
|
- color: #666;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .lInfoList:hover .p2 .textOver1 {
|
|
|
- -webkit-transform: translateY(-3px);
|
|
|
- -ms-transform: translateY(-3px);
|
|
|
- transform: translateY(-3px);
|
|
|
- -webkit-box-shadow: 0 0 6px #999;
|
|
|
- box-shadow: 0 0 6px #999;
|
|
|
- -webkit-transition: all 0.5s ease-out;
|
|
|
- transition: all 0.5s ease-out;
|
|
|
- color: #005293;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
+ .title {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ padding: 0 0 0 5px;
|
|
|
+ }
|
|
|
+ .brief {
|
|
|
+ font-size: 14px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ word-break: break-all;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ padding: 5px 0 0 0;
|
|
|
+ height: 43px;
|
|
|
}
|
|
|
}
|
|
|
- .right {
|
|
|
- .rightTop {
|
|
|
- height: 50px;
|
|
|
- .txt {
|
|
|
- height: 47px;
|
|
|
- line-height: 47px;
|
|
|
- border-bottom: 3px solid #044b79;
|
|
|
- span:first-child {
|
|
|
- color: #000000;
|
|
|
- font-size: 24px;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- span:nth-child(2) {
|
|
|
- color: #92959a;
|
|
|
- font-size: 24px;
|
|
|
- font-weight: bold;
|
|
|
- margin: 0 0 0 10px;
|
|
|
- }
|
|
|
- span:nth-child(3) {
|
|
|
- color: #92959a;
|
|
|
- font-size: 18px;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- span:last-child {
|
|
|
- float: right;
|
|
|
- padding: 0 15px;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: bold;
|
|
|
- color: #044b79;
|
|
|
- }
|
|
|
- span:last-child:hover {
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
- }
|
|
|
+ .expertList:last-child {
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
+ .expertList:hover {
|
|
|
+ cursor: pointer;
|
|
|
+ .title {
|
|
|
+ color: #409eff;
|
|
|
}
|
|
|
- .rightDown {
|
|
|
- height: 450px;
|
|
|
- padding: 0 10px;
|
|
|
- .rInfoList {
|
|
|
- float: left;
|
|
|
- width: 95%;
|
|
|
- padding: 11px 0;
|
|
|
- height: 55px;
|
|
|
- .r-text {
|
|
|
- display: inline-block;
|
|
|
- width: 70%;
|
|
|
- margin: 0 20px 0 10px;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- font-size: 18px;
|
|
|
- }
|
|
|
- .r-date {
|
|
|
- display: inline-block;
|
|
|
- width: 21%;
|
|
|
- text-align: center;
|
|
|
- font-size: 16px;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- }
|
|
|
- }
|
|
|
- .rInfoList:hover p .r-text {
|
|
|
- -webkit-transform: translateY(-3px);
|
|
|
- -ms-transform: translateY(-3px);
|
|
|
- transform: translateY(-3px);
|
|
|
- -webkit-box-shadow: 0 0 6px #999;
|
|
|
- box-shadow: 0 0 6px #999;
|
|
|
- -webkit-transition: all 0.5s ease-out;
|
|
|
- transition: all 0.5s ease-out;
|
|
|
- color: #005293;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
+ }
|
|
|
+ .industryList {
|
|
|
+ padding: 10px 0;
|
|
|
+ border-bottom: 1px dashed #000;
|
|
|
+ .title {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .date {
|
|
|
+ font-size: 16px;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+ .brief {
|
|
|
+ font-size: 14px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ word-break: break-all;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ padding: 5px 0 0 0;
|
|
|
+ height: 43px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .industryList:last-child {
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
+ .industryList:hover {
|
|
|
+ cursor: pointer;
|
|
|
+ .title {
|
|
|
+ color: #409eff;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.two {
|
|
|
+ height: 130px;
|
|
|
margin: 0 0 15px 0;
|
|
|
- text-align: center;
|
|
|
.el-image {
|
|
|
- height: 140px;
|
|
|
+ width: 100%;
|
|
|
+ height: 130px;
|
|
|
}
|
|
|
}
|
|
|
.three {
|
|
|
- height: 500px;
|
|
|
- overflow: hidden;
|
|
|
- .left {
|
|
|
- border-right: 1px dashed #ccc;
|
|
|
- .leftTop {
|
|
|
- height: 50px;
|
|
|
- .txt {
|
|
|
- height: 47px;
|
|
|
- line-height: 47px;
|
|
|
- border-bottom: 3px solid #044b79;
|
|
|
- span:first-child {
|
|
|
- color: #000000;
|
|
|
- font-size: 24px;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- span:nth-child(2) {
|
|
|
- color: #92959a;
|
|
|
- font-size: 24px;
|
|
|
- font-weight: bold;
|
|
|
- margin: 0 0 0 10px;
|
|
|
- }
|
|
|
- span:nth-child(3) {
|
|
|
- color: #92959a;
|
|
|
- font-size: 18px;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- span:last-child {
|
|
|
- float: right;
|
|
|
- padding: 0 15px;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: bold;
|
|
|
- color: #044b79;
|
|
|
- }
|
|
|
- span:last-child:hover {
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
+ .roadshowList {
|
|
|
+ border-bottom: 1px dashed #000;
|
|
|
+ padding: 10px 0;
|
|
|
+ .date {
|
|
|
+ text-align: center;
|
|
|
+ span {
|
|
|
+ background: #044b79;
|
|
|
+ padding: 2px 5px 4px 5px;
|
|
|
+ font-size: 14px;
|
|
|
+ border-radius: 5px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
}
|
|
|
- .leftDown {
|
|
|
- height: 450px;
|
|
|
- .rInfoList {
|
|
|
- float: left;
|
|
|
- width: 95%;
|
|
|
- padding: 11px 0;
|
|
|
- height: 55px;
|
|
|
- .r-text {
|
|
|
- display: inline-block;
|
|
|
- width: 70%;
|
|
|
- margin: 0 20px 0 10px;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- font-size: 18px;
|
|
|
- }
|
|
|
- .r-date {
|
|
|
- display: inline-block;
|
|
|
- width: 21%;
|
|
|
- text-align: center;
|
|
|
- font-size: 16px;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- }
|
|
|
- }
|
|
|
- .rInfoList:hover p .r-text {
|
|
|
- -webkit-transform: translateY(-3px);
|
|
|
- -ms-transform: translateY(-3px);
|
|
|
- transform: translateY(-3px);
|
|
|
- -webkit-box-shadow: 0 0 6px #999;
|
|
|
- box-shadow: 0 0 6px #999;
|
|
|
- -webkit-transition: all 0.5s ease-out;
|
|
|
- transition: all 0.5s ease-out;
|
|
|
- color: #005293;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
+ .title {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ padding: 0 0 0 5px;
|
|
|
+ }
|
|
|
+ .brief {
|
|
|
+ font-size: 14px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ word-break: break-all;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ padding: 5px 0 0 0;
|
|
|
+ height: 43px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .roadshowList:last-child {
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
+ .roadshowList:hover {
|
|
|
+ cursor: pointer;
|
|
|
+ .title {
|
|
|
+ color: #409eff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .guidanceList {
|
|
|
+ padding: 10px 0;
|
|
|
+ border-bottom: 1px dashed #000;
|
|
|
+ .title {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .date {
|
|
|
+ font-size: 16px;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+ .brief {
|
|
|
+ font-size: 14px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ word-break: break-all;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ padding: 5px 0 0 0;
|
|
|
+ height: 43px;
|
|
|
}
|
|
|
}
|
|
|
+ .guidanceList:last-child {
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
+ .guidanceList:hover {
|
|
|
+ cursor: pointer;
|
|
|
+ .title {
|
|
|
+ color: #409eff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .common {
|
|
|
+ .left {
|
|
|
+ width: 49%;
|
|
|
+ height: 500px;
|
|
|
+ margin: 0 20px 0 0;
|
|
|
+ background: #fff;
|
|
|
+ box-shadow: 0 0 5px #ccc;
|
|
|
+ border-radius: 10px;
|
|
|
+ }
|
|
|
.right {
|
|
|
- .rightTop {
|
|
|
- height: 50px;
|
|
|
- .txt {
|
|
|
- height: 47px;
|
|
|
- line-height: 47px;
|
|
|
- border-bottom: 3px solid #044b79;
|
|
|
- span:first-child {
|
|
|
- color: #000000;
|
|
|
- font-size: 24px;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- span:nth-child(2) {
|
|
|
- color: #92959a;
|
|
|
- font-size: 24px;
|
|
|
- font-weight: bold;
|
|
|
- margin: 0 0 0 10px;
|
|
|
- }
|
|
|
- span:nth-child(3) {
|
|
|
- color: #92959a;
|
|
|
- font-size: 18px;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- span:last-child {
|
|
|
- float: right;
|
|
|
- padding: 0 15px;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: bold;
|
|
|
- color: #044b79;
|
|
|
- }
|
|
|
- span:last-child:hover {
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+ .top {
|
|
|
+ height: 50px;
|
|
|
+ padding: 5px 10px;
|
|
|
+ .topTxt {
|
|
|
+ height: 45px;
|
|
|
+ border-bottom: 3px solid #044b79;
|
|
|
+ line-height: 45px;
|
|
|
+ padding: 0 5px;
|
|
|
+ span:nth-child(1) {
|
|
|
+ font-size: 24px;
|
|
|
+ font-weight: 700;
|
|
|
}
|
|
|
- }
|
|
|
- .rightDown {
|
|
|
- height: 450px;
|
|
|
- padding: 0 10px;
|
|
|
- .infoList {
|
|
|
- float: left;
|
|
|
- width: 95%;
|
|
|
- border-bottom: 1px dashed #ccc;
|
|
|
- padding: 25px 0 8px 0;
|
|
|
- height: 90px;
|
|
|
- margin: 0 0 0 5px;
|
|
|
- .p1 {
|
|
|
- float: left;
|
|
|
- width: 20%;
|
|
|
- font-size: 15px;
|
|
|
- background: #044b79;
|
|
|
- text-align: center;
|
|
|
- color: #fff;
|
|
|
- font-weight: 700;
|
|
|
- padding: 4px 0;
|
|
|
- margin: 0 0 0 5px;
|
|
|
- }
|
|
|
- .p2 {
|
|
|
- float: right;
|
|
|
- width: 70%;
|
|
|
- padding: 0 0 0 10px;
|
|
|
- .textOver1 {
|
|
|
- float: left;
|
|
|
- width: 90%;
|
|
|
- font-size: 18px;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- }
|
|
|
- }
|
|
|
+ span:nth-child(2) {
|
|
|
+ padding: 0 10px;
|
|
|
+ text-transform: Capitalize;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #92959a;
|
|
|
+ font-weight: 700;
|
|
|
}
|
|
|
- .infoList:hover .p2 .textOver1 {
|
|
|
- -webkit-transform: translateY(-3px);
|
|
|
- -ms-transform: translateY(-3px);
|
|
|
- transform: translateY(-3px);
|
|
|
- -webkit-box-shadow: 0 0 6px #999;
|
|
|
- box-shadow: 0 0 6px #999;
|
|
|
- -webkit-transition: all 0.5s ease-out;
|
|
|
- transition: all 0.5s ease-out;
|
|
|
- color: #005293;
|
|
|
+ span:nth-child(3) {
|
|
|
+ float: right;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ span:nth-child(3):hover {
|
|
|
cursor: pointer;
|
|
|
+ color: #409eff;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .down {
|
|
|
+ height: 450px;
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 5px 10px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|
