MyGit

devjin0617/vue2-admin-lte

Fork: 324 Star: 1071 (更新于 2024-12-04 07:51:12)

license: MIT

Language: Vue .

:bar_chart: adminLTE to vuejs v2.x converting project

最后发布版本: v0.4.3 ( 2017-11-28 17:31:10)

官方网址 GitHub网址



vue2-admin-lte (Demo)

AdminLTE of Admin control panel template Based on Vuejs 2.x Front-end Framework.

Documentation

https://devjin0617.gitbooks.io/vue2-admin-lte-guide/

Demo Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests: coming soon
# npm run unit

# run e2e tests: coming soon
# npm run e2e

# run all tests: coming soon
# npm test

How to use

First, install vue2-admin-lte via npm.

$ npm i --save vue2-admin-lte

append alias config in webpack

module.exports = {
  resolve: {
    alias: {
      'va': 'vue2-admin-lte/src'
    }
  }
}

import css and javascript files

// css files
import 'va/lib/css'

// js files
import 'va/lib/script'

use the components in .vue

<template>
  <va-button
    name="Primary"
    theme="primary"
    size="btn-lg"
    :isFlat="true"
  ></va-button>
</template>

<script>
import VAButton from 'va/components/VAButton.vue'
export default {
  name: 'Button',
  components: {
    'va-button': VAButton
  }
}
</script>

Example

<template>

  <va-direct-chat
    :talkList="talkList"
    :badgeCount="3"
    theme="primary"
    title="Direct Chat"
    placeholder="Type Messages ..."
  ></va-direct-chat>

</template>


<script>
import VADirectChat from '../path/to/components/VADirectChat.vue'

export default {
  name: 'App',
  data () {
    return {
      talkList: [
        {
          name: 'Alexander Pierce',
          date: new Date(),
          profileImage: 'http://path/to/image',
          message: `Is this template really for free? That's unbelievable`,
          isMine: false
        },
        {
          name: 'Sarah Bullock',
          date: new Date(),
          profileImage: 'http://path/to/image',
          message: `You better believe it!`,
          isMine: true
        }
      ]
    }
  },
  components: {
    'va-direct-chat': VADirectChat
  }
}

</script>

how to start mock server

node ./mock-server/index.js

how to use Vuex

// /vuex/store.js
import Vue from 'vue'
import Vuex from 'vuex'

import * as actions from './actions'
import * as getters from './getters'
import modules from './modules'

Vue.use(Vuex)

export default new Vuex.Store({
  actions,
  getters,
  modules,
  strict: process.env.NODE_ENV !== 'production'
})

Contributing to Vue2 AdminLTE

The following is a set of guidelines for contributing to Vue2 AdminLTE.

Submitting Issues

You can create an issue here.

If you can, please include:

  • The version, name of Browser you are using
  • The operating system you are using

Other things that will help resolve your issue:

  • Screenshots or gif
  • dev tools or an alert
  • Perform a search to see if a similar issue has already been submitted

Submitting Pull Requests

  • Include screenshots and animated gif in your pull request whenever possible.
  • Use short, present tense commit messages.

最近版本更新:(数据更新于 2024-10-16 14:34:23)

2017-11-28 17:31:10 v0.4.3

2017-05-10 20:20:10 v0.4.2

2017-05-08 13:03:31 v0.4.1

2017-05-05 17:38:55 v0.4.0

2017-04-09 20:43:42 v0.3.2

2017-04-05 22:38:33 v0.3.1

2017-03-30 23:10:32 v0.3.0

2017-03-28 23:25:23 v0.2.0

2017-03-25 16:59:16 v0.1.6

2017-03-25 16:57:41 v0.1.5

主题(topics):

admin-lte-vue, adminlte, adminlte-vue, bootstrap, jquery, vue-admin-lte, vue-adminlte, vue2, vue2-admin-lte, vue2-demo, vuejs, webpack

devjin0617/vue2-admin-lte同语言 Vue最近更新仓库

2024-12-23 00:55:37 BewlyBewly/BewlyBewly

2024-12-20 12:07:45 jxxghp/MoviePilot-Frontend

2024-12-09 16:47:56 VueTorrent/VueTorrent

2024-12-08 11:35:09 LauZzL/ltzj-nem

2024-12-05 14:06:28 luckjiawei/frpc-desktop

2024-11-22 22:16:38 primefaces/primevue