|
@@ -7,7 +7,19 @@
|
|
<el-button style="float: right" @click="addProject">添加项目</el-button>
|
|
<el-button style="float: right" @click="addProject">添加项目</el-button>
|
|
</el-row>
|
|
</el-row>
|
|
<div class="saga-brand-group">
|
|
<div class="saga-brand-group">
|
|
- <ul class="saga-brand-list">
|
|
|
|
|
|
+ <el-row :gutter="12">
|
|
|
|
+ <el-col :span="6" v-for="item in projectList" :key="item.id">
|
|
|
|
+ <el-card shadow="always" :body-style="{ padding: '0px' }">
|
|
|
|
+ <el-image style="width: 100%; height: 187px" src="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png" :fit="fit"></el-image>
|
|
|
|
+ <div style="padding: 14px">
|
|
|
|
+ <div class="bottom clearfix">
|
|
|
|
+ <time class="time">{{ item.name }}</time>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </el-card>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+ <!-- <ul class="saga-brand-list">
|
|
<li
|
|
<li
|
|
class="saga-brand-item"
|
|
class="saga-brand-item"
|
|
:class="{ 'brand-new': item.new }"
|
|
:class="{ 'brand-new': item.new }"
|
|
@@ -35,7 +47,7 @@
|
|
<li class="pick"></li>
|
|
<li class="pick"></li>
|
|
<li class="pick"></li>
|
|
<li class="pick"></li>
|
|
<li class="pick"></li>
|
|
<li class="pick"></li>
|
|
- </ul>
|
|
|
|
|
|
+ </ul> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
@@ -105,8 +117,16 @@ export default class extends Vue {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
.project-box {
|
|
.project-box {
|
|
|
|
+ height: 100%;
|
|
padding: 0 16px;
|
|
padding: 0 16px;
|
|
.saga-brand-group {
|
|
.saga-brand-group {
|
|
|
|
+ height: calc(100% - 48px);
|
|
|
|
+ overflow-y: auto;
|
|
|
|
+ overflow-x: hidden;
|
|
|
|
+ ::v-deep .el-col {
|
|
|
|
+ margin-bottom: 12px;
|
|
|
|
+ }
|
|
|
|
+
|
|
.saga-brand-list {
|
|
.saga-brand-list {
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-direction: row;
|