+
{{item.course_name}}
+
+ ¥{{item.showPrice}}
+ 免费
-
-
+
+ {{item.course_info}}
+
+
+
+
+
+ {{tag}}
+
-
-
- {{item.read_count}}
-
+
+
+
@@ -48,14 +48,14 @@ export default {
default: false
}
},
- mounted(){
+ mounted () {
// window.onscroll = function() {
// //为了保证兼容性,这里取两个值,哪个有值取哪一个
// //scrollTop就是触发滚轮事件时滚轮的高度
// var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
// console.log("滚动距离" + scrollTop);
// }
-
+
// this.$refs.viewBox.addEventListener('scroll', (event) => {
// console.log('滚动',event)
// console.log(this.$refs.viewBox.scrollTop)
@@ -71,9 +71,9 @@ export default {
methods: {
handleUniDetail (item) {
const publicName = sessionStorage.getItem('publicName');
- this.$router.push({ name: 'ServiceAbroadDetail', query: { courseId: item.id,publicName:publicName } })
+ this.$router.push({ name: 'ServiceAbroadDetail', query: { courseId: item.id, publicName: publicName } })
},
- orderScroll() {
+ orderScroll () {
// console.log(this.$refs.viewBox.scrollTop)
}
}
@@ -86,7 +86,7 @@ export default {
overflow: auto;
&.notab {
// height: calc(100vh - 196px);
- background-color: #F5F7FA !important;
+ background-color: #f5f7fa !important;
}
}
.tab_btn_box {
@@ -107,57 +107,55 @@ export default {
}
.abroad {
padding: 18px 0;
+ padding-bottom: 146px;
.padding_box {
padding: 0 5vw;
- padding-bottom: 16px;
+ // padding-bottom: 126px;
}
.cardBox {
// width: calc(100vw - 56px);
width: 90vw;
- // height: 92.5vw;
- height: 70vw;
margin-bottom: 20px;
background-color: #fff;
.cardBox_pic {
- // height: 67.5vw;
- height: 45vw;
- width: 90vw;
- flex-shrink: 0;
- border-radius: 20px;
- overflow: hidden;
+ // height: 67.5vw;
+ height: 45vw;
+ width: 90vw;
+ flex-shrink: 0;
+ border-radius: 20px;
+ overflow: hidden;
- img {
- transform: translateY(-20vw);
- }
+ img {
+ transform: translateY(-20vw);
+ }
}
.cardBox_title {
- height: 10vw;
- width: 100%;
- padding: 0 3vw;
- box-sizing: border-box;
- font-size: 30px;
- font-weight: bold;
- // background-color: cadetblue;
- display: flex;
- justify-content: space-between;
- align-items: center;
+ height: 10vw;
+ width: 100%;
+ padding: 0 3vw;
+ box-sizing: border-box;
+ font-size: 30px;
+ font-weight: bold;
+ // background-color: cadetblue;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
- .cardBox_title_red {
- width: 15vw;
- color: red;
- text-align: right;
- }
+ .cardBox_title_red {
+ width: 15vw;
+ color: red;
+ text-align: right;
+ }
}
.cardBox_main {
- width: 100%;
- padding: 0 3vw;
- box-sizing: border-box;
- font-size: 24px;
- color: #999;
+ width: 100%;
+ padding: 0 3vw;
+ box-sizing: border-box;
+ font-size: 24px;
+ color: #999;
}
.cardBox_bottom {
- height: 8vw;
width: 100%;
padding: 0 3vw;
box-sizing: border-box;
@@ -172,10 +170,10 @@ export default {
display: inline-block;
margin-bottom: 10px;
margin-right: 10px;
- color: #EE5959;
+ color: #ee5959;
font-size: 20px;
border-radius: 4px;
- border: 2px solid #EE5959;
+ border: 2px solid #ee5959;
padding: 0px 6px;
}
}
@@ -186,4 +184,29 @@ export default {
}
}
}
+
+
\ No newline at end of file
--
libgit2 0.21.0