bimwe/official_network
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
light22600
2021-01-08 14:10:06 +08:00
parent 5b8deebbd2
commit d5969f9911
4 changed files with 3017 additions and 263 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3085
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

4
package.json
View File

@@ -10,7 +10,11 @@
"dependencies": { "dependencies": {
"bootstrap": "^3.3.7", "bootstrap": "^3.3.7",
"es6-promise": "^4.2.5", "es6-promise": "^4.2.5",
"image-webpack-loader": "^7.0.1",
"imagemin-gifsicle": "^7.0.0",
"jquery": "^3.5.1", "jquery": "^3.5.1",
"mozjpeg": "^7.0.0",
"url-loader": "^4.1.1",
"vue": "^2.5.17", "vue": "^2.5.17",
"vue-awesome-swiper": "^3.1.3", "vue-awesome-swiper": "^3.1.3",
"vue-router": "^3.0.1", "vue-router": "^3.0.1",

134
src/views/index.vue
View File

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

57
vue.config.js Normal file
View File

@@ -0,0 +1,57 @@
const path = require('path')
const resolve = dir => {
return path.join(__dirname, dir)
}
// 项目部署基础
const BASE_URL = process.env.NODE_ENV === 'development' ? '/' : '/'
const sourceMap = process.env.NODE_ENV === 'development'
module.exports = {
publicPath: BASE_URL,
// 如果你不需要使用eslint，把lintOnSave设为false即可
lintOnSave: false,
chainWebpack: config => {
config.resolve.alias.set('@', resolve('src'))
config.resolve.alias.set('_c', resolve('src/components'))
const imagesRule = config.module.rule("images")
imagesRule
.use('image-webpack-loader')
.loader('image-webpack-loader')
.options({
bypassOnDebug: true,
mozjpeg: {
progressive: true,
},
optipng: {
enabled: false,
},
pngquant: {
quality: [0.7, 0.8],
speed: 5
},
gifsicle: {
interlaced: false,
},
webp: {
quality: 90
}
}).end()
},
configureWebpack: {
output: {
filename: 'js/[hash].js'
}
},
// 设为false打包时不生成.map文件
productionSourceMap: sourceMap
}