add: plus

src/pages/userCenter/userCenter.js

@@ -132,45 +132,7 @@ wxService.page({
       })
     }
   },
-  // 查询积分信息
-  getMemberPointInfo(){
-    wx.showLoading({
-      title: '加载中'
-    })
-    wxService.get(`/member/memberPoint/getMyPointInfo`).then(res => {
-      if(res) {
-        const { result, data } = res.data
-        if (result == 0) {
-          wx.hideLoading()
-          this.setData({
-            integralNum: data && data.point || 0
-          })
-        }
-      } 
-    })
-  },
-// 查询优惠券数量
-  getMemberCouponInfo(){
-    wx.showLoading({
-      title: '加载中'
-    })
-    wxService.post(`/coupon/coupon/memberCouponCount`).then(res => {
-      if(res){
-        const { result, data } = res && res.data
-        if (result == 0) {
-          wx.hideLoading()
-          this.setData({
-            couponNum: data && data[1] || 0
-          })
-        }
-      } else {
-        wx.showToast({
-          title: '请求失败',
-          icon: 'none'
-        })
-      }
-    })
-  },
+
   // page 信息
   initPage(pageId){
     this.setData({

src/subPackage/page/pages/plus/plus.js

@@ -6,7 +6,24 @@ wxService.page({
    * 页面的初始数据
    */
   data: {
- 
+    skuVOList:[
+      {
+        mainImgUrl:"http://testimg3.bigaka.com/group3/M00/00/17/Cv6CBF1Z9TKAU6T1AAAG8CvHO2o415.png",
+        amount:0.06
+      },
+      {
+        mainImgUrl:"http://testimg3.bigaka.com/group3/M00/00/17/Cv6CBF1Z9TKAU6T1AAAG8CvHO2o415.png",
+        amount:0.06
+      },
+      {
+        mainImgUrl:"http://testimg3.bigaka.com/group3/M00/00/17/Cv6CBF1Z9TKAU6T1AAAG8CvHO2o415.png",
+        amount:0.06
+      },
+      {
+        mainImgUrl:"http://testimg3.bigaka.com/group3/M00/00/17/Cv6CBF1Z9TKAU6T1AAAG8CvHO2o415.png",
+        amount:0.06
+      }
+  ],
   },
 
   /**

src/subPackage/page/pages/plus/plus.wxml

 <!--subPackage/home/pages/plus/plus.wxml-->
 <view class="plus">
-  <view>
-    =
-  </view>
+	<!-- plus 动态页面 -->
+
+	<!-- 底部 -->
 	<view class="plus-bottom fixed-bottom0 clearfix::after">
 		<view class="bottom-top">
+			<view class="pro-list">
+				<scroll-view scroll-x="true">
+					<view class="uploadWrap" scroll-x="true">
+						<block wx:for='{{skuVOList}}' wx:for-item="sub" wx:key="s">
+							<view class="upload_Item item-img" style="background-image:url({{sub.mainImgUrl}})">
+                 <view class="item-mouth">每月仅￥ 25</view>
+                 <view class="item-year">全年卡· 366 天</view>
+                 <view class="item-price">￥ 300</view>
+							</view>
+						</block>
+					</view>
+				</scroll-view>
+			</view>
 		</view>
 		<view class="bottom-bottom">
 			<view class="bottom-pay">立即支付 ￥158 </view>

src/subPackage/page/pages/plus/plus.wxss

@@ -2,13 +2,37 @@
 @import './../../../../base/base.wxss';
 .plus-bottom {
 	height: 314rpx;
-  background-color: rgba(192, 154, 116, .02);
+	/* background-color: rgba(192, 154, 116, .02); */
+	background-color: pink;
 }
-.plus-bottom .bottom-top{
+.plus-bottom .bottom-top {
 	height: 226rpx;
 }
+.pro-list {
+	/* height: 155rpx; */
+	background-color: gray;
+	margin-left: 20rpx;
+	/* margin-top: 40rpx; */
+	box-sizing: border-box;
+	/* margin: 40rpx 30rpx 0 30rpx;  */
+}
 
-.plus-bottom .bottom-bottom{
+.item-mouth {
+	height: 25rpx;
+	color: rgba(255, 255, 255, 1);
+	font-size: 18rpx;
+}
+.item-year {
+	height: 33rpx;
+	color: rgba(247, 181, 0, 1);
+	font-size: 24rpx;
+}
+.item-price {
+	height: 50rpx;
+	color: rgba(245, 248, 250, 1);
+	font-size: 36rpx;
+}
+.plus-bottom .bottom-bottom {
 	width: 100%;
 	height: 88rpx;
 	padding-top: 18rpx;
@@ -27,3 +51,32 @@
 	float: right;
 	margin-right: 30rpx;
 }
+.item-img {
+	background-repeat: no-repeat;
+	background-size: 100% 100%;
+}
+.uploadWrap {
+	/* height: 155rpx;  */
+	height: 100%;
+	width: 100%;
+	display: flex;
+	align-items: center;
+	display: -webkit-box;
+	flex-direction: column;
+	/* margin: 40rpx 30rpx 0 30rpx; */
+}
+.upload_Item {
+	width: 209rpx;
+	height: 155rpx;
+	flex: 1;
+	margin: 0rpx 15rpx 15rpx 0;
+	box-sizing: border-box;
+	background-color: aqua;
+}
+.upload_Item:last-child {
+	margin-right: 20rpx;
+}
+.upload_Item_img {
+	width: 209rpx;
+	height: 155rpx;
+}