Skip to content

Commit 5cc44c8

Browse files
daggerokdaggerok
committed
Arrrrgggg (C) whatthecommit.com
1 parent 9523b75 commit 5cc44c8

18 files changed

+397
-6
lines changed

‎.travis.yml

+17-6
Original file line numberDiff line numberDiff line change
@@ -44,31 +44,42 @@ before_install:
4444
jobs:
4545
include:
4646

47+
- stage: test
48+
name: vuesax-example
49+
before_script:
50+
- cd ${root}/vuesax-example && npm i
51+
- cd ${root}/vuesax-example && npm start
52+
- cd ${root}/vuesax-example && npm run logs &
53+
- wait_for 8080
54+
script:
55+
- http :8080
56+
after_script:
57+
- cd ${root}/vuesax-example && npm stop
58+
4759
- stage: test
4860
name: typescript-vue-app
4961
before_script:
5062
- cd ${root}/typescript-vue-app && npm i
51-
- cd ${root}/typescript-vue-app && npm run start
63+
- cd ${root}/typescript-vue-app && npm start
5264
- cd ${root}/typescript-vue-app && npm run logs &
5365
- wait_for 8080
5466
script:
5567
- http :8080
5668
after_script:
57-
- npm run stop
69+
- cd ${root}/typescript-vue-app && npm stop
5870

5971
- stage: test
6072
name: ecma-script-parcel
6173
before_script:
62-
- cd ${root}/ecma-script-parcel
63-
- npm i
64-
- npm run start &
74+
- cd ${root}/ecma-script-parcel && npm i
75+
- cd ${root}/ecma-script-parcel && npm start &
6576
- sleep 1s
6677
- npm run logs &
6778
- wait_for 1234
6879
script:
6980
- http :1234
7081
after_script:
71-
- npm run stop
82+
- cd ${root}/ecma-script-parcel && npm stop
7283

7384
- stage: test
7485
name: ecma-script-5

‎vuesax-example/.gitignore

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
.DS_Store
2+
node_modules
3+
/dist
4+
5+
# local env files
6+
.env.local
7+
.env.*.local
8+
9+
# Log files
10+
npm-debug.log*
11+
yarn-debug.log*
12+
yarn-error.log*
13+
14+
# Editor directories and files
15+
.idea
16+
.vscode
17+
*.suo
18+
*.ntvs*
19+
*.njsproj
20+
*.sln
21+
*.sw?

‎vuesax-example/README.md

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# vuesax-example
2+
3+
## Project setup
4+
```
5+
npm install
6+
```
7+
8+
### Compiles and hot-reloads for development
9+
```
10+
npm run serve
11+
```
12+
13+
### Compiles and minifies for production
14+
```
15+
npm run build
16+
```
17+
18+
### Run your unit tests
19+
```
20+
npm run test:unit
21+
```
22+
23+
### Customize configuration
24+
See [Configuration Reference](https://cli.vuejs.org/config/).

‎vuesax-example/babel.config.js

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
module.exports = {
2+
presets: [
3+
'@vue/cli-plugin-babel/preset'
4+
]
5+
}

‎vuesax-example/package.json

+40
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
{
2+
"name": "vuesax-example",
3+
"version": "0.1.0",
4+
"private": true,
5+
"scripts": {
6+
"serve": "vue-cli-service serve",
7+
"build": "vue-cli-service build",
8+
"test": "vue-cli-service test:unit",
9+
"start": "forever start ./node_modules/.bin/vue-cli-service serve",
10+
"stop": "forever stopall --killTree",
11+
"logs": "forever -f logs 0"
12+
},
13+
"dependencies": {
14+
"core-js": "3.5.0",
15+
"material-icons": "0.3.1",
16+
"vue": "2.6.10",
17+
"vue-router": "3.1.3",
18+
"vuesax": "3.11.2",
19+
"vuex": "3.1.2"
20+
},
21+
"devDependencies": {
22+
"@types/chai": "4.2.7",
23+
"@types/mocha": "5.2.7",
24+
"@vue/cli-plugin-babel": "4.1.1",
25+
"@vue/cli-plugin-router": "4.1.1",
26+
"@vue/cli-plugin-unit-mocha": "4.1.1",
27+
"@vue/cli-plugin-vuex": "4.1.1",
28+
"@vue/cli-service": "4.1.1",
29+
"@vue/test-utils": "1.0.0-beta.29",
30+
"chai": "4.2.0",
31+
"forever": "1.0.0",
32+
"sass": "1.23.7",
33+
"sass-loader": "8.0.0",
34+
"vue-template-compiler": "2.6.10"
35+
},
36+
"browserslist": [
37+
"> 1%",
38+
"last 2 versions"
39+
]
40+
}

‎vuesax-example/public/favicon.ico

4.19 KB
Binary file not shown.

‎vuesax-example/public/index.html

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width,initial-scale=1.0">
7+
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
8+
<title>vuesax-example</title>
9+
</head>
10+
<body>
11+
<noscript>
12+
<strong>We're sorry but vuesax-example doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
13+
</noscript>
14+
<div id="app"></div>
15+
<!-- built files will be auto injected -->
16+
</body>
17+
</html>

‎vuesax-example/src/App.vue

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<template>
2+
<div id="app">
3+
<div id="nav">
4+
<router-link to="/">Vuesax</router-link>
5+
</div>
6+
<router-view/>
7+
</div>
8+
</template>
9+
10+
<style lang="scss">
11+
/*
12+
@import "~material-icons/iconfont/material-icons.css";
13+
@import "~vuesax/dist/vuesax.css";
14+
*/
15+
</style>

‎vuesax-example/src/assets/logo.png

6.69 KB
Loading

‎vuesax-example/src/components/ButtonsDemo.vue

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<template>
2+
<div class="buttons">
3+
<vs-button color="primary" type="filled">Primary</vs-button>
4+
<vs-button color="success" type="filled">Success</vs-button>
5+
<vs-button color="danger" type="filled">Danger</vs-button>
6+
<vs-button color="warning" type="filled">Warning</vs-button>
7+
<vs-button color="dark" type="filled">Dark</vs-button>
8+
<vs-button color="rgb(134, 4, 98)" type="filled">RGB</vs-button>
9+
<vs-button disabled type="filled">Disabled</vs-button>
10+
<vs-button color="primary" type="filled" to="/components/list.html">Router</vs-button>
11+
</div>
12+
</template>
13+
14+
<script>
15+
export default {
16+
name: 'ButtonsDemo'
17+
};
18+
</script>
19+
20+
<style scoped>
21+
22+
</style>

‎vuesax-example/src/components/ColorsDemo.vue

+69
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
<template lang="html">
2+
<div class="con-colors">
3+
<ul>
4+
<li class="primary">
5+
primary
6+
</li>
7+
<li class="success">
8+
success
9+
</li>
10+
<li class="danger">
11+
danger
12+
</li>
13+
<li class="warning">
14+
warning
15+
</li>
16+
<li class="dark">
17+
dark
18+
</li>
19+
</ul>
20+
</div>
21+
</template>
22+
23+
<script>
24+
export default {
25+
name: 'ColorsDemo'
26+
};
27+
</script>
28+
29+
<style lang="css">
30+
.con-colors ul{
31+
display: flex;
32+
align-items: center;
33+
justify-content: center;
34+
}
35+
.con-colors li{
36+
display: block;
37+
position: relative;
38+
width: 100px;
39+
height: 100px;
40+
background: rgb(155, 250, 149);
41+
margin: 10px;
42+
display: flex;
43+
align-items: center;
44+
justify-content: center;
45+
color: rgb(255, 255, 255);
46+
border-radius: 10px;
47+
cursor: default;
48+
}
49+
.primary {
50+
background: rgb(var(--primary)) !important;
51+
box-shadow: 0px 15px 40px -10px rgba(var(--primary),.9);
52+
}
53+
.success {
54+
background: rgb(var(--success)) !important;
55+
box-shadow: 0px 15px 40px -10px rgba(var(--success),.9);
56+
}
57+
.danger {
58+
background: rgb(var(--danger)) !important;
59+
box-shadow: 0px 15px 40px -10px rgba(var(--danger),.9);
60+
}
61+
.warning {
62+
background: rgb(var(--warning)) !important;
63+
box-shadow: 0px 15px 40px -10px rgba(var(--warning),.9);
64+
}
65+
.dark {
66+
background: rgb(var(--dark)) !important;
67+
box-shadow: 0px 15px 40px -10px rgba(var(--dark),.9);
68+
}
69+
</style>

‎vuesax-example/src/components/GridDemo.vue

+49
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
<template>
2+
<div class="vs-row-demo">
3+
<vs-row>
4+
<vs-col vs-type="flex" vs-justify="center" vs-align="center" vs-w="12">
5+
100%
6+
</vs-col>
7+
</vs-row>
8+
9+
<vs-row>
10+
<vs-col :key="index" v-for="col,index in 2" vs-type="flex" vs-justify="center" vs-align="center" vs-w="6">
11+
50%
12+
</vs-col>
13+
</vs-row>
14+
15+
<vs-row>
16+
<vs-col :key="index" v-for="col,index in 3" v-tooltip="'col - 4'" vs-type="flex" vs-justify="center" vs-align="center" vs-w="4">
17+
33.3%
18+
</vs-col>
19+
</vs-row>
20+
21+
<vs-row>
22+
<vs-col :key="index" v-for="col,index in 4" v-tooltip="'col - 3'" vs-type="flex" vs-justify="center" vs-align="center" vs-w="3">
23+
25%
24+
</vs-col>
25+
</vs-row>
26+
27+
<vs-row>
28+
<vs-col :key="index" v-for="col,index in 6" v-tooltip="'col - 2'" vs-type="flex" vs-justify="center" vs-align="center" vs-w="2">
29+
16.6%
30+
</vs-col>
31+
</vs-row>
32+
33+
<vs-row>
34+
<vs-col :key="index" v-for="col,index in 12" v-tooltip="'col - 1'" vs-type="flex" vs-justify="center" vs-align="center" vs-w="1">
35+
8.3%
36+
</vs-col>
37+
</vs-row>
38+
</div>
39+
</template>
40+
41+
<script>
42+
export default {
43+
name: 'GridDemo',
44+
};
45+
</script>
46+
47+
<style scoped>
48+
49+
</style>

‎vuesax-example/src/components/HelloVuesax.vue

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<template>
2+
<div class="hello-vuesax">
3+
<GridDemo />
4+
<p>Aloha {{ msg || 'Buddy' }}!</p>
5+
<ButtonsDemo />
6+
</div>
7+
</template>
8+
9+
<script>
10+
import GridDemo from './GridDemo';
11+
import ColorsDemo from './ColorsDemo';
12+
import ButtonsDemo from './ButtonsDemo';
13+
14+
export default {
15+
name: 'HelloVuesax',
16+
components: {
17+
ButtonsDemo,
18+
ColorsDemo,
19+
GridDemo,
20+
},
21+
props: {
22+
msg: String,
23+
},
24+
}
25+
</script>
26+
27+
<style scoped>
28+
29+
</style>

‎vuesax-example/src/main.js

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
import Vue from 'vue';
2+
import App from './App.vue';
3+
import router from './router';
4+
import store from './store';
5+
import Vuesax from 'vuesax';
6+
import 'vuesax/dist/vuesax.css';
7+
import 'material-icons/iconfont/material-icons.css';
8+
9+
Vue.config.productionTip = false;
10+
Vue.use(Vuesax, {
11+
theme:{
12+
colors:{
13+
primary:'#5b3cc4',
14+
success:'rgb(23, 201, 100)',
15+
danger:'rgb(242, 19, 93)',
16+
warning:'rgb(255, 130, 0)',
17+
dark:'rgb(36, 33, 69)'
18+
}
19+
}
20+
});
21+
22+
new Vue({
23+
router,
24+
store,
25+
render: h => h(App)
26+
}).$mount('#app');

‎vuesax-example/src/router/index.js

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
import Vue from 'vue';
2+
import VueRouter from 'vue-router';
3+
import Vuesax from '../views/Vuesax.vue';
4+
5+
Vue.use(VueRouter);
6+
7+
const routes = [
8+
{
9+
path: '/',
10+
name: 'vuesax',
11+
// component: Vuesax,
12+
component: () => import(/* webpackChunkName: "about" */ '../views/Vuesax.vue'),
13+
},
14+
];
15+
16+
const router = new VueRouter({
17+
mode: 'history',
18+
base: process.env.BASE_URL,
19+
routes,
20+
});
21+
22+
export default router;

0 commit comments

Comments
 (0)