初始化

This commit is contained in:
robin
2022-07-07 22:24:46 +08:00
commit 72b69615b6
42 changed files with 10068 additions and 0 deletions
+82
View File
@@ -0,0 +1,82 @@
<!--
/**
* data
* @module 组件存放位置
* @desc 组件描述
* @author Robin
* @date 2022/6/29 06:58
* @param {Object} [title] - 参数说明
* @param {String} [columns] - 参数说明
* @example 调用示例
* <hh></hh>
*/
-->
<template>
<div>
<el-card shadow="always"> 订单金额:123</el-card>
<el-card shadow="always"> 预计销量:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
<el-card shadow="always"> 利润金额:123</el-card>
</div>
</template>
<script>
export default {
name: "data",
//组件
components: {},
props : [],
//数据
data() {
return {}
},
//计算属性
computed: {},
//在实例创建完成后被立即调用
created() {
},
//实例被挂载后调用
mounted() {
},
//methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法,或者在指令表达式中使用。
methods: {},
//包含 Vue 实例可用过滤器的哈希表。
filters: {},
//侦听器
watch: {},
}
</script>
<style scoped lang="less">
.el-card {
margin-bottom: 20px;
}
</style>
+14
View File
@@ -0,0 +1,14 @@
export default [
{
name:"data",
label:"数据看板",
components:()=>import("./data.vue"),
},
{
name:"mssages",
label:"消息数量",
components:()=>import("./mssages.vue"),
},
]
+55
View File
@@ -0,0 +1,55 @@
<template>
<div>
<el-alert title="success alert" type="success" effect="dark">
<template #default>
<p>每个人都不得不面对这些问题. 在面对这种问题时,
一般来说, 随机一段废话, 发生了会如何, 不发生又会如何. 这样看来, 就我个人来说, 随机一段废话对我的意义, 不能不说非常重大. 德国曾经说过, 只有在人群中间才能认识自己带着这句话, 我们还要更加慎重的审视这个问题: 每个人都不得不面对这些问题. 在面对这种问题时,
斯宾诺莎曾经说过, 最大的骄傲于最大的自卑都表示心灵的最软弱无</p>
</template>
</el-alert>
<el-alert title="info alert" type="info" effect="dark"/>
<el-alert title="warning alert" type="warning" effect="dark"/>
<el-alert title="error alert" type="error" effect="dark"/>
</div>
</template>
<script>
export default {
name: "mssages",
//组件
components: {},
props : [],
//数据
data() {
return {}
},
//计算属性
computed: {},
//在实例创建完成后被立即调用
created() {
},
//实例被挂载后调用
mounted() {
},
//methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法,或者在指令表达式中使用。
methods: {},
//包含 Vue 实例可用过滤器的哈希表。
filters: {},
//侦听器
watch: {},
}
</script>
<style scoped lang="less">
.el-alert {
margin: 20px 0 0;
}
.el-alert:first-child {
margin: 0;
}
</style>