mirror of
https://github.com/Lissy93/dashy.git
synced 2025-07-25 14:44:49 +02:00
Adds element
This commit is contained in:
parent
7f645745f9
commit
a909d6577b
12441
package-lock.json
generated
Normal file
12441
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
@ -3,7 +3,7 @@
|
|||||||
"version": "0.1.0",
|
"version": "0.1.0",
|
||||||
"private": true,
|
"private": true,
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"start":"node server",
|
"start": "node server",
|
||||||
"dev": "vue-cli-service serve",
|
"dev": "vue-cli-service serve",
|
||||||
"build": "vue-cli-service build",
|
"build": "vue-cli-service build",
|
||||||
"lint": "vue-cli-service lint"
|
"lint": "vue-cli-service lint"
|
||||||
@ -11,6 +11,7 @@
|
|||||||
"dependencies": {
|
"dependencies": {
|
||||||
"connect": "^3.7.0",
|
"connect": "^3.7.0",
|
||||||
"core-js": "^2.6.5",
|
"core-js": "^2.6.5",
|
||||||
|
"element-ui": "^2.11.0",
|
||||||
"register-service-worker": "^1.6.2",
|
"register-service-worker": "^1.6.2",
|
||||||
"serve-static": "^1.14.1",
|
"serve-static": "^1.14.1",
|
||||||
"vue": "^2.6.10",
|
"vue": "^2.6.10",
|
||||||
|
@ -1,5 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="item">
|
<el-tooltip placement="bottom" effect="dark" :content="description" :disabled="!description">
|
||||||
|
<div class="item">
|
||||||
<div class="tile-title" :id="`tile-${id}`">
|
<div class="tile-title" :id="`tile-${id}`">
|
||||||
<span class="text">{{ title }}</span>
|
<span class="text">{{ title }}</span>
|
||||||
<div class="overflow-dots">...</div>
|
<div class="overflow-dots">...</div>
|
||||||
@ -9,10 +10,12 @@
|
|||||||
:src="`/img/tile-icons/${icon}.png`"
|
:src="`/img/tile-icons/${icon}.png`"
|
||||||
class="tile-icon"
|
class="tile-icon"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
</el-tooltip>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'Item',
|
name: 'Item',
|
||||||
props: {
|
props: {
|
||||||
|
@ -11,6 +11,7 @@
|
|||||||
:key="item.id"
|
:key="item.id"
|
||||||
:id="item.id"
|
:id="item.id"
|
||||||
:title="item.title"
|
:title="item.title"
|
||||||
|
:description="item.description"
|
||||||
:icon="item.icon"
|
:icon="item.icon"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
{
|
{
|
||||||
"id":"001",
|
"id":"001",
|
||||||
"title": "Server Monitoring",
|
"title": "Server Monitoring",
|
||||||
"description": "",
|
"description": "Hello",
|
||||||
"provider": "",
|
"provider": "",
|
||||||
"icon": "008-clock",
|
"icon": "008-clock",
|
||||||
"url": ""
|
"url": ""
|
||||||
|
@ -1,8 +1,11 @@
|
|||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
|
import Element from 'element-ui'
|
||||||
|
import 'element-ui/lib/theme-chalk/index.css';
|
||||||
import App from './App.vue'
|
import App from './App.vue'
|
||||||
import router from './router'
|
import router from './router'
|
||||||
import './registerServiceWorker'
|
import './registerServiceWorker'
|
||||||
|
|
||||||
|
Vue.use(Element)
|
||||||
Vue.config.productionTip = false
|
Vue.config.productionTip = false
|
||||||
|
|
||||||
new Vue({
|
new Vue({
|
||||||
|
@ -6,6 +6,7 @@
|
|||||||
<ItemGroup
|
<ItemGroup
|
||||||
v-for="item in items"
|
v-for="item in items"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
|
:id="item.id"
|
||||||
:title="item.name"
|
:title="item.name"
|
||||||
:items="item.items"
|
:items="item.items"
|
||||||
/>
|
/>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user