|
|
@@ -1,6 +1,19 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
-
|
|
|
+ <div style="overflow-y: auto">
|
|
|
+ <el-row :gutter="80" style="margin-left: 80px; margin-right: 80px; ">
|
|
|
+ <el-col :span="8" v-for="(o, index) in 4" :key="o">
|
|
|
+ <el-card :body-style="{ padding: '0px' }" style="margin-top: 40px">
|
|
|
+ <img src="https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1554721420&di=d2814210f88fe5afc5f5f4f8b1d9ab1c&src=http://00.minipic.eastday.com/20170411/20170411212923_f3b93bece00e4178f3bc684240278d9a_5.jpeg" class="image">
|
|
|
+ <div style="padding: 14px;">
|
|
|
+ <span>功能业务</span>
|
|
|
+ <div class="bottom clearfix">
|
|
|
+ <time class="time">{{ currentDate }}</time>
|
|
|
+ <el-button type="text" class="button">操作按钮</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -14,7 +27,7 @@
|
|
|
|
|
|
data() {
|
|
|
return {
|
|
|
-
|
|
|
+ currentDate: new Date()
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
@@ -36,4 +49,34 @@
|
|
|
margin-bottom: -15px;
|
|
|
}
|
|
|
|
|
|
+ .time {
|
|
|
+ font-size: 13px;
|
|
|
+ color: #999;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bottom {
|
|
|
+ margin-top: 13px;
|
|
|
+ line-height: 12px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .button {
|
|
|
+ padding: 0;
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+
|
|
|
+ .image {
|
|
|
+ width: 100%;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .clearfix:before,
|
|
|
+ .clearfix:after {
|
|
|
+ display: table;
|
|
|
+ content: "";
|
|
|
+ }
|
|
|
+
|
|
|
+ .clearfix:after {
|
|
|
+ clear: both
|
|
|
+ }
|
|
|
+
|
|
|
</style>
|
yuedefeng