diff --git a/src/assets/index/1.png b/src/assets/index/1.png new file mode 100644 index 0000000..e442ef5 Binary files /dev/null and b/src/assets/index/1.png differ diff --git a/src/assets/index/1@2x.png b/src/assets/index/1@2x.png new file mode 100644 index 0000000..5043b82 Binary files /dev/null and b/src/assets/index/1@2x.png differ diff --git a/src/assets/index/sy_icon_sjzx.png b/src/assets/index/sy_icon_sjzx.png new file mode 100644 index 0000000..c0ea28b Binary files /dev/null and b/src/assets/index/sy_icon_sjzx.png differ diff --git a/src/assets/index/sy_icon_sjzx@2x.png b/src/assets/index/sy_icon_sjzx@2x.png new file mode 100644 index 0000000..c8919e5 Binary files /dev/null and b/src/assets/index/sy_icon_sjzx@2x.png differ diff --git a/src/assets/index/tw1.png b/src/assets/index/tw1.png new file mode 100644 index 0000000..d98675d Binary files /dev/null and b/src/assets/index/tw1.png differ diff --git a/src/assets/index/tw1@2x.png b/src/assets/index/tw1@2x.png new file mode 100644 index 0000000..ed77a86 Binary files /dev/null and b/src/assets/index/tw1@2x.png differ diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue index 80a7684..8bf7d31 100644 --- a/src/components/HelloWorld.vue +++ b/src/components/HelloWorld.vue @@ -1,40 +1,86 @@ @@ -42,76 +88,200 @@ export default { data() { return { - activeIndex: ['1'], //默认展开第一块 - data2: [{ - id: 1, - label: '一级 1', - children: [{ - id: 4, - label: '二级 1-1', - children: [{ - id: 9, - label: '三级 1-1-1' - }, { - id: 10, - label: '三级 1-1-2' - }] - }] - }, { - id: 2, - label: '一级 2', - children: [{ - id: 5, - label: '二级 2-1' - }, { - id: 6, - label: '二级 2-2', - disabled: true //通过disabled设置禁用状态 - }] - }, { - id: 3, - label: '一级 3', - children: [{ - id: 7, - label: '二级 3-1' - }, { - id: 8, - label: '二级 3-2' - }] - }], - defaultProps: { - children: 'children', - label: 'label' - } - } + default: { +//默认值 + classArray: ["one", "two", "three", "four", "five", "six"], + leftSlider: true, + }, + bannerWrap: null, + time: null, + lisArray: null, //卡片的集合 + classlist: null, + leftBtn: null, + rightBtn: null, + }; }, methods: { - handleChange(val) { - console.log(val); + 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(); }, - //跳转下一页面 - goNextPage() { - this.$router.push({ name: 'tableTest' }) +//移动 + 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(); + }, +}; + + + diff --git a/src/views/footer/index.vue b/src/views/footer/index.vue index e54a3bd..485909c 100644 --- a/src/views/footer/index.vue +++ b/src/views/footer/index.vue @@ -43,6 +43,7 @@ export default { diff --git a/src/views/index/index.vue b/src/views/index/index.vue index 3c28b88..158f86f 100644 --- a/src/views/index/index.vue +++ b/src/views/index/index.vue @@ -288,27 +288,21 @@ -
科学研究
+
党群工作
-
Scientific research trends
+
Party Building Activities
+
- - -
- -
-
-
- - +
+
{{ $t('message.more') }}
@@ -317,7 +311,7 @@ -
+
@@ -327,13 +321,106 @@
+
+ + + + +
+ +
+ + +
+
喜报！信息学院师生在中国大学生计算机设计大赛中取得历史性突破！
+
+ 为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师… +
+
+ + +
2021.11.10
+ + + + + + + + + +
+ +
+ + +
+
喜报！信息学院师生在中国大学生计算机设计大赛中取得历史性突破！
+
+ 为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师… +
+
+ + +
2021.11.10
+ + + + + + + + + +
+ +
+ + +
+
喜报！信息学院师生在中国大学生计算机设计大赛中取得历史性突破！
+
+ 为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师… +
+
+ + +
2021.11.10
+ + + + + + + + + +
+ +
+ + +
+
喜报！信息学院师生在中国大学生计算机设计大赛中取得历史性突破！
+
+ 为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师… +
+
+ + +
2021.11.10
+ + + + +
- - + +
教学工作
@@ -345,6 +432,167 @@
+
+ + + + +
+
+ 28 +
+
+ 2021-10 +
+
+ + +
+
+ 不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会 +
+
+ 为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师… +
+
+ + +
+ +
+ + + + + + + + + +
+
+ 28 +
+
+ 2021-10 +
+
+ + +
+
+ 不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会 +
+
+ 为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师… +
+
+ + +
+ +
+ + + + + + + + + +
+
+ 28 +
+
+ 2021-10 +
+
+ + +
+
+ 不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会 +
+
+ 为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师… +
+
+ + +
+ +
+ + + + + + + + + +
+
+ 28 +
+
+ 2021-10 +
+
+ + +
+
+ 不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会 +
+
+ 为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师… +
+
+ + +
+ +
+ + + + + + + + + +
+
+ 28 +
+
+ 2021-10 +
+
+ + +
+
+ 不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会 +
+
+ 为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师… +
+
+ + +
+ +
+ + + + +
@@ -352,14 +600,68 @@
- - + +
- - - - + + +
+ + + + + + + + + + + + + + + + + + + + +
+
+
+ +
+
+ 		+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ + +
@@ -369,8 +671,13 @@ @@ -564,15 +871,124 @@ export default { .party_building_active { background-image: url('../../assets/index/sy_bj3.png'); + + .phe { + font-family: PingFangSC-Medium, PingFang SC; + margin-top: 4rem; + margin-bottom: 4rem; + + .phe_context { + .phe_context_title { + cursor: pointer; + font-size: 2rem; + font-weight: 600; + color: #161616; + letter-spacing: 2px; + } + + .phe_context_title:hover { + color: #DA2D2D; + } + + .phe_context_text { + margin-top: 0.8rem; + font-size: 1.6rem; + color: #565656; + letter-spacing: 1px; + } + } + + .phe_time { + text-align: right; + font-size: 2rem; + font-weight: 500; + color: #565656; + letter-spacing: 2px; + } + } } .teaching_and_student { - height: 101.2rem; + + .tw { + margin-top: 4rem; + } + + .tw_time { + border-right: .2rem solid #D5D5D5; + height: 10rem; + width: 10rem; + color: #1956BC; + text-align: center; + + .tw_top { + height: 8rem; + width: 100%; + line-height: 8rem; + font-size: 5.2rem; + } + + .tw_bottoms { + height: 2rem; + width: 100%; + font-size: 1.4rem; + } + } + + .tw_context { + + font-family: PingFangSC-Medium, PingFang SC; + color: #161616; + + .tw_context_title { + font-size: 2rem; + font-weight: 600; + padding-right: 2rem; + + } + + .tw_context_text { + margin-top: .8rem; + font-size: 1.6rem; + font-weight: 400; + } + } + + } .bottom { + margin-top: 2rem; background-image: url('../../assets/index/sy_bj4.png'); height: 66rem; + + .table{ + margin: 4rem 0 0 0 ; + + + td{ + margin: 0; + padding: 0; + } + .left { + width: 55rem; + height: 55rem; + .table_img{ + text-align: right; + padding-top: 6rem; + } + } + + .right { + width: 55rem; + height: 6.5rem; + background-color: blue; + } + + + + } + } }