hz/student-h5
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/student-h5.git synced 2025-12-25 02:32:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat:修改考试三个页面；新增filestorag页面

Browse Source
This commit is contained in:
dongwug
2022-09-29 14:40:36 +08:00
parent f3a3436b19
commit 851fefca3a
7 changed files with 354 additions and 392 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
src/views/filestorag/fileStorag.vue Normal file
View File

@@ -0,0 +1,85 @@
<template>
<div class="filestorag">
<div class="notice">
<div class="noticebox">
<div class="main">
<div class="filebox"
v-for="(t,index) in t_items"
:key="index">
<div class="fileimg"></div>
<div class="filename">{{t.text}}</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import { reactive, toRefs } from "vue";
import Images from "../../assets/image/index";
export default {
name: "FileStorag",
setup() {
const state = reactive({
t_items: [
{
id: 1,
text: "示例文档.doc",
},
{
id: 2,
text: "示例文档.doc",
},
{
id: 3,
text: "示例文档.doc",
},
{
id: 4,
text: "示例文档.doc",
},
],
});
return {
...toRefs(state),
Images,
};
}
};
</script>
<style lang="scss" scoped>
.filestorag{
width: 100%;
background-color: #F2F5F7;
font-size: 13px;
color: #677D86;
.notice{
width: 100%;
background-color: #ffffff;
margin-top: 10px;
.noticebox{
width: 90%;
margin: 0 auto;
.main{
width: 100%;
.filebox{
display: flex;
margin-left: 16.5px;
padding: 21.5px 0;
align-items: center;
border-bottom: 1px solid #EDF3FF;
.fileimg{
width: 19.5px;
height: 22px;
background-image: url(../../assets/image/filestorag/zip.png);
background-size: 100% 100%;
margin-right: 19px;
}
}
}
}
}
}
</style>