|
@@ -1,13 +1,76 @@
|
|
|
<template>
|
|
|
+ <div class="exhibition-file">
|
|
|
+ <p class="title">
|
|
|
+ <span class=" iconfont icon-fujian"></span>
|
|
|
+ {{exhibitionFile.title}}</p>
|
|
|
+ <p class="text">xxx</p>
|
|
|
+ <section>
|
|
|
+ <el-row class="content">
|
|
|
+ <template>
|
|
|
+ <el-col :span="10" class="df">
|
|
|
+ <el-image
|
|
|
+ src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
|
|
|
+ style="width: 70%;height: 70%;"
|
|
|
+ />
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10" class="df">
|
|
|
+ <div>名称xxx</div>
|
|
|
+ <div>2020-02-02</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" class="df">
|
|
|
+ <el-button class="icon-download iconfont" type="text"/>
|
|
|
+ </el-col>
|
|
|
+ </template>
|
|
|
|
|
|
+ </el-row>
|
|
|
+ <el-row class="content">
|
|
|
+ <template>
|
|
|
+ <el-col :span="10" class="df">
|
|
|
+ <el-image
|
|
|
+ src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
|
|
|
+ style="width: 70%;height: 70%;"
|
|
|
+ />
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10" class="df">
|
|
|
+ <p>名称xxx</p>
|
|
|
+ <p>2020-02-02</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" class="df">
|
|
|
+ <el-button class="icon-download iconfont" type="text"/>
|
|
|
+ </el-col>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ </el-row>
|
|
|
+ </section>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
export default {
|
|
|
- name: "exhibition-file"
|
|
|
+ name: "exhibition-file",
|
|
|
+ props: ['exhibitionFile']
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style scoped>
|
|
|
-
|
|
|
+<style scoped lang="less">
|
|
|
+ .exhibition-file {
|
|
|
+ .title {
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ padding: 10px 0;
|
|
|
+ font-weight: 600;
|
|
|
+ text-indent: 10px;
|
|
|
+ }
|
|
|
+ .content {
|
|
|
+ width: 95%;
|
|
|
+ height: 120px;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ margin: 10px auto;
|
|
|
+ }
|
|
|
+ .df{
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|