66666

pages/xingmaLab/xingmaLab.less

@@ -49,12 +49,15 @@
 
   // 第二层：内容区域
   .content-area {
-    flex: 1;
-    padding: 20rpx;
+    // flex: 1;
+    // padding: 20rpx;
 
     // 藏馆内容 - 单列瀑布流
     .cangguang-content {
+      position: relative;
       .banner_content{
+        margin-top: 20rpx;
+        margin-left: 22.5rpx;
         width: 705rpx;
         height: 151rpx;
         margin-bottom: 20rpx;
@@ -65,6 +68,56 @@
         }
       }
       
+      .item_cangguan{
+        margin-left: 21.5rpx;
+        width: 707rpx;
+        height:auto;
+        .item_cangguan_img{
+          width: 100%;
+          height: auto;
+        }
+        .item_cangguan_bottom{
+          position: absolute;
+          bottom: 8rpx;
+          left: 50%;
+          transform: translateX(-50%);
+          width: 707rpx;
+          height: 96rpx;
+          .item_cangguan_bottom_bg{
+
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(178, 124, 30, 0.45);
+          }
+          .item_logo{
+            position: absolute;
+            width: 202rpx;
+            height: 52rpx;
+            left: 124rpx;
+            top: 50%;
+            transform: translateY(-50%);
+          }
+          .title_line{
+            position: absolute;
+            width: 1rpx;
+            height: 34rpx;
+            background-color: #ffffff;
+            left: 50%;
+            top: 50%;
+            transform: translate(-50%, -50%);
+          }
+
+          .nick_name_content{
+            .nick_name{
+
+            }
+            .user_num{
+              
+            }
+          }
+        }
+      }
       .waterfall-list.single-column {
         display: flex;
         flex-direction: column;

pages/xingmaLab/xingmaLab.vue

@@ -19,9 +19,20 @@
 					<image class="banner_img" src="../../static/xingmaLab/1001/bannerImg0.png" mode="aspectFill"  />
 				</view>
 				<view class="item_cangguan">
-					
+					<image class="item_cangguan_img" src="../../static/xingmaLab/1001/cangpingImg.png" mode="widthFix"  />
+					<view class="item_cangguan_bottom">
+						<view class="item_cangguan_bottom_bg">
+						</view>
+						<image class="item_logo" src="../../static/xingmaLab/1001/item_logo_cangguan.png" mode="aspectFill" />
+						<view class="title_line"></view>
+						<view class="nick_name_content">
+							<text class="nick_name">No.123456789</text>
+							<text class="user_num">By.团团妈妈</text>
+						</view>
+					</view>
+
 				</view>
-				<view class="waterfall-list single-column">
+				<!-- <view class="waterfall-list single-column">
 					<view 
 						v-for="(item, index) in cangguangList" 
 						:key="index" 
@@ -46,7 +57,7 @@
 							</view>
 						</view>
 					</view>
-				</view>
+				</view> -->
 			</view>
 
 			<!-- 我的藏馆内容 - 双切页两列瀑布流 -->

views/Integral.vue

@@ -1771,51 +1771,51 @@ import ShengriliTipPanel from '../components/quanyi/shengriliTipPanel.vue';
 		
 		memberInfo.value = userStore.memberInfo;
 		// memberInfo.value = {"grade": null, "gradeList": null, "gradeName": null, "maxGrade": false, "memberId": "not_login", "memberName": null, "mobile": null, "nextGradeScoreRuleMin": null, "orderUpgrade": null, "points": null, "recentAnnualPointsTotal": null, "willExpiredPoints": null} ;
-// 		memberInfo.value = {
-//   "grade": "4",
-//   "gradeList": [
-//     {
-//       "grade": "0",
-//       "gradeName": "V1黄金会员",
-//       "gradeScoreRuleMax": 1,
-//       "gradeScoreRuleMin": -2147483648
-//     },
-//     {
-//       "grade": "1",
-//       "gradeName": "V2铂金会员",
-//       "gradeScoreRuleMax": 1000,
-//       "gradeScoreRuleMin": 1
-//     },
-//     {
-//       "grade": "2",
-//       "gradeName": "V3钻石会员",
-//       "gradeScoreRuleMax": 5000,
-//       "gradeScoreRuleMin": 1000
-//     },
-//     {
-//       "grade": "3",
-//       "gradeName": "V4星光会员",
-//       "gradeScoreRuleMax": 10000,
-//       "gradeScoreRuleMin": 5000
-//     },
-//     {
-//       "grade": "4",
-//       "gradeName": "V5星耀会员",
-//       "gradeScoreRuleMax": 2147483647,
-//       "gradeScoreRuleMin": 10000
-//     }
-//   ],
-//   "gradeName": "V4星光会员",
-//   "maxGrade": false,
-//   "memberId": "CRM000000000948094264",
-//   "memberName": "文慧17637145052",
-//   "mobile": "17637145052",
-//   "nextGradeScoreRuleMin": 10000,
-//   "orderUpgrade": true,
-//   "points": 999,
-//   "recentAnnualPointsTotal": 5500,
-//   "willExpiredPoints": 100000
-// };
+		memberInfo.value = {
+  "grade": "4",
+  "gradeList": [
+    {
+      "grade": "0",
+      "gradeName": "V1黄金会员",
+      "gradeScoreRuleMax": 1,
+      "gradeScoreRuleMin": -2147483648
+    },
+    {
+      "grade": "1",
+      "gradeName": "V2铂金会员",
+      "gradeScoreRuleMax": 1000,
+      "gradeScoreRuleMin": 1
+    },
+    {
+      "grade": "2",
+      "gradeName": "V3钻石会员",
+      "gradeScoreRuleMax": 5000,
+      "gradeScoreRuleMin": 1000
+    },
+    {
+      "grade": "3",
+      "gradeName": "V4星光会员",
+      "gradeScoreRuleMax": 10000,
+      "gradeScoreRuleMin": 5000
+    },
+    {
+      "grade": "4",
+      "gradeName": "V5星耀会员",
+      "gradeScoreRuleMax": 2147483647,
+      "gradeScoreRuleMin": 10000
+    }
+  ],
+  "gradeName": "V4星光会员",
+  "maxGrade": false,
+  "memberId": "CRM000000000948094264",
+  "memberName": "文慧17637145052",
+  "mobile": "17637145052",
+  "nextGradeScoreRuleMin": 10000,
+  "orderUpgrade": true,
+  "points": 999,
+  "recentAnnualPointsTotal": 5500,
+  "willExpiredPoints": 100000
+};
 
 		recentAnnualPointsTotal.value = memberInfo.value.recentAnnualPointsTotal;
 		willExpiredPoints.value = memberInfo.value.willExpiredPoints;