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": {
"bootstrap": "^3.3.7",
"es6-promise": "^4.2.5",
"image-webpack-loader": "^7.0.1",
"imagemin-gifsicle": "^7.0.0",
"jquery": "^3.5.1",
"mozjpeg": "^7.0.0",
"url-loader": "^4.1.1",
"vue": "^2.5.17",
"vue-awesome-swiper": "^3.1.3",
"vue-router": "^3.0.1",

134
src/views/index.vue
View File

@@ -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>

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
}