diff --git a/.postcssrc.js b/.postcssrc.js new file mode 100644 index 0000000..36fc0ce --- /dev/null +++ b/.postcssrc.js @@ -0,0 +1,13 @@ +module.exports = { + plugins: { + autoprefixer: {}, + "@njleonzhang/postcss-px-to-rem": { + unitToConvert: "px", + widthOfDesignLayout: 1920, // 设计稿的宽度 + unitPrecision: 3, // 十进制的单位. + selectorBlackList: [".ignore", ".hairlines"], // 过滤那些不用转换的class + minPixelValue: 1, // 设置要替换的最小像素值. + mediaQuery: false, // 允许在媒体查询中转换px + }, + }, +}; diff --git a/package-lock.json b/package-lock.json index 4020c24..a8977c8 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1995,7 +1995,7 @@ }, "vue-loader-v16": { "version": "npm:vue-loader@16.8.3", - "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz", + "resolved": "https://registry.npmmirror.com/vue-loader/download/vue-loader-16.8.3.tgz", "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==", "dev": true, "optional": true, @@ -7638,6 +7638,16 @@ "type-check": "~0.3.2" } }, + "lib-flexible": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/lib-flexible/-/lib-flexible-0.3.2.tgz", + "integrity": "sha1-BvWnSDIxSi01wSA5vJw8otrqpCY=" + }, + "lib-flexible-for-dashboard": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/lib-flexible-for-dashboard/-/lib-flexible-for-dashboard-1.0.2.tgz", + "integrity": "sha512-wHJoPNXA0xg1jUCB1p0qsxke5HkCmxpvDQQgDQ+4DOLherE2b9qFkHPy0ogT3Nfh2G1SWHjCdQCbelzEH6nMcw==" + }, "lines-and-columns": { "version": "1.2.4", "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", diff --git a/package.json b/package.json index 23fcd97..6507f2c 100644 --- a/package.json +++ b/package.json @@ -17,6 +17,8 @@ "core-js": "^3.6.5", "element-ui": "^2.15.6", "less-loader": "^5.0.0", + "lib-flexible": "^0.3.2", + "lib-flexible-for-dashboard": "^1.0.2", "script-ext-html-webpack-plugin": "^2.1.5", "vue": "^2.6.11", "vue-i18n": "^8.26.7", diff --git a/public/index.html b/public/index.html index 597ea31..a7b3d63 100644 --- a/public/index.html +++ b/public/index.html @@ -13,7 +13,8 @@ } function fnResize() { - var deviceWidth = document.documentElement.clientWidth || window.innerWidth; + let deviceWidth = document.documentElement.clientWidth || window.innerWidth; + // let deviceWidth = document.documentElement.clientHeight || window.innerHeight; if (deviceWidth >= 750) { deviceWidth = 750; } @@ -21,6 +22,8 @@ deviceWidth = 320; } document.documentElement.style.fontSize = (deviceWidth / 75) + 'px'; + // document.documentElement.style.width = (deviceWidth / 75) + 'px'; + // document.documentElement.style.height = (deviceWidth / 75) + 'px'; } diff --git a/src/assets/index/footer/sy_icon_gccrc.png b/src/assets/index/footer/sy_icon_gccrc.png new file mode 100644 index 0000000..1e365cc Binary files /dev/null and b/src/assets/index/footer/sy_icon_gccrc.png differ diff --git a/src/assets/index/footer/sy_icon_gccrc@2x.png b/src/assets/index/footer/sy_icon_gccrc@2x.png new file mode 100644 index 0000000..7c90686 Binary files /dev/null and b/src/assets/index/footer/sy_icon_gccrc@2x.png differ diff --git a/src/assets/index/footer/sy_icon_gzrs.png b/src/assets/index/footer/sy_icon_gzrs.png new file mode 100644 index 0000000..b81e1a9 Binary files /dev/null and b/src/assets/index/footer/sy_icon_gzrs.png differ diff --git a/src/assets/index/footer/sy_icon_gzrs@2x.png b/src/assets/index/footer/sy_icon_gzrs@2x.png new file mode 100644 index 0000000..46fdb90 Binary files /dev/null and b/src/assets/index/footer/sy_icon_gzrs@2x.png differ diff --git a/src/assets/index/footer/sy_icon_kytd.png b/src/assets/index/footer/sy_icon_kytd.png new file mode 100644 index 0000000..8da61a2 Binary files /dev/null and b/src/assets/index/footer/sy_icon_kytd.png differ diff --git a/src/assets/index/footer/sy_icon_kytd@2x.png b/src/assets/index/footer/sy_icon_kytd@2x.png new file mode 100644 index 0000000..3aed579 Binary files /dev/null and b/src/assets/index/footer/sy_icon_kytd@2x.png differ diff --git a/src/assets/index/footer/sy_icon_yjs.png b/src/assets/index/footer/sy_icon_yjs.png new file mode 100644 index 0000000..1233806 Binary files /dev/null and b/src/assets/index/footer/sy_icon_yjs.png differ diff --git a/src/assets/index/footer/sy_icon_yjs@2x.png b/src/assets/index/footer/sy_icon_yjs@2x.png new file mode 100644 index 0000000..57533b2 Binary files /dev/null and b/src/assets/index/footer/sy_icon_yjs@2x.png differ diff --git a/src/assets/index/footer/sy_icon_zdxm.png b/src/assets/index/footer/sy_icon_zdxm.png new file mode 100644 index 0000000..eff1282 Binary files /dev/null and b/src/assets/index/footer/sy_icon_zdxm.png differ diff --git a/src/assets/index/footer/sy_icon_zdxm@2x.png b/src/assets/index/footer/sy_icon_zdxm@2x.png new file mode 100644 index 0000000..a544f7b Binary files /dev/null and b/src/assets/index/footer/sy_icon_zdxm@2x.png differ diff --git a/src/assets/index/footer/sy_icon_zxxs.png b/src/assets/index/footer/sy_icon_zxxs.png new file mode 100644 index 0000000..6efd68e Binary files /dev/null and b/src/assets/index/footer/sy_icon_zxxs.png differ diff --git a/src/assets/index/footer/sy_icon_zxxs@2x.png b/src/assets/index/footer/sy_icon_zxxs@2x.png new file mode 100644 index 0000000..c853407 Binary files /dev/null and b/src/assets/index/footer/sy_icon_zxxs@2x.png differ diff --git a/src/assets/index/sy_icon_b1.png b/src/assets/index/sy_icon_b1.png new file mode 100644 index 0000000..e6e4b53 Binary files /dev/null and b/src/assets/index/sy_icon_b1.png differ diff --git a/src/assets/index/sy_icon_b1@2x.png b/src/assets/index/sy_icon_b1@2x.png new file mode 100644 index 0000000..3eca71f Binary files /dev/null and b/src/assets/index/sy_icon_b1@2x.png differ diff --git a/src/assets/school_profile/bj123.png b/src/assets/school_profile/bj123.png new file mode 100644 index 0000000..70beaef Binary files /dev/null and b/src/assets/school_profile/bj123.png differ diff --git a/src/assets/school_profile/bj123@2x.png b/src/assets/school_profile/bj123@2x.png new file mode 100644 index 0000000..0436c53 Binary files /dev/null and b/src/assets/school_profile/bj123@2x.png differ diff --git a/src/assets/school_profile/eji_icon_xz.png b/src/assets/school_profile/eji_icon_xz.png new file mode 100644 index 0000000..3d7ccf8 Binary files /dev/null and b/src/assets/school_profile/eji_icon_xz.png differ diff --git a/src/assets/school_profile/eji_icon_xz@2x.png b/src/assets/school_profile/eji_icon_xz@2x.png new file mode 100644 index 0000000..4b631b3 Binary files /dev/null and b/src/assets/school_profile/eji_icon_xz@2x.png differ diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue index 8bf7d31..57fb3cf 100644 --- a/src/components/HelloWorld.vue +++ b/src/components/HelloWorld.vue @@ -1,86 +1,137 @@ @@ -88,200 +139,685 @@ export default { data() { return { - default: { -//默认值 - classArray: ["one", "two", "three", "four", "five", "six"], - leftSlider: true, - }, - bannerWrap: null, - time: null, - lisArray: null, //卡片的集合 - classlist: null, - leftBtn: null, - rightBtn: null, + constants: {} }; }, - methods: { - constructor() { - this.bannerWrap = document.getElementsByClassName("banner-card")[0]; - let lis = this.bannerWrap.getElementsByTagName("li"); -// 将类数组转化为数组 - this.lisArray = Array.from(lis); - this.classlist = this.default.classArray; -//获取左右按钮 - this.leftBtn = document.getElementsByClassName("left-btn")[0]; - this.rightBtn = document.getElementsByClassName("right-btn")[0]; - - this.move(this.classlist); - // this.timer(); - this.listenMouseEvent(); - this.listenMouseClickBtnEvent(); - }, -//移动 - move(list) { - this.lisArray.forEach((value, index) => { - value.setAttribute("class", list[index]); //给每一个li添加对应的类名 - }); - }, -// 向左运动 - leftMove() { - let popValue = this.classlist.pop(); //删除并返回数组的最后一个 - this.classlist.unshift(popValue); //把刚才删除的最后一个添加到数组开头 - this.move(this.classlist); //调用移动方法，每一个li会根据新数组的位置进行移动，从而实现轮播的效果 - }, -// 向右运动 - rightMove() { - let shiftValue = this.classlist.shift(); //删除并返回数组的第一个 - this.classlist.push(shiftValue); //把刚才删除的第一个push到数组末尾 - this.move(this.classlist); - }, -// 定时器自动切换 - timer() { - this.time = setInterval(this.leftMove.bind(this), 1000); - }, -// 鼠标移入移出事件 - listenMouseEvent() { - this.bannerWrap.addEventListener("mouseover", () => { - clearInterval(this.time); - this.leftBtn.style.cssText = `left: 6rem; opacity: 1`; - this.rightBtn.style.cssText = `right: 6rem; opacity: 1`; - }); - this.bannerWrap.addEventListener("mouseout", () => { - // this.timer(); - this.leftBtn.style.cssText = `left: 2rem; opacity: 0`; - this.rightBtn.style.cssText = `right: 2rem; opacity: 0`; - }); - }, -// 点击左右按钮事件 - listenMouseClickBtnEvent() { - this.leftBtn.addEventListener("click", () => { - this.leftMove(); - }); - this.rightBtn.addEventListener("click", () => { - this.rightMove(); - }); - }, - }, - mounted() { - this.constructor(); - }, + methods: {} }; - - diff --git a/src/main.js b/src/main.js index 3974793..d44a98a 100644 --- a/src/main.js +++ b/src/main.js @@ -8,7 +8,8 @@ import 'element-ui/lib/theme-chalk/index.css'; Vue.config.productionTip = false Vue.use(ElementUI) - +const dashboardFlexible = require('lib-flexible-for-dashboard'); +dashboardFlexible.init(16/9) new Vue({ i18n, router, diff --git a/src/views/edu_teach/index.vue b/src/views/edu_teach/index.vue index 54b19c1..29dfc9c 100644 --- a/src/views/edu_teach/index.vue +++ b/src/views/edu_teach/index.vue @@ -1,5 +1,80 @@ - diff --git a/src/views/header/index.vue b/src/views/header/index.vue index 06b315c..58fb0f9 100644 --- a/src/views/header/index.vue +++ b/src/views/header/index.vue @@ -88,19 +88,19 @@ export default { diff --git a/src/views/teaching_staff/index.vue b/src/views/teaching_staff/index.vue index 54b19c1..e75a29b 100644 --- a/src/views/teaching_staff/index.vue +++ b/src/views/teaching_staff/index.vue @@ -1,5 +1,80 @@ -