Эхлэл Бүгдийг харах Тусламж
Бүртгүүлэх Нэвтрэх
alancnet
/
twitch-rivals
1
0
Салаа 0
Файлууд Асуудлууд 0 Хуулах хүсэлтүүд 0 Мэдлэгийн сан
Эх сурвалжийг харах

Vuetify

Alan Colon 7 жил өмнө
parent
de16332486
commit
8396c45e1d
6 өөрчлөгдсөн 139 нэмэгдсэн , 15 устгасан
Өөрчлөлтийг ялгаж харах Өөрчлөлтийн статистик харах
  1. 1 0
      app/index.html
  2. 44 6
      app/main.js
  3. 9 1
      app/main.vue
  4. 3 0
      package.json
  5. 4 0
      webpack.config.js
  6. 78 8
      yarn.lock

+ 1 - 0
app/index.html
Файл харах 

@@ -2,6 +2,7 @@
 
 <head>
 
   <title>CHANGEME</title>
 
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no" />
 
+  <link href='https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons' rel="stylesheet">
 
 </head>
 
 <body></body>
 
 </html>

+ 44 - 6
app/main.js
Файл харах 

@@ -1,5 +1,49 @@
 
 import Vue from 'vue'
 
 import Main from './main.vue'
 
+import colors from 'vuetify/es5/util/colors'
 
+
 
+import 'vuetify/dist/vuetify.min.css'
 
+import Vuetify, {
 
+  VApp, // required
 
+  VNavigationDrawer,
 
+  VFooter,
 
+  VToolbar,
 
+  VFadeTransition,
 
+  VContent,
 
+  VContainer,
 
+  VToolbarSideIcon,
 
+  VToolbarTitle
 
+} from 'vuetify/lib'
 
+import { Ripple } from 'vuetify/lib/directives'
 
+
 
+Vue.use(Vuetify, {
 
+  components: {
 
+    VApp,
 
+    VNavigationDrawer,
 
+    VFooter,
 
+    VToolbar,
 
+    VFadeTransition,
 
+    VContent,
 
+    VContainer,
 
+    VToolbarSideIcon,
 
+    VToolbarTitle
 
+  },
 
+  directives: {
 
+    Ripple
 
+  },
 
+  theme: {
 
+    primary: colors.red.darken1, // #E53935
 
+    secondary: colors.red.lighten4, // #FFCDD2
 
+    accent: colors.indigo.base // #3F51B5
 
+  }
 
+})
 
+
 
+
 
+const component = new Vue({
 
+  el: document.body,
 
+  components: { Main },
 
+  render: ce => ce('Main')
 
+})
 
 
 const serviceWorkerFile = require('file-loader!./service-worker.js')
 
 
@@ -15,9 +59,3 @@ if ('serviceWorker' in navigator) {
 
     console.log('Service worker registration failed, error:', error);
 
   });
 
 }
 
-
 
-const component = new Vue({
 
-  el: document.body,
 
-  components: { Main },
 
-  render: ce => ce('Main')
 
-})

+ 9 - 1
app/main.vue
Файл харах 

@@ -1,5 +1,13 @@
 
 <template>
 
-  <h1>CHANGEME</h1>
 
+    <v-app>
 
+      <v-content>
 
+        <v-toolbar color="primary">
 
+          <v-toolbar-side-icon />
 
+          <v-toolbar-title>Change Me</v-toolbar-title>
 
+        </v-toolbar>
 
+        <v-container>Hello world</v-container>
 
+      </v-content>
 
+    </v-app>
 
 </template>
 
 
 <script>

+ 3 - 0
package.json
Файл харах 

@@ -51,11 +51,14 @@
 
     "file-loader": "^3.0.1",
 
     "material-icons": "^0.3.0",
 
     "morgan": "^1.9.1",
 
+    "stylus": "^0.54.5",
 
+    "stylus-loader": "^3.0.2",
 
     "text-loader": "^0.0.1",
 
     "typeface-roboto": "^0.0.54",
 
     "vue": "^2.6.10",
 
     "vue-loader": "^15.7.0",
 
     "vue-template-compiler": "^2.6.10",
 
+    "vuetify": "^1.5.14",
 
     "webpack-hot-middleware": "^2.24.4",
 
     "ws": "^6.1.2"
 
   }

+ 4 - 0
webpack.config.js
Файл харах 

@@ -30,6 +30,10 @@ module.exports = {
 
         test: /\.less$/,
 
         loader: ['vue-style-loader', 'css-loader', 'less-loader']
 
       },
 
+      {
 
+        test: /\.styl$/,
 
+        loader: ['vue-style-loader', 'css-loader', 'stylus-loader']
 
+      },
 
       {
 
         test: /\.(ttf|woff|woff2|svg|eot)$/,
 
         loader: 'file-loader'

+ 78 - 8
yarn.lock
Файл харах 

@@ -335,6 +335,11 @@ ajv@^6.1.0, ajv@^6.5.5:
 
     json-schema-traverse "^0.4.1"
 
     uri-js "^4.2.2"
 
 
+amdefine@>=0.0.4:
 
+  version "1.0.1"
 
+  resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"
 
+  integrity sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=
 
+
 
 angular-animate@^1.7.7:
 
   version "1.7.7"
 
   resolved "https://registry.yarnpkg.com/angular-animate/-/angular-animate-1.7.7.tgz#5422909094a41cd7404937d8a8a960f30c4d9364"
 
@@ -1279,6 +1284,11 @@ css-loader@^2.1.0:
 
     postcss-value-parser "^3.3.0"
 
     schema-utils "^1.0.0"
 
 
+css-parse@1.7.x:
 
+  version "1.7.0"
 
+  resolved "https://registry.yarnpkg.com/css-parse/-/css-parse-1.7.0.tgz#321f6cf73782a6ff751111390fc05e2c657d8c9b"
 
+  integrity sha1-Mh9s9zeCpv91ERE5D8BeLGV9jJs=
 
+
 
 css-select@^1.1.0:
 
   version "1.2.0"
 
   resolved "https://registry.yarnpkg.com/css-select/-/css-select-1.2.0.tgz#2b3a110539c5355f1cd8d314623e870b121ec858"
 
@@ -1335,6 +1345,13 @@ de-indent@^1.0.2:
 
   resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
 
   integrity sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=
 
 
+debug@*, debug@^4.1.0:
 
+  version "4.1.1"
 
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
 
+  integrity sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==
 
+  dependencies:
 
+    ms "^2.1.1"
 
+
 
 debug@2.6.9, debug@^2.1.2, debug@^2.2.0, debug@^2.3.3:
 
   version "2.6.9"
 
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
 
@@ -1356,13 +1373,6 @@ debug@^3.1.0, debug@^3.2.5, debug@^3.2.6:
 
   dependencies:
 
     ms "^2.1.1"
 
 
-debug@^4.1.0:
 
-  version "4.1.1"
 
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
 
-  integrity sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==
 
-  dependencies:
 
-    ms "^2.1.1"
 
-
 
 decamelize@^1.2.0:
 
   version "1.2.0"
 
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
 
@@ -2193,6 +2203,18 @@ glob-parent@^3.1.0:
 
     is-glob "^3.1.0"
 
     path-dirname "^1.0.0"
 
 
+glob@7.0.x:
 
+  version "7.0.6"
 
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.0.6.tgz#211bafaf49e525b8cd93260d14ab136152b3f57a"
 
+  integrity sha1-IRuvr0nlJbjNkyYNFKsTYVKz9Xo=
 
+  dependencies:
 
+    fs.realpath "^1.0.0"
 
+    inflight "^1.0.4"
 
+    inherits "2"
 
+    minimatch "^3.0.2"
 
+    once "^1.3.0"
 
+    path-is-absolute "^1.0.0"
 
+
 
 glob@7.1.2:
 
   version "7.1.2"
 
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.2.tgz#c19c9df9a028702d678612384a6552404c636d15"
 
@@ -3158,6 +3180,11 @@ lodash._reinterpolate@~3.0.0:
 
   resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
 
   integrity sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=
 
 
+lodash.clonedeep@^4.5.0:
 
+  version "4.5.0"
 
+  resolved "https://registry.yarnpkg.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef"
 
+  integrity sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=
 
+
 
 lodash.template@^4.4.0:
 
   version "4.4.0"
 
   resolved "https://registry.yarnpkg.com/lodash.template/-/lodash.template-4.4.0.tgz#e73a0385c8355591746e020b99679c690e68fba0"
 
@@ -3368,7 +3395,7 @@ minimalistic-crypto-utils@^1.0.0, minimalistic-crypto-utils@^1.0.1:
 
   resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
 
   integrity sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo=
 
 
-minimatch@3.0.4, minimatch@^3.0.4:
 
+minimatch@3.0.4, minimatch@^3.0.2, minimatch@^3.0.4:
 
   version "3.0.4"
 
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
 
   integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
 
@@ -4603,6 +4630,11 @@ safe-regex@^1.1.0:
 
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
 
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
 
+sax@0.5.x:
 
+  version "0.5.8"
 
+  resolved "https://registry.yarnpkg.com/sax/-/sax-0.5.8.tgz#d472db228eb331c2506b0e8c15524adb939d12c1"
 
+  integrity sha1-1HLbIo6zMcJQaw6MFVJK25OdEsE=
 
+
 
 sax@>=0.6.0, sax@^1.2.4:
 
   version "1.2.4"
 
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
 
@@ -4835,6 +4867,13 @@ source-map-url@^0.4.0:
 
   resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.0.tgz#3e935d7ddd73631b97659956d55128e87b5084a3"
 
   integrity sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=
 
 
+source-map@0.1.x:
 
+  version "0.1.43"
 
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.1.43.tgz#c24bc146ca517c1471f5dacbe2571b2b7f9e3346"
 
+  integrity sha1-wkvBRspRfBRx9drL4lcbK3+eM0Y=
 
+  dependencies:
 
+    amdefine ">=0.0.4"
 
+
 
 source-map@^0.5.0, source-map@^0.5.6, source-map@~0.5.0:
 
   version "0.5.7"
 
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
 
@@ -5089,6 +5128,27 @@ style-loader@^0.23.1:
 
     loader-utils "^1.1.0"
 
     schema-utils "^1.0.0"
 
 
+stylus-loader@^3.0.2:
 
+  version "3.0.2"
 
+  resolved "https://registry.yarnpkg.com/stylus-loader/-/stylus-loader-3.0.2.tgz#27a706420b05a38e038e7cacb153578d450513c6"
 
+  integrity sha512-+VomPdZ6a0razP+zinir61yZgpw2NfljeSsdUF5kJuEzlo3khXhY19Fn6l8QQz1GRJGtMCo8nG5C04ePyV7SUA==
 
+  dependencies:
 
+    loader-utils "^1.0.2"
 
+    lodash.clonedeep "^4.5.0"
 
+    when "~3.6.x"
 
+
 
+stylus@^0.54.5:
 
+  version "0.54.5"
 
+  resolved "https://registry.yarnpkg.com/stylus/-/stylus-0.54.5.tgz#42b9560931ca7090ce8515a798ba9e6aa3d6dc79"
 
+  integrity sha1-QrlWCTHKcJDOhRWnmLqeaqPW3Hk=
 
+  dependencies:
 
+    css-parse "1.7.x"
 
+    debug "*"
 
+    glob "7.0.x"
 
+    mkdirp "0.5.x"
 
+    sax "0.5.x"
 
+    source-map "0.1.x"
 
+
 
 supports-color@5.4.0:
 
   version "5.4.0"
 
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.4.0.tgz#1c6b337402c2137605efe19f10fec390f6faab54"
 
@@ -5543,6 +5603,11 @@ vue@^2.6.10:
 
   resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.10.tgz#a72b1a42a4d82a721ea438d1b6bf55e66195c637"
 
   integrity sha512-ImThpeNU9HbdZL3utgMCq0oiMzAkt1mcgy3/E6zWC/G6AaQoeuFdsl9nDhTDU3X1R6FK7nsIUuRACVcjI+A2GQ==
 
 
+vuetify@^1.5.14:
 
+  version "1.5.14"
 
+  resolved "https://registry.yarnpkg.com/vuetify/-/vuetify-1.5.14.tgz#ff67d0b8a398be5297da159b6cd1b31f4d2898b8"
 
+  integrity sha512-7iM+TfghR/wu/Gl+k37lKr0N8Ddr6SxzqHtoK1dIyHgCH6SJRkpaXPw2MC5/FsAg9aUDJbYNWrzSeu5eHw+Q/w==
 
+
 
 watchpack@^1.5.0:
 
   version "1.6.0"
 
   resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.6.0.tgz#4bc12c2ebe8aa277a71f1d3f14d685c7b446cd00"
 
@@ -5708,6 +5773,11 @@ websocket-extensions@>=0.1.1:
 
   resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.3.tgz#5d2ff22977003ec687a4b87073dfbbac146ccf29"
 
   integrity sha512-nqHUnMXmBzT0w570r2JpJxfiSD1IzoI+HGVdd3aZ0yNi3ngvQ4jv1dtHt5VGxfI2yj5yqImPhOK4vmIh2xMbGg==
 
 
+when@~3.6.x:
 
+  version "3.6.4"
 
+  resolved "https://registry.yarnpkg.com/when/-/when-3.6.4.tgz#473b517ec159e2b85005497a13983f095412e34e"
 
+  integrity sha1-RztRfsFZ4rhQBUl6E5g/CVQS404=
 
+
 
 which-module@^2.0.0:
 
   version "2.0.0"
 
   resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"