Преглед изворни кода

在app.html里引入外部css,解决Message问题

yangc пре 8 година
родитељ
комит
08ce5e2f09
4 измењених фајлова са 13 додато и 7 уклоњено
  1. 4 0
      app.html
  2. 6 4
      nuxt.config.js
  3. 1 1
      pages/provider/home.vue
  4. 2 2
      store/provider.js

+ 4 - 0
app.html

@@ -1,6 +1,10 @@
 <!DOCTYPE html>
 <html {{ HTML_ATTRS }}>
 <head>
+  <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
+  <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
+  <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/element-ui/1.3.7/theme-default/index.css">
+  <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_0d1jjt5tukcblnmi.css">
   {{ HEAD }}
   <script>
     (function (w, d) {

+ 6 - 4
nuxt.config.js

@@ -20,11 +20,11 @@ module.exports = {
       { hid: 'description', name: 'description', content: '优软商城(usoftmall.com)是中国领先的IC电子元器件现货采购交易网上商城,提供上千万种电子元器件现货采购交易,采购电子元器件就上优软商城!' }
     ],
     link: [
-      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
-      { rel: 'stylesheet', type: 'text/css', href: 'https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css' },
+      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
+     /* { rel: 'stylesheet', type: 'text/css', href: 'https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css' },
       { rel: 'stylesheet', type: 'text/css', href: 'https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css' },
       { rel: 'stylesheet', type: 'text/css', href: 'https://cdn.bootcss.com/element-ui/1.3.7/theme-default/index.css' },
-      { rel: 'stylesheet', type: 'text/css', href: 'https://at.alicdn.com/t/font_0d1jjt5tukcblnmi.css' }
+      { rel: 'stylesheet', type: 'text/css', href: 'https://at.alicdn.com/t/font_0d1jjt5tukcblnmi.css' } */
     ]
   },
   /*
@@ -82,8 +82,10 @@ module.exports = {
   }, */{src: '~assets/scss/app.scss', lang: 'scss'},
     {
       src: 'swiper/dist/css/swiper.css'
-    } /* , {
+    } /* {
       src: 'element-ui/lib/theme-default/index.css'
+    }, */ /* {
+      src: 'bootstrap/dist/css/bootstrap.css'
     } */
   ],
   dev: !isProdMode,

+ 1 - 1
pages/provider/home.vue

@@ -18,7 +18,7 @@ export default{
       store.dispatch('loadBanners'),
       store.dispatch('provider/loadSalesStore', { isOriginal: false }),
       store.dispatch('provider/loadNewStores', { types: 'AGENCY-DISTRIBUTION' }),
-      store.dispatch('provider/loadRecommendStores'),
+      store.dispatch('provider/loadRecommendStores', { types: 'AGENCY-DISTRIBUTION', num: 5 }),
       store.dispatch('provider/loadHotComponents')
     ])
   },

+ 2 - 2
store/provider.js

@@ -77,9 +77,9 @@ export const actions = {
     })
   },
   // 获取优秀商家信息
-  loadRecommendStores ({ commit }) {
+  loadRecommendStores ({ commit }, params = {}) {
     commit('storeCms/REQUEST_RECOMMEND_STORE')
-    return axios.get('/api/cms-service/storeIn/5')
+    return axios.get('/api/cms-service/storeIn', { params })
       .then(response => {
         commit('storeCms/GET_RECOMMEND_STORE_SUCCESS', response.data)
       }, err => {