Merge pull request 'edit' (#11) from lyc-dev into main

This commit is contained in:
lyc 2024-07-10 20:22:26 +08:00
commit 0e9734e3d7
8 changed files with 140 additions and 8 deletions

View File

@ -21,8 +21,8 @@ export default defineConfig({
server: { server: {
proxy: { proxy: {
'/dev-api': { '/dev-api': {
// target: 'http://27.128.240.72:7865', target: 'http://27.128.240.72:7865',
target: 'http://192.168.2.52:7863', // target: 'http://192.168.2.52:7863',
changeOrigin: true, changeOrigin: true,
rewrite: (p) => p.replace(/^\/dev-api/, '') rewrite: (p) => p.replace(/^\/dev-api/, '')
}, },

View File

@ -1,8 +1,8 @@
@font-face { @font-face {
font-family: "iconfont"; /* Project id 2794390 */ font-family: "iconfont"; /* Project id 2794390 */
src: url('iconfont.woff2?t=1720508953092') format('woff2'), src: url('iconfont.woff2?t=1720613279441') format('woff2'),
url('iconfont.woff?t=1720508953092') format('woff'), url('iconfont.woff?t=1720613279441') format('woff'),
url('iconfont.ttf?t=1720508953092') format('truetype'); url('iconfont.ttf?t=1720613279441') format('truetype');
} }
.iconfont { .iconfont {
@ -13,6 +13,22 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-jiahao:before {
content: "\e602";
}
.icon-pdf:before {
content: "\e803";
}
.icon-ppt:before {
content: "\e806";
}
.icon-word:before {
content: "\e807";
}
.icon-guanbi:before { .icon-guanbi:before {
content: "\e60f"; content: "\e60f";
} }

File diff suppressed because one or more lines are too long

View File

@ -5,6 +5,34 @@
"css_prefix_text": "icon-", "css_prefix_text": "icon-",
"description": "", "description": "",
"glyphs": [ "glyphs": [
{
"icon_id": "8721197",
"name": "加号",
"font_class": "jiahao",
"unicode": "e602",
"unicode_decimal": 58882
},
{
"icon_id": "11441567",
"name": "pdf",
"font_class": "pdf",
"unicode": "e803",
"unicode_decimal": 59395
},
{
"icon_id": "11447679",
"name": "ppt2",
"font_class": "ppt",
"unicode": "e806",
"unicode_decimal": 59398
},
{
"icon_id": "11447681",
"name": "word2",
"font_class": "word",
"unicode": "e807",
"unicode_decimal": 59399
},
{ {
"icon_id": "4736203", "icon_id": "4736203",
"name": "关闭", "name": "关闭",

View File

@ -4,8 +4,6 @@
<div class="page-right"> <div class="page-right">
<div class="right-header"> <div class="right-header">
<el-row justify="space-between"> <el-row justify="space-between">
<el-col :span="12" class="tab-btns flex"> <el-col :span="12" class="tab-btns flex">
<el-button text v-for="item in tabs" :key="item.id" :type="activeVal == item.id ? 'primary' : ''" <el-button text v-for="item in tabs" :key="item.id" :type="activeVal == item.id ? 'primary' : ''"
@ -26,6 +24,36 @@
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
<el-scrollbar height="400px">
<ul class="resource-list">
<li class="list-item">
<div class="item-left flex">
<div class="name flex">第1课课后巩固练习 2022-2023学年部编版语文七年级上册</div>
<div class="item-tags flex">
<el-tag type="info" class="mr-10">教案</el-tag>
<el-tag type="info" class="mr-10">PPT</el-tag>
<span class="gray-text mr-10">2024-07-13上传</span>
<span class="line mr-10" </span>
<span class="gray-text mr-10">下载3次</span>
</div>
</div>
<div class="item-btns">
<el-button size="small" plain round type="primary">
<i class="iconfont icon-jiahao"></i>
备课</el-button>
</div>
</li>
</ul>
<div class="pagination-box">
<el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize"
:page-sizes="[100, 200, 300, 400]" background
size="small"
layout="total, sizes, prev, pager, next, jumper" :total="400" @size-change="handleSizeChange"
@current-change="handleCurrentChange" />
</div>
</el-scrollbar>
</div> </div>
</div> </div>
</template> </template>
@ -113,6 +141,13 @@ const changeTab = (id) => {
activeVal.value = id activeVal.value = id
} }
const currentPage = ref(1)
const pageSize = ref(100)
const handleSizeChange = ()=>{}
const handleCurrentChange = ()=>{}
// const { ipcRenderer } = window.electron // const { ipcRenderer } = window.electron
// ipcRenderer.send('set-winsize',{x:1000,y: 700}) // ipcRenderer.send('set-winsize',{x:1000,y: 700})
@ -163,6 +198,59 @@ const nodeClick = (data) => {
} }
} }
.resource-list {
.list-item {
padding: 10px 20px;
border-bottom: solid #f1f1f1 1px;
display: flex;
justify-content: space-between;
align-items: center;
.item-left {
flex-direction: column;
.name {
font-size: 14px;
color: #3b3b3b;
margin-bottom: 10px
}
.line {
width: 1px;
height: 15px;
background-color: #d9dce2;
}
.item-tags {
align-items: center;
}
.mr-10 {
margin-right: 10px;
}
.gray-text {
color: #909399;
font-size: 13px;
}
}
&:last-child{
border-bottom: none;
}
.icon-jiahao{
font-size: 12px;
margin-right: 5px;
}
}
}
.pagination-box{
margin-top: 20px;
display: flex;
justify-content: center;
}
} }
} }
</style> </style>