init

src/views/index.vue

@@ -37,74 +37,86 @@
 </template>
 
 <script>
+let banner_index0 = require('../assets/img/banner_index0.png')
+let banner_index1 = require('../assets/img/banner_index1.png')
+let banner_index2 = require('../assets/img/banner_index2.png')
+let banner_index3 = require('../assets/img/banner_index3.png')
+
+let boxbg_cleaning = require('../assets/img/boxbg_cleaning.png')
+let boxbg_smartbuildings = require('../assets/img/boxbg_smartbuildings.png')
+let boxbg_iot = require('../assets/img/boxbg_iot.png')
+let boxbg_facilitiesmanagement = require('../assets/img/boxbg_facilitiesmanagement.png')
+let boxbg_errands = require('../assets/img/boxbg_errands.png')
+let boxbg_propertyandrealestate = require('../assets/img/boxbg_propertyandrealestate.png')
+
 export default {
-    data() {
-        return {
-            swiperOption: {
-                autoplay: 2000,
-                speed: 1000,
-                loop: true,
-                navigation: {
-                    nextEl: '.swiper-button-next', //前进按钮的css选择器或HTML元素。
-                    prevEl: '.swiper-button-prev', //后退按钮的css选择器或HTML元素。
-                },
-                pagination: {
-                    el: '.swiper-pagination',
-                    type: 'bullets',
-                    bulletElement: 'li',
-                    clickable: true,
-                },
-            },
-            banners: [
-                { img: require('../assets/img/banner_index0.png') },
-                { img: require('../assets/img/banner_index1.png') },
-                { img: require('../assets/img/banner_index2.png') },
-                { img: require('../assets/img/banner_index3.png') },
-            ],
-            productData: [
-                {
-                    name: '智能终端',
-                    img: require('../assets/img/boxbg_cleaning.png'),
-                    url: '/超广角设备.pdf',
-                    isLink: true,
-                },
-                {
-                    name: '智能建筑',
-                    img: require('../assets/img/boxbg_smartbuildings.png'),
-                    url: '/IntelligentBuild',
-                },
+  data() {
+    return {
+      swiperOption: {
+        autoplay: 2000,
+        speed: 1000,
+        loop: true,
+        navigation: {
+          nextEl: '.swiper-button-next', //前进按钮的css选择器或HTML元素。
+          prevEl: '.swiper-button-prev', //后退按钮的css选择器或HTML元素。
+        },
+        pagination: {
+          el: '.swiper-pagination',
+          type: 'bullets',
+          bulletElement: 'li',
+          clickable: true,
+        },
+      },
+      banners: [
+        { img: banner_index0 },
+        { img: banner_index1 },
+        { img: banner_index2 },
+        { img: banner_index3 },
+      ],
+      productData: [
+        {
+          name: '智能终端',
+          img: boxbg_cleaning,
+          url: '/超广角设备.pdf',
+          isLink: true,
+        },
+        {
+          name: '智能建筑',
+          img: boxbg_smartbuildings,
+          url: '/IntelligentBuild',
+        },
 
-                {
-                    name: '物联网',
-                    img: require('../assets/img/boxbg_iot.png'),
-                    url: '/ourPlan/iot',
-                },
-                {
-                    name: '模型管理',
-                    img: require('../assets/img/boxbg_facilitiesmanagement.png'),
-                    url: 'http://mor.bimwe.com/',
-                },
-                {
-                    name: '三维展示',
-                    img: require('../assets/img/boxbg_errands.png'),
-                    url: '/ourPlan/reaEstate',
-                },
+        {
+          name: '物联网',
+          img: boxbg_iot,
+          url: '/ourPlan/iot',
+        },
+        {
+          name: '模型管理',
+          img: boxbg_facilitiesmanagement,
+          url: 'http://mor.bimwe.com/',
+        },
+        {
+          name: '三维展示',
+          img: boxbg_errands,
+          url: '/ourPlan/reaEstate',
+        },
 
-                {
-                    name: '智慧系统',
-                    img: require('../assets/img/boxbg_propertyandrealestate.png'),
-                    url: 'http://soda.bimwe.com/',
-                },
-            ],
-        };
-    },
+        {
+          name: '智慧系统',
+          img: boxbg_propertyandrealestate,
+          url: 'http://soda.bimwe.com/',
+        },
+      ],
+    }
+  },
 
-    methods: {},
-};
+  methods: {},
+}
 </script>
 
 <style scoped>
 .swiper-pagination {
-    bottom: 10%;
+  bottom: 10%;
 }
 </style>