太湖公益

pages/courseInformation/price/courseDescription.vue

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