会员商品

pages/member/member.js

@@ -0,0 +1,66 @@
+// pages/member/member.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/member/member.json

@@ -0,0 +1,6 @@
+{
+    "usingComponents": {
+        "membertop": "/components/member/membertop/membertop",
+        "membershop": "/components/member/membershop/membershop"
+    }
+}

pages/member/member.scss

@@ -0,0 +1,11 @@
+.membershops {
+    display: flex;
+    flex-wrap: wrap;
+    .membershop {
+        // margin-right: 4rpx;
+        margin-bottom: 4rpx;
+    }
+    .membershop:nth-child(odd) {
+        margin-right: 4rpx;
+    }
+}

pages/member/member.wxml

@@ -0,0 +1,32 @@
+<view class="top">
+    <membertop></membertop>
+    <view class="membershops">
+         <view class="membershop">
+            <membershop></membershop>
+    </view>
+      <view class="membershop">
+            <membershop></membershop>
+    </view>
+      <view class="membershop">
+            <membershop></membershop>
+    </view>
+      <view class="membershop">
+            <membershop></membershop>
+    </view>
+
+      <view class="membershop">
+            <membershop></membershop>
+    </view>
+      <view class="membershop">
+            <membershop></membershop>
+    </view>
+      <view class="membershop">
+            <membershop></membershop>
+    </view>
+      <view class="membershop">
+            <membershop></membershop>
+    </view>
+    </view>
+   
+
+</view>

pages/member/member.wxss

@@ -0,0 +1,12 @@
+.membershops {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.membershops .membershop {
+  margin-bottom: 4rpx;
+}
+
+.membershops .membershop:nth-child(odd) {
+  margin-right: 4rpx;
+}