Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit190996d

Browse files
committed
Initial commit
0 parents  commit190996d

File tree

14 files changed

+514
-0
lines changed

14 files changed

+514
-0
lines changed

‎.gitignore‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
/node_modules
2+
/public/storage
3+
/public/hot
4+
/storage/*.key
5+
/vendor
6+
/.idea

‎README.md‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
##The Vue2 with ElemeFE/element for Laravel 5.4
2+
3+
- Starter kit Vue2 in conjunction with SemanticUi for Laravel 5.4
4+
5+
##Installation
6+
7+
```sh
8+
$ composer require maxlab/laravel-vue-element
9+
```
10+
11+
Then add to config/app.php
12+
```php
13+
Maxlab\VueSemanticUi\VueSemanticUiServiceProvider::class
14+
```
15+
16+
Then
17+
```sh
18+
$ php artisan vendor:publish --force --provider="Maxlab\VueSemanticUi\VueSemanticUiServiceProvider"
19+
$ npm install&& npm run dev-ui
20+
```
21+
22+
##License
23+
24+
The Laravel framework is open-sourced software licensed under the[MIT license](http://opensource.org/licenses/MIT).

‎composer.json‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
{
2+
"name":"maxlab/laravel-vue-semantic-ui",
3+
"description":"Laravel 5 starter semantic-ui vue2",
4+
"keywords": [
5+
"vue-laravel",
6+
"laravel-starter-semantic-ui",
7+
"laravel-vue-semantic-ui",
8+
"laravel",
9+
"laravel-rad",
10+
"laravel5",
11+
"laravel-edition",
12+
"semantic-ui",
13+
"laravel-rad"
14+
],
15+
"type":"project",
16+
"license":"MIT",
17+
"homepage":"https://github.com/Maxlab/laravel-vue-semantic-ui",
18+
"require": {
19+
"php":">=5.6.4",
20+
"laravel/framework":"5.4.*"
21+
},
22+
"autoload": {
23+
"psr-4": {
24+
"Maxlab\\VueSemanticUi\\":"src/"
25+
}
26+
},
27+
"minimum-stability":"dev",
28+
"prefer-stable":true
29+
}

‎gulpfile.js‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
var
2+
gulp=require('gulp'),
3+
watch=require('./resources/assets/semantic/tasks/watch'),
4+
build=require('./resources/assets/semantic/tasks/build')
5+
;
6+
7+
8+
/*******************************
9+
Tasks
10+
*******************************/
11+
gulp.task('watch-ui',watch);
12+
gulp.task('build-ui',build);

‎package.json‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
{
2+
"private":true,
3+
"scripts": {
4+
"dev":"npm run development",
5+
"dev-ui":"gulp build-ui && npm run development",
6+
"development":"cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
7+
"watch":"cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
8+
"watch-ui":"gulp watch-ui && cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
9+
"watch-poll":"npm run watch -- --watch-poll",
10+
"hot":"cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
11+
"prod":"npm run production",
12+
"production":"cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
13+
},
14+
"devDependencies": {
15+
"axios":"0.15.3",
16+
"minimatch":"^3.0.2",
17+
"graceful-fs":"^4.0.0",
18+
"cross-env":"3.2.3",
19+
"jquery":"2.2.*",
20+
"laravel-mix":"0.*",
21+
"lodash":"4.17.4",
22+
"vue":"2.1.*",
23+
"vue-template-compiler":"2.1.*",
24+
"semantic-ui":"2.2.10",
25+
"optipng-bin":"3.1.4"
26+
}
27+
}
Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<?phpnamespaceMaxlab\VueElement;
2+
3+
useIlluminate\Support\ServiceProvider;
4+
5+
class VueSemanticUiServiceProviderextends ServiceProvider
6+
{
7+
/**
8+
* Bootstrap any application services.
9+
*
10+
* @return void
11+
*/
12+
publicfunctionboot()
13+
{
14+
$this->publishes([
15+
__DIR__.'/../src/resources/assets' =>resource_path('/assets'),
16+
__DIR__.'/../src/resources/views' =>resource_path('/views'),
17+
__DIR__.'/../package.json' =>base_path('/package.json'),
18+
__DIR__.'/../package.json' =>base_path('/gulpfile.js'),
19+
__DIR__.'/../webpack.mix.js' =>base_path('/webpack.mix.js'),
20+
],'laravel-vue-semantic-ui');
21+
}
22+
23+
/**
24+
* Register any application services.
25+
*
26+
* @return void
27+
*/
28+
publicfunctionregister()
29+
{
30+
31+
}
32+
}

‎src/resources/assets/js/app.js‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
2+
/**
3+
* First we will load all of this project's JavaScript dependencies which
4+
* includes Vue and other libraries. It is a great starting point when
5+
* building robust, powerful web applications using Vue and Laravel.
6+
*/
7+
8+
require('./bootstrap');
9+
10+
/**
11+
* Next, we will create a fresh Vue application instance and attach it to
12+
* the page. Then, you may begin adding components to this application
13+
* or customize the JavaScript scaffolding to fit your unique needs.
14+
*/
15+
16+
//Vue.component('example', require('./components/Example.vue'));
17+
18+
//const app = new Vue({
19+
// el: '#app'
20+
//});
21+
22+
require('./common')
Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
2+
window._=require('lodash');
3+
4+
/**
5+
* We'll load jQuery and the Bootstrap jQuery plugin which provides support
6+
* for JavaScript based Bootstrap features such as modals and tabs. This
7+
* code may be modified to fit the specific needs of your application.
8+
*/
9+
10+
window.$=window.jQuery=require('jquery');
11+
12+
/**
13+
* Vue is a modern JavaScript library for building interactive web interfaces
14+
* using reactive data binding and reusable components. Vue's API is clean
15+
* and simple, leaving you to focus on building your next great project.
16+
*/
17+
18+
window.Vue=require('vue');
19+
20+
/**
21+
* We'll load the axios HTTP library which allows us to easily issue requests
22+
* to our Laravel back-end. This library automatically handles sending the
23+
* CSRF token as a header based on the value of the "XSRF" token cookie.
24+
*/
25+
26+
window.axios=require('axios');
27+
//window.axios.defaults.headers.common['X-CSRF-TOKEN'] = window.Laravel.csrfToken;
28+
//window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
29+
30+
/**
31+
* Echo exposes an expressive API for subscribing to channels and listening
32+
* for events that are broadcast by Laravel. Echo and event broadcasting
33+
* allows your team to easily build robust real-time web applications.
34+
*/
35+
require("../dist/semantic/semantic")
36+
// import Echo from 'laravel-echo'
37+
38+
// window.Pusher = require('pusher-js');
39+
40+
// window.Echo = new Echo({
41+
// broadcaster: 'pusher',
42+
// key: 'your-pusher-key'
43+
// });

‎src/resources/assets/js/common.js‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
$(document).ready(function(){
2+
$('.masthead')
3+
.visibility({
4+
once:false,
5+
onBottomPassed:function(){
6+
$('.fixed.menu').transition('fade in');
7+
},
8+
onBottomPassedReverse:function(){
9+
$('.fixed.menu').transition('fade out');
10+
}
11+
});
12+
13+
// create sidebar and attach to menu open
14+
$('.ui.sidebar')
15+
.sidebar('attach events','.toc.item');
16+
});
Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<template>
2+
<divclass="container">
3+
<divclass="row">
4+
<divclass="col-md-8 col-md-offset-2">
5+
<divclass="panel panel-default">
6+
<divclass="panel-heading">Example Component</div>
7+
8+
<divclass="panel-body">
9+
I'm an example component!
10+
</div>
11+
</div>
12+
</div>
13+
</div>
14+
</div>
15+
</template>
16+
17+
<script>
18+
exportdefault {
19+
mounted() {
20+
console.log('Component mounted.')
21+
}
22+
}
23+
</script>

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp