<template>
|
<el-container>
|
<el-aside width="200px">
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[0].show,0)">
|
我的文件夹 +
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[1].show,1)">
|
自定义文件夹1
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[2].show,2)">
|
自定义文件夹2
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[3].show,3)">
|
自定义文件夹3
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[4].show,4)">
|
自定义文件夹4
|
</el-card>
|
</el-aside>
|
<el-main>
|
<el-row>
|
<el-col :span="16">
|
<h3 class="bu-tian-jia-title">云盘智搜</h3>
|
</el-col>
|
<el-col :span="8">
|
<el-input v-model="input" placeholder="请输入内容" style="width:200px" />
|
<el-button type="primary">查询</el-button>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="30">
|
<el-button type="danger">下载</el-button>
|
<el-button type="primary">删除</el-button>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="30">
|
<dl>
|
<dt><img src="../../../images/fujian.png"></dt>
|
<dd><el-checkbox /> 附件名称1.doc</dd>
|
</dl>
|
<dl>
|
<dt><img src="../../../images/fujian.png"></dt>
|
<dd><el-checkbox /> 附件名称2.txt</dd>
|
</dl>
|
<dl>
|
<dt><img src="../../../images/fujian.png"></dt>
|
<dd><el-checkbox /> 附件名称3.xls</dd>
|
</dl>
|
<dl>
|
<dt><img src="../../../images/fujian.png"></dt>
|
<dd><el-checkbox /> 附件名称4.ppt</dd>
|
</dl>
|
<dl>
|
<dt><img src="../../../images/fujian.png"></dt>
|
<dd><el-checkbox /> 附件名称1.doc</dd>
|
</dl>
|
<dl>
|
<dt><img src="../../../images/fujian.png"></dt>
|
<dd><el-checkbox /> 附件名称1.doc</dd>
|
</dl>
|
<dl>
|
<dt><img src="../../../images/fujian.png"></dt>
|
<dd><el-checkbox /> 附件名称1.doc</dd>
|
</dl>
|
</el-col>
|
</el-row>
|
</el-main>
|
</el-container>
|
</template>
|
|
<script>
|
</script>
|
|
<style>
|
dl{
|
float: left;
|
margin-right: 20px;
|
}
|
dd {
|
margin-inline-start: 0px;
|
}
|
</style>
|
