|
|
@@ -21,7 +21,7 @@
|
|
|
>
|
|
|
<el-col :span="6" class="search">
|
|
|
<el-col :soan="16" class="searchtitle">
|
|
|
- <el-input v-model="name" placeholder="关键词" @select="handleSelect" style="height:30px" class="newinput"></el-input> </el-col
|
|
|
+ <el-input placeholder="关键词" @select="handleSelect" style="height:30px" class="newinput"></el-input> </el-col
|
|
|
><el-col :span="2"><el-button type="primary" icon="el-icon-search"></el-button></el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
@@ -59,8 +59,11 @@
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
- <el-col :span="12" class="leftcontext">
|
|
|
- 统计图
|
|
|
+ <el-col :span="24" class="leftcontext" v-for="(item, index) in list" :key="index">
|
|
|
+ <p>
|
|
|
+ <span>.</span><span>{{ item.title }}</span
|
|
|
+ ><span>{{ item.date }}</span>
|
|
|
+ </p>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
@@ -86,6 +89,12 @@ export default {
|
|
|
date: '',
|
|
|
src: require('@/assets/logo.png'),
|
|
|
newsrc: require('@/assets/123.jpg'),
|
|
|
+ list: [
|
|
|
+ {
|
|
|
+ title: '运行动态运行动态运行动态运行动态运行动态运行动态运行动态运行动态',
|
|
|
+ date: '2018-03-04',
|
|
|
+ },
|
|
|
+ ],
|
|
|
}),
|
|
|
created() {
|
|
|
this.searchdate();
|
|
|
@@ -240,17 +249,24 @@ export default {
|
|
|
.main .maintopleft .maintoplefttitle span:first-child {
|
|
|
font-weight: 1000;
|
|
|
padding: 10px 5px 0 0px;
|
|
|
+ font-size: 20px;
|
|
|
+ color: #005293;
|
|
|
}
|
|
|
|
|
|
.main .maintopleft .maintoplefttitle span:nth-child(2) {
|
|
|
+ font-size: 20px;
|
|
|
+ color: #005293;
|
|
|
padding: 0 10px 0 0;
|
|
|
}
|
|
|
.main .maintopleft .maintoplefttitle span:nth-child(3) {
|
|
|
+ font-size: 20px;
|
|
|
+ color: #005293;
|
|
|
float: right;
|
|
|
}
|
|
|
|
|
|
.maintopleft .leftcontext {
|
|
|
padding: 0 20px 0 20px;
|
|
|
+ font-size: 16px;
|
|
|
}
|
|
|
|
|
|
.maintopright {
|
|
|
@@ -270,16 +286,33 @@ export default {
|
|
|
.main .maintopright .maintoplefttitle span:first-child {
|
|
|
font-weight: 1000;
|
|
|
padding: 10px 5px 0 0px;
|
|
|
+ font-size: 20px;
|
|
|
+ color: #005293;
|
|
|
}
|
|
|
|
|
|
.main .maintopright .maintoplefttitle span:nth-child(2) {
|
|
|
+ font-size: 20px;
|
|
|
+ color: #005293;
|
|
|
padding: 0 10px 0 0;
|
|
|
}
|
|
|
.main .maintopright .maintoplefttitle span:nth-child(3) {
|
|
|
+ font-size: 20px;
|
|
|
+ color: #005293;
|
|
|
float: right;
|
|
|
}
|
|
|
|
|
|
.maintopright .leftcontext {
|
|
|
padding: 0 20px 0 20px;
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+
|
|
|
+.maintopright .leftcontext p {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.maintopright .leftcontext p span:first-child {
|
|
|
+ font-weight: 1000;
|
|
|
+ padding: 5px;
|
|
|
}
|
|
|
</style>
|
