1
This commit is contained in:
@@ -1,102 +0,0 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="24">
|
||||
<el-card class="welcome-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>欢迎使用京粉订单管理系统</span>
|
||||
</div>
|
||||
<div class="welcome-content">
|
||||
<h2>系统首页</h2>
|
||||
<p>这是一个基于若依框架开发的京粉订单管理系统,提供完整的订单管理、转链工具、指令执行等功能。</p>
|
||||
<el-divider></el-divider>
|
||||
<el-row :gutter="20" class="feature-cards">
|
||||
<el-col :span="8">
|
||||
<el-card shadow="hover" class="feature-card">
|
||||
<i class="el-icon-s-order feature-icon"></i>
|
||||
<h3>订单管理</h3>
|
||||
<p>全面的京粉订单管理功能</p>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-card shadow="hover" class="feature-card">
|
||||
<i class="el-icon-link feature-icon"></i>
|
||||
<h3>一键转链</h3>
|
||||
<p>快速转换京东商品链接</p>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-card shadow="hover" class="feature-card">
|
||||
<i class="el-icon-setting feature-icon"></i>
|
||||
<h3>系统管理</h3>
|
||||
<p>完善的系统配置管理</p>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "Index",
|
||||
data() {
|
||||
return {};
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.app-container {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.welcome-card {
|
||||
.welcome-content {
|
||||
text-align: center;
|
||||
|
||||
h2 {
|
||||
color: #303133;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #606266;
|
||||
font-size: 16px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.feature-cards {
|
||||
margin-top: 30px;
|
||||
|
||||
.feature-card {
|
||||
text-align: center;
|
||||
transition: transform 0.3s;
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
|
||||
.feature-icon {
|
||||
font-size: 48px;
|
||||
color: #409eff;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #303133;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #909399;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user