xiaoe_mp_npm 0.1.13 → 0.1.14

package/src/Recommend/index.less

@@ -1,116 +1,116 @@
-
-.recommend-block-wrapper{
-    padding: 32rpx 0 24rpx;
-  p{
-      font-size: 32rpx;
-      font-weight: 500;
-      color:#000000;
-      margin-left: 32rpx;
-      margin-bottom: 32rpx;
-      display: flex;
-      align-items: center;
-  }
-  .recommend-wrapper{
-      display: flex;
-      justify-content: space-between;
-      margin-bottom: 42rpx;
-      padding:0 32rpx;
-      flex-shrink: 0;
-      .recommend-cover-wrapper{
-          width: 240rpx;
-          height: 180rpx;
-          position: relative;
-          overflow: hidden;
-          .recommend-market-tag{
-              position: absolute;
-              top: 24rpx;
-              left: -50rpx;
-              width: 180rpx;
-              height: 30rpx;
-              line-height: 30rpx;
-              text-align: center;
-              -webkit-transform: rotate(-45deg);
-              transform: rotate(-45deg);
-              background: #ff002a;
-              color: #fff;
-              font-size: 20rpx;
-          }
-          .recommend-cover-img{
-              width: 240rpx;
-              height: 180rpx;
-              border-radius: 8rpx;
-          }
-          .recommend-cover-type{
-              font-size: 18rpx;
-              padding:0 12rpx;
-              height: 32rpx;
-              background-color: rgba(51, 51, 51, 0.6);
-              border-radius: 4rpx;
-              color: #fff;
-              border-radius: 4rpx;
-              display: flex;
-              justify-content: center;
-              align-items: center;
-              position: absolute;
-              bottom: 10rpx;
-              right: 10rpx;
-              backdrop-filter: blur(24rpx);
-          }
-      }
-      .recommend-cover-base-wrapper{
-          display: inline-flex;
-          flex-direction: column;
-          justify-content: space-between;
-          flex:1;
-          margin-left: 24rpx;
-          .recommend-cover-base-title{
-              overflow : hidden;
-              text-overflow: ellipsis;
-              display: -webkit-box;
-              -webkit-line-clamp: 2;
-              -webkit-box-orient: vertical;
-              -webkit-line-clamp:2;
-              word-break: break-all;
-              opacity: 1;
-              color: rgba(51,51,51,1);
-              font-size: 28rpx;
-              font-weight: 500;
-          }
-          .recommend-cover-base-price{
-              text-align: right;
-              font-weight:500;
-              color: rgba(51,51,51,1);
-              font-size: 28rpx;
-              font-weight: 500;
-              .price{
-                opacity: 1;
-                color: rgba(51,51,51,1);
-                font-size: 24rpx;
-                font-weight: 500;
-              }
-          }
-      }
-  }
-}
-.empty-recommend{
-  text-align: center;
-  padding: 80rpx 0;
-  // margin-top:0.8rpx;
-  // margin-bottom:0.8rpx;
-  img{
-      width: 176rpx;
-      height: 162rpx;
-  }
-  span{
-      margin-top: 32rpx;
-      font-size: 24rpx;
-      color:#999999;
-      display: block;
-      text-align: center;
-  }
-}
-.recommend-useful-coupon-wrapper{
-  border-bottom: 2rpx solid #F5F6F9;
-  margin: 40rpx 32rpx 0 32rpx;
-  padding-bottom: 40rpx;
+
+.recommend-block-wrapper{
+    padding: 32rpx 0 24rpx;
+  p{
+      font-size: 32rpx;
+      font-weight: 500;
+      color:#000000;
+      margin-left: 32rpx;
+      margin-bottom: 32rpx;
+      display: flex;
+      align-items: center;
+  }
+  .recommend-wrapper{
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 42rpx;
+      padding:0 32rpx;
+      flex-shrink: 0;
+      .recommend-cover-wrapper{
+          width: 240rpx;
+          height: 180rpx;
+          position: relative;
+          overflow: hidden;
+          .recommend-market-tag{
+              position: absolute;
+              top: 24rpx;
+              left: -50rpx;
+              width: 180rpx;
+              height: 30rpx;
+              line-height: 30rpx;
+              text-align: center;
+              -webkit-transform: rotate(-45deg);
+              transform: rotate(-45deg);
+              background: #ff002a;
+              color: #fff;
+              font-size: 20rpx;
+          }
+          .recommend-cover-img{
+              width: 240rpx;
+              height: 180rpx;
+              border-radius: 8rpx;
+          }
+          .recommend-cover-type{
+              font-size: 18rpx;
+              padding:0 12rpx;
+              height: 32rpx;
+              background-color: rgba(51, 51, 51, 0.6);
+              border-radius: 4rpx;
+              color: #fff;
+              border-radius: 4rpx;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              position: absolute;
+              bottom: 10rpx;
+              right: 10rpx;
+              backdrop-filter: blur(24rpx);
+          }
+      }
+      .recommend-cover-base-wrapper{
+          display: inline-flex;
+          flex-direction: column;
+          justify-content: space-between;
+          flex:1;
+          margin-left: 24rpx;
+          .recommend-cover-base-title{
+              overflow : hidden;
+              text-overflow: ellipsis;
+              display: -webkit-box;
+              -webkit-line-clamp: 2;
+              -webkit-box-orient: vertical;
+              -webkit-line-clamp:2;
+              word-break: break-all;
+              opacity: 1;
+              color: rgba(51,51,51,1);
+              font-size: 28rpx;
+              font-weight: 500;
+          }
+          .recommend-cover-base-price{
+              text-align: right;
+              font-weight:500;
+              color: rgba(51,51,51,1);
+              font-size: 28rpx;
+              font-weight: 500;
+              .price{
+                opacity: 1;
+                color: rgba(51,51,51,1);
+                font-size: 24rpx;
+                font-weight: 500;
+              }
+          }
+      }
+  }
+}
+.empty-recommend{
+  text-align: center;
+  padding: 80rpx 0;
+  // margin-top:0.8rpx;
+  // margin-bottom:0.8rpx;
+  img{
+      width: 176rpx;
+      height: 162rpx;
+  }
+  span{
+      margin-top: 32rpx;
+      font-size: 24rpx;
+      color:#999999;
+      display: block;
+      text-align: center;
+  }
+}
+.recommend-useful-coupon-wrapper{
+  border-bottom: 2rpx solid #F5F6F9;
+  margin: 40rpx 32rpx 0 32rpx;
+  padding-bottom: 40rpx;
 }

package/src/Recommend/index.wxml

@@ -1,29 +1,29 @@
-<!-- /*
- * @Descripttion: 
- * @version: 
- * @Author: conlinchen
- * @Date: 2021-11-08 11:13:58
- * @LastEditors: conlinchen
- * @LastEditTime: 2021-11-08 11:18:38
- */ -->
-
-<view>
-       <view class="recommend-block-wrapper" wx:if="{{ recommendList.length != 0 }}">
-            <p>精品课程</p>
-            <view wx:for="{{recommendList}}" wx:key="index" class="recommend-wrapper"  bindtap="handleItemClick" data-item="{{item}}">
-                <view  class="recommend-cover-wrapper">
-                    <text class="recommend-market-tag" wx:if="{{item.marketing_tag[0]}}">{{ item.marketing_tag[0] }}</text>
-                    <image src="{{item.img_url}}" class="recommend-cover-img" />
-                    <text class="recommend-cover-type EC10" wx:if="{{srcTypeMap[item.src_type]}}">{{ srcTypeMap[item.src_type] }}</text>
-                </view>
-                <view class="recommend-cover-base-wrapper">
-                    <text class="recommend-cover-base-title">{{ item.title }}</text>
-                    <view class="recommend-cover-base-price" wx:if="{{item.show_price}}"><text class="price">￥</text>{{ item.show_price }}</view>
-                </view>
-            </view>
-        </view>
-        <!-- <view wx:if="{{ recommendList.length == 0 }}" class="empty-recommend">
-            <image src="@/assets/images/aliveRecommend/details_no_recommend.png" />
-            <text>进入主页发现更多精品课程</text>
-        </view> -->
-   </view>
+<!-- /*
+ * @Descripttion: 
+ * @version: 
+ * @Author: conlinchen
+ * @Date: 2021-11-08 11:13:58
+ * @LastEditors: conlinchen
+ * @LastEditTime: 2021-11-08 11:18:38
+ */ -->
+
+<view>
+       <view class="recommend-block-wrapper" wx:if="{{ recommendList.length != 0 }}">
+            <p>精品课程</p>
+            <view wx:for="{{recommendList}}" wx:key="index" class="recommend-wrapper"  bindtap="handleItemClick" data-item="{{item}}">
+                <view  class="recommend-cover-wrapper">
+                    <text class="recommend-market-tag" wx:if="{{item.marketing_tag[0]}}">{{ item.marketing_tag[0] }}</text>
+                    <image src="{{item.img_url}}" class="recommend-cover-img" />
+                    <text class="recommend-cover-type EC10" wx:if="{{srcTypeMap[item.src_type]}}">{{ srcTypeMap[item.src_type] }}</text>
+                </view>
+                <view class="recommend-cover-base-wrapper">
+                    <text class="recommend-cover-base-title">{{ item.title }}</text>
+                    <view class="recommend-cover-base-price" wx:if="{{item.show_price}}"><text class="price">￥</text>{{ item.show_price }}</view>
+                </view>
+            </view>
+        </view>
+        <!-- <view wx:if="{{ recommendList.length == 0 }}" class="empty-recommend">
+            <image src="@/assets/images/aliveRecommend/details_no_recommend.png" />
+            <text>进入主页发现更多精品课程</text>
+        </view> -->
+   </view>

package/src/Recommend/index.wxss

@@ -1,110 +1,110 @@
-.recommend-block-wrapper {
-  padding: 32rpx 0 24rpx;
-}
-.recommend-block-wrapper p {
-  font-size: 32rpx;
-  font-weight: 500;
-  color: #000000;
-  margin-left: 32rpx;
-  margin-bottom: 32rpx;
-  display: flex;
-  align-items: center;
-}
-.recommend-block-wrapper .recommend-wrapper {
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 42rpx;
-  padding: 0 32rpx;
-  flex-shrink: 0;
-}
-.recommend-block-wrapper .recommend-wrapper .recommend-cover-wrapper {
-  width: 240rpx;
-  height: 180rpx;
-  position: relative;
-  overflow: hidden;
-}
-.recommend-block-wrapper .recommend-wrapper .recommend-cover-wrapper .recommend-market-tag {
-  position: absolute;
-  top: 24rpx;
-  left: -50rpx;
-  width: 180rpx;
-  height: 30rpx;
-  line-height: 30rpx;
-  text-align: center;
-  -webkit-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  background: #ff002a;
-  color: #fff;
-  font-size: 20rpx;
-}
-.recommend-block-wrapper .recommend-wrapper .recommend-cover-wrapper .recommend-cover-img {
-  width: 240rpx;
-  height: 180rpx;
-  border-radius: 8rpx;
-}
-.recommend-block-wrapper .recommend-wrapper .recommend-cover-wrapper .recommend-cover-type {
-  font-size: 18rpx;
-  padding: 0 12rpx;
-  height: 32rpx;
-  background-color: rgba(51, 51, 51, 0.6);
-  color: #fff;
-  border-radius: 4rpx;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: absolute;
-  bottom: 10rpx;
-  right: 10rpx;
-  backdrop-filter: blur(24rpx);
-}
-.recommend-block-wrapper .recommend-wrapper .recommend-cover-base-wrapper {
-  display: inline-flex;
-  flex-direction: column;
-  justify-content: space-between;
-  flex: 1;
-  margin-left: 24rpx;
-}
-.recommend-block-wrapper .recommend-wrapper .recommend-cover-base-wrapper .recommend-cover-base-title {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  word-break: break-all;
-  opacity: 1;
-  color: #333333;
-  font-size: 28rpx;
-  font-weight: 500;
-}
-.recommend-block-wrapper .recommend-wrapper .recommend-cover-base-wrapper .recommend-cover-base-price {
-  text-align: right;
-  color: #333333;
-  font-size: 28rpx;
-  font-weight: 500;
-}
-.recommend-block-wrapper .recommend-wrapper .recommend-cover-base-wrapper .recommend-cover-base-price .price {
-  opacity: 1;
-  color: #333333;
-  font-size: 24rpx;
-  font-weight: 500;
-}
-.empty-recommend {
-  text-align: center;
-  padding: 80rpx 0;
-}
-.empty-recommend img {
-  width: 176rpx;
-  height: 162rpx;
-}
-.empty-recommend span {
-  margin-top: 32rpx;
-  font-size: 24rpx;
-  color: #999999;
-  display: block;
-  text-align: center;
-}
-.recommend-useful-coupon-wrapper {
-  border-bottom: 2rpx solid #F5F6F9;
-  margin: 40rpx 32rpx 0 32rpx;
-  padding-bottom: 40rpx;
-}
+.recommend-block-wrapper {
+  padding: 32rpx 0 24rpx;
+}
+.recommend-block-wrapper p {
+  font-size: 32rpx;
+  font-weight: 500;
+  color: #000000;
+  margin-left: 32rpx;
+  margin-bottom: 32rpx;
+  display: flex;
+  align-items: center;
+}
+.recommend-block-wrapper .recommend-wrapper {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 42rpx;
+  padding: 0 32rpx;
+  flex-shrink: 0;
+}
+.recommend-block-wrapper .recommend-wrapper .recommend-cover-wrapper {
+  width: 240rpx;
+  height: 180rpx;
+  position: relative;
+  overflow: hidden;
+}
+.recommend-block-wrapper .recommend-wrapper .recommend-cover-wrapper .recommend-market-tag {
+  position: absolute;
+  top: 24rpx;
+  left: -50rpx;
+  width: 180rpx;
+  height: 30rpx;
+  line-height: 30rpx;
+  text-align: center;
+  -webkit-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+  background: #ff002a;
+  color: #fff;
+  font-size: 20rpx;
+}
+.recommend-block-wrapper .recommend-wrapper .recommend-cover-wrapper .recommend-cover-img {
+  width: 240rpx;
+  height: 180rpx;
+  border-radius: 8rpx;
+}
+.recommend-block-wrapper .recommend-wrapper .recommend-cover-wrapper .recommend-cover-type {
+  font-size: 18rpx;
+  padding: 0 12rpx;
+  height: 32rpx;
+  background-color: rgba(51, 51, 51, 0.6);
+  color: #fff;
+  border-radius: 4rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  bottom: 10rpx;
+  right: 10rpx;
+  backdrop-filter: blur(24rpx);
+}
+.recommend-block-wrapper .recommend-wrapper .recommend-cover-base-wrapper {
+  display: inline-flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex: 1;
+  margin-left: 24rpx;
+}
+.recommend-block-wrapper .recommend-wrapper .recommend-cover-base-wrapper .recommend-cover-base-title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  word-break: break-all;
+  opacity: 1;
+  color: #333333;
+  font-size: 28rpx;
+  font-weight: 500;
+}
+.recommend-block-wrapper .recommend-wrapper .recommend-cover-base-wrapper .recommend-cover-base-price {
+  text-align: right;
+  color: #333333;
+  font-size: 28rpx;
+  font-weight: 500;
+}
+.recommend-block-wrapper .recommend-wrapper .recommend-cover-base-wrapper .recommend-cover-base-price .price {
+  opacity: 1;
+  color: #333333;
+  font-size: 24rpx;
+  font-weight: 500;
+}
+.empty-recommend {
+  text-align: center;
+  padding: 80rpx 0;
+}
+.empty-recommend img {
+  width: 176rpx;
+  height: 162rpx;
+}
+.empty-recommend span {
+  margin-top: 32rpx;
+  font-size: 24rpx;
+  color: #999999;
+  display: block;
+  text-align: center;
+}
+.recommend-useful-coupon-wrapper {
+  border-bottom: 2rpx solid #F5F6F9;
+  margin: 40rpx 32rpx 0 32rpx;
+  padding-bottom: 40rpx;
+}