太湖公益
This commit is contained in:
@@ -304,6 +304,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '@/style/mixin.scss';
|
||||
.commonPageBox {
|
||||
padding: 40rpx 0;
|
||||
}
|
||||
@@ -352,14 +353,14 @@ export default {
|
||||
}.rightButton{
|
||||
font-size: 48rpx;
|
||||
text-align: center;
|
||||
color: #3ab3ae;
|
||||
color: $themeColor;
|
||||
}
|
||||
.cate_item_box {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: #3ab3ae; padding: 0 20rpx;
|
||||
background-color: $themeColor; padding: 0 20rpx;
|
||||
.cate_item_border {
|
||||
|
||||
|
||||
|
||||
@@ -17,20 +17,29 @@
|
||||
</block>
|
||||
</view>
|
||||
|
||||
<view
|
||||
<view
|
||||
@click="close"
|
||||
class="closeBox"
|
||||
style="background-color: #fff; margin-top: 20rpx; width: 100%"
|
||||
>
|
||||
<image src="@/static/icon/close.png" mode="widthFix"></image
|
||||
<image
|
||||
src="@/static/icon/close.png"
|
||||
mode="widthFix"
|
||||
style="width: 50rpx; height: 50rpx"
|
||||
></image
|
||||
></view>
|
||||
</view>
|
||||
<view class="closeBox" v-else @click="isOpenRightButton = true">
|
||||
<image src="@/static/icon/open.png" mode="widthFix"></image>
|
||||
<image
|
||||
src="@/static/icon/open.png"
|
||||
mode="widthFix"
|
||||
style="width: 50rpx; height: 50rpx"
|
||||
></image>
|
||||
</view>
|
||||
</view>
|
||||
<scroll-view
|
||||
scroll-y
|
||||
:style="`height:calc(100vh - ${(110 + statusBarHeight) * 2}rpx)`"
|
||||
class="scroll"
|
||||
:scroll-into-view="viewid"
|
||||
scroll-with-animation
|
||||
@@ -208,27 +217,16 @@ export default {
|
||||
// this.h = data.top+69
|
||||
})
|
||||
.exec();
|
||||
|
||||
// selectorQuery
|
||||
// .selectAll(".right-item")
|
||||
// .boundingClientRect(function (rects) {
|
||||
// console.log("rects at line 182:", rects);
|
||||
// rects.forEach(function (rect) {
|
||||
// that.distanceList.push(rect.top);
|
||||
// });
|
||||
// console.log("that.distanceList", that.distanceList);
|
||||
// })
|
||||
// .exec();
|
||||
},
|
||||
|
||||
// 元素滚动到顶部时,对应的左侧导航栏变为选中状态
|
||||
scrollEvt(e) {
|
||||
console.log("e at line 204:", e);
|
||||
// 点击左侧导航栏引起的滚动不做判断
|
||||
// if(this.isLeftClick){
|
||||
// this.isLeftClick = false
|
||||
// return
|
||||
// }
|
||||
if (this.isLeftClick) {
|
||||
this.isLeftClick = false;
|
||||
return;
|
||||
}
|
||||
// // 防抖
|
||||
if (this.timer) {
|
||||
clearTimeout(this.timer);
|
||||
@@ -390,6 +388,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '@/style/mixin.scss';
|
||||
.commonPageBox {
|
||||
padding: 40rpx 0;
|
||||
}
|
||||
@@ -435,11 +434,10 @@ export default {
|
||||
border: 2rpx solid #eee;
|
||||
width: 160rpx;
|
||||
line-height: 80rpx;
|
||||
box-shadow: 0 0px 10rpx 2px #3ab3ae33;
|
||||
box-shadow: 0 0px 10rpx 2px $themeColor;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.scroll {
|
||||
height: calc(100vh - 200rpx);
|
||||
}
|
||||
|
||||
.scroll view {
|
||||
@@ -450,7 +448,7 @@ export default {
|
||||
// background-color: #fff;
|
||||
font-size: 34rpx;
|
||||
text-align: center;
|
||||
// color: #3ab3ae;
|
||||
// color: $themeColor;
|
||||
}
|
||||
.cate_item_box {
|
||||
width: 100%;
|
||||
@@ -489,10 +487,10 @@ export default {
|
||||
}
|
||||
}
|
||||
.hot {
|
||||
color: #3ab3ae !important;
|
||||
color: $themeColor !important;
|
||||
}
|
||||
.hotButton {
|
||||
background-color: #3ab3ae;
|
||||
background-color: $themeColor;
|
||||
color: #fff !important;
|
||||
}
|
||||
.closeBox {
|
||||
@@ -502,7 +500,7 @@ export default {
|
||||
border-radius: 80rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
box-shadow: 0 0px 10rpx 1px #3ab3ae33;
|
||||
box-shadow: 0 0px 10rpx 1px $themeColor;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
image {
|
||||
|
||||
@@ -22,16 +22,19 @@
|
||||
class="closeBox"
|
||||
style="background-color: #fff; margin-top: 20rpx; width: 100%"
|
||||
>
|
||||
<image src="@/static/icon/close.png" mode="widthFix"></image
|
||||
<image src="@/static/icon/close.png" mode="widthFix" style=" width: 50rpx;
|
||||
height: 50rpx;"></image
|
||||
></view>
|
||||
</view>
|
||||
<view class="closeBox" v-else @click="isOpenRightButton = true">
|
||||
<image src="@/static/icon/open.png" mode="widthFix"></image>
|
||||
<image src="@/static/icon/open.png" mode="widthFix" style=" width: 50rpx;
|
||||
height: 50rpx;"></image>
|
||||
</view>
|
||||
</view>
|
||||
<scroll-view
|
||||
scroll-y
|
||||
class="scroll"
|
||||
:style="`height:calc(100vh - ${(100 + statusBarHeight) * 2}rpx)`"
|
||||
:scroll-into-view="viewid"
|
||||
scroll-with-animation
|
||||
@scroll="scrollEvt"
|
||||
@@ -67,7 +70,6 @@
|
||||
noDataIcon="data"
|
||||
:isCondition="true"
|
||||
:isNoIcon="true"
|
||||
|
||||
@lower="onReachBottom1"
|
||||
:dataList="v.courseList"
|
||||
label="title"
|
||||
@@ -359,10 +361,10 @@ export default {
|
||||
scrollEvt(e) {
|
||||
console.log("e at line 204:", e);
|
||||
// 点击左侧导航栏引起的滚动不做判断
|
||||
// if(this.isLeftClick){
|
||||
// this.isLeftClick = false
|
||||
// return
|
||||
// }
|
||||
if (this.isLeftClick) {
|
||||
this.isLeftClick = false;
|
||||
return;
|
||||
}
|
||||
// // 防抖
|
||||
if (this.timer) {
|
||||
clearTimeout(this.timer);
|
||||
@@ -524,6 +526,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '@/style/mixin.scss';
|
||||
.commonPageBox {
|
||||
padding: 40rpx 0;
|
||||
}
|
||||
@@ -569,11 +572,10 @@ export default {
|
||||
border: 2rpx solid #eee;
|
||||
width: 80rpx;
|
||||
line-height: 80rpx;
|
||||
box-shadow: 0 0px 10rpx 2px #3ab3ae33;
|
||||
box-shadow: 0 0px 10rpx 2px $themeColor;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.scroll {
|
||||
height: calc(100vh - 200rpx);
|
||||
}
|
||||
|
||||
.scroll view {
|
||||
@@ -584,7 +586,7 @@ export default {
|
||||
// background-color: #fff;
|
||||
font-size: 34rpx;
|
||||
text-align: center;
|
||||
// color: #3ab3ae;
|
||||
// color: $themeColor;
|
||||
}
|
||||
.cate_item_box {
|
||||
width: 100%;
|
||||
@@ -623,10 +625,10 @@ export default {
|
||||
}
|
||||
}
|
||||
.hot {
|
||||
color: #3ab3ae !important;
|
||||
color: $themeColor !important;
|
||||
}
|
||||
.hotButton {
|
||||
background-color: #3ab3ae;
|
||||
background-color: $themeColor;
|
||||
color: #fff !important;
|
||||
}
|
||||
.closeBox {
|
||||
@@ -636,7 +638,7 @@ export default {
|
||||
border-radius: 80rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
box-shadow: 0 0px 10rpx 1px #3ab3ae33;
|
||||
box-shadow: 0 0px 10rpx 1px $themeColor;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
image {
|
||||
|
||||
Reference in New Issue
Block a user