|
@@ -16,28 +16,18 @@
|
|
|
@choose="typeChoose"
|
|
|
></nut-actionsheet>
|
|
|
</el-col>
|
|
|
- <!-- <el-col :span="12">
|
|
|
- <el-button style="font-size:1rem;backgroun:#fff;width:100%;" type="primary" plain icon="el-icon-files" @click="companyPicker = true">
|
|
|
- {{ companyText }}<i :class="`el-icon-arrow-${companyPicker ? 'up' : 'down'} el-icon--right`"></i>
|
|
|
- </el-button>
|
|
|
- </el-col> -->
|
|
|
</el-row>
|
|
|
<span v-if="list.length > 0">
|
|
|
<el-row class="list_row" v-for="(item, index) in list" :key="index" @click.native="link(item.id)">
|
|
|
- <el-col :span="5">
|
|
|
- <el-image :src="item.url" style="width:60px;height:60px;"></el-image>
|
|
|
- </el-col>
|
|
|
- <el-col :span="19">
|
|
|
- <el-row type="flex" :gutter="10" align="middle">
|
|
|
- <el-col :span="16" class="word_etc">{{ item.title }}</el-col>
|
|
|
- <el-col :span="8" class="list_info_top-sWord word_grey">{{ item.create_time }}</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row type="flex" :gutter="10" align="bottom" style="margin-top:0.5rem;">
|
|
|
- <el-col :span="16" style="color:#666666;">
|
|
|
- {{ getEtcInfo(item.content) }}
|
|
|
- </el-col>
|
|
|
- <el-col :span="8" class="el-icon-view info_icon">{{ item.view_count }}</el-col>
|
|
|
- </el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-col :span="24" class="title">
|
|
|
+ {{ item.title }}
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="schname"> 主办方:{{ item.schname }} </el-col>
|
|
|
+ <el-col :span="20" class="corpname"> 参会企业:{{ item.corpname }} </el-col>
|
|
|
+ <el-col :span="4" class="view">
|
|
|
+ <i class="el-icon-view info_icon"></i>
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</span>
|
|
@@ -226,22 +216,31 @@ export default {
|
|
|
border-style: solid;
|
|
|
border-width: 0 0 0.1rem;
|
|
|
}
|
|
|
-.word_etc {
|
|
|
- overflow: hidden;
|
|
|
- white-space: nowrap;
|
|
|
- text-overflow: ellipsis;
|
|
|
+.list_row .title {
|
|
|
+ font-size: 20px;
|
|
|
+ color: #000;
|
|
|
}
|
|
|
-.list_info_top-sWord {
|
|
|
- font-size: 0.6rem;
|
|
|
- text-align: right;
|
|
|
+.list_row .schname {
|
|
|
+ font-size: 15px;
|
|
|
+ color: #333;
|
|
|
}
|
|
|
-.word_grey {
|
|
|
- color: #999999;
|
|
|
+.list_row .corpname {
|
|
|
+ font-size: 15px;
|
|
|
+ color: #333;
|
|
|
}
|
|
|
-.info_icon {
|
|
|
- zoom: 1.2;
|
|
|
- color: #999999;
|
|
|
+.list_row .view {
|
|
|
text-align: right;
|
|
|
- font-size: 12px;
|
|
|
+ color: #999;
|
|
|
+}
|
|
|
+.list_row:hover {
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.list_row .title:hover {
|
|
|
+ color: #409eff;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.list_row .view:hover {
|
|
|
+ color: #409eff;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
</style>
|