太湖公益

pages/courseInformation/price/index.vue

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