shoppingMall

api/shoppingMall.js

@@ -0,0 +1,17 @@
+import { request } from '@/api/config.js'
+
+export function goodsList(data) {
+  return request({
+    url: '/wx/bkm/integral/goods/list',
+    method: 'get',
+    data: data,
+  })
+}
+
+export function submitGoods(data) {
+  return request({
+    url: '/wx/bkm/integral/goods/submit',
+    method: 'post',
+    data: data,
+  })
+}

pages.json

@@ -1,253 +1,217 @@
 {
-	"window": {
-	    "initialRenderingCache": "dynamic"
-	},
-	"pages": [{
-		"path": "pages/index/index",
-		"style": {
-			"navigationBarTitleText": "宝可梦"
-		}
-	}    ,{
-            "path" : "pages/mine/mine",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "我的",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/shoppingMall/shoppingMall",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "商城",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/knapsack/knapsack",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "背包",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-			//给tab页的背包
-		,{
-		    "path" : "pages/knapsackTab/knapsack",
-		    "style" :                                                                                    
-		    {
-		        "navigationBarTitleText": "背包",
-		        "enablePullDownRefresh": false
-		    }
-		    
-		}
-        ,{
-            "path" : "pages/addressManage/addressManage",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "我的收货地址",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/login/login",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "授权登录",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/addressEdit/addressEdit",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "新增收货地址",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/invite/invite",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "邀请好友",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/excellentValue/excellentValue",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "超值挑战",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/drawCard_first/drawCard_first",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "FIRST赏",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/winningRecord/winningRecord",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "中奖记录",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/orderConfirm/orderConfirm",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "订单确认",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/coupon/coupon",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "我的优惠券",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/rule/rule",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "规则与说明",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/user/user",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "编辑个人资料",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/raffle/raffle",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "抽赏",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/drawCard_last/drawCard_last",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "LAST赏",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/message/message",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "消息",
-                "enablePullDownRefresh": false
-            }
-            
-        },{
-            "path" : "pages/user/editUser/editUser",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "编辑个人信息",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/consumptionRecords/consumptionRecords",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "消费记录",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/drawCard_fullSet/drawCard_fullSet",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "全套赏",
-                "enablePullDownRefresh": false
-            }
-        }
-		,{
-            "path" : "pages/drawCard_fullSet/winningList",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "开奖记录",
-                "enablePullDownRefresh": false
-            }
-        }
-		,{
-            "path" : "pages/drawCard_fullSet/goods",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "奖品预览",
-                "enablePullDownRefresh": false
-            }
-        }
-		
-    ],
-	"globalStyle": {
-		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "uni-app",
-		"navigationBarBackgroundColor": "#F8F8F8",
-		"backgroundColor": "#F8F8F8",
-		"app-plus": {
-			"background": "#efeff4"
-		}
-	},
-	"tabBar": {
-		"color": "#B4C9DA",
-		"selectedColor": "#FBB434",
-		"height": "220px",
-		"list": [{
-			"pagePath": "pages/index/index",
-			"iconPath": "/static/img/tabBar1.png",
-			"selectedIconPath": "/static/img/tabBar1_s.png",
-			"text": "首页"
-		}
-		, {
-			"pagePath": "pages/shoppingMall/shoppingMall",
-			"iconPath": "/static/img/tabBar2.png",
-			"selectedIconPath": "/static/img/tabBar2_s.png",
-			"text": "商城"
-		}
-		, {
-			"pagePath": "pages/knapsackTab/knapsack",
-			"iconPath": "/static/img/tabBar3.png",
-			"selectedIconPath": "/static/img/tabBar3_s.png",
-			"text": "背包"
-		}, {
-			"pagePath": "pages/mine/mine",
-			"iconPath": "/static/img/tabBar4.png",
-			"selectedIconPath": "/static/img/tabBar4_s.png",
-			"text": "我的"
-		}]
-	}
+  "window": {
+    "initialRenderingCache": "dynamic"
+  },
+  "pages": [
+    {
+      "path": "pages/index/index",
+      "style": {
+        "navigationBarTitleText": "宝可梦"
+      }
+    },
+    {
+      "path": "pages/mine/mine",
+      "style": {
+        "navigationBarTitleText": "我的",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/shoppingMall/shoppingMall",
+      "style": {
+        "navigationBarTitleText": "积分商城",
+        "enablePullDownRefresh": false,
+        "navigationBarBackgroundColor": "#171520",
+        "navigationBarTextStyle": "white"
+      }
+    },
+    {
+      "path": "pages/knapsack/knapsack",
+      "style": {
+        "navigationBarTitleText": "背包",
+        "enablePullDownRefresh": false
+      }
+    },
+    //给tab页的背包
+    {
+      "path": "pages/knapsackTab/knapsack",
+      "style": {
+        "navigationBarTitleText": "背包",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/addressManage/addressManage",
+      "style": {
+        "navigationBarTitleText": "我的收货地址",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/login/login",
+      "style": {
+        "navigationBarTitleText": "授权登录",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/addressEdit/addressEdit",
+      "style": {
+        "navigationBarTitleText": "新增收货地址",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/invite/invite",
+      "style": {
+        "navigationBarTitleText": "邀请好友",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/excellentValue/excellentValue",
+      "style": {
+        "navigationBarTitleText": "超值挑战",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/drawCard_first/drawCard_first",
+      "style": {
+        "navigationBarTitleText": "FIRST赏",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/winningRecord/winningRecord",
+      "style": {
+        "navigationBarTitleText": "中奖记录",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/orderConfirm/orderConfirm",
+      "style": {
+        "navigationBarTitleText": "订单确认",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/coupon/coupon",
+      "style": {
+        "navigationBarTitleText": "我的优惠券",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/rule/rule",
+      "style": {
+        "navigationBarTitleText": "规则与说明",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/user/user",
+      "style": {
+        "navigationBarTitleText": "编辑个人资料",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/raffle/raffle",
+      "style": {
+        "navigationBarTitleText": "抽赏",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/drawCard_last/drawCard_last",
+      "style": {
+        "navigationBarTitleText": "LAST赏",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/message/message",
+      "style": {
+        "navigationBarTitleText": "消息",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/user/editUser/editUser",
+      "style": {
+        "navigationBarTitleText": "编辑个人信息",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/consumptionRecords/consumptionRecords",
+      "style": {
+        "navigationBarTitleText": "消费记录",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/drawCard_fullSet/drawCard_fullSet",
+      "style": {
+        "navigationBarTitleText": "全套赏",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/drawCard_fullSet/winningList",
+      "style": {
+        "navigationBarTitleText": "开奖记录",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/drawCard_fullSet/goods",
+      "style": {
+        "navigationBarTitleText": "奖品预览",
+        "enablePullDownRefresh": false
+      }
+    }
+  ],
+  "globalStyle": {
+    "navigationBarTextStyle": "black",
+    "navigationBarTitleText": "uni-app",
+    "navigationBarBackgroundColor": "#F8F8F8",
+    "backgroundColor": "#F8F8F8",
+    "app-plus": {
+      "background": "#efeff4"
+    }
+  },
+  "tabBar": {
+    "color": "#B4C9DA",
+    "selectedColor": "#FBB434",
+    "height": "220px",
+    "list": [
+      {
+        "pagePath": "pages/index/index",
+        "iconPath": "/static/img/tabBar1.png",
+        "selectedIconPath": "/static/img/tabBar1_s.png",
+        "text": "首页"
+      },
+      {
+        "pagePath": "pages/shoppingMall/shoppingMall",
+        "iconPath": "/static/img/tabBar2.png",
+        "selectedIconPath": "/static/img/tabBar2_s.png",
+        "text": "商城"
+      },
+      {
+        "pagePath": "pages/knapsackTab/knapsack",
+        "iconPath": "/static/img/tabBar3.png",
+        "selectedIconPath": "/static/img/tabBar3_s.png",
+        "text": "背包"
+      },
+      {
+        "pagePath": "pages/mine/mine",
+        "iconPath": "/static/img/tabBar4.png",
+        "selectedIconPath": "/static/img/tabBar4_s.png",
+        "text": "我的"
+      }
+    ]
+  }
 }

pages/shoppingMall/shoppingMall.vue

@@ -1,22 +1,58 @@
 <template>
-	<view class="text-blue-500">
-		1
-	</view>
+  <div class="" style="background-color: #171520; height: 100vh">
+    <div class="py-3 px-2 flex flex-wrap justify-between">
+      <div
+        style="width: 175px"
+        v-for="goods in list"
+        :key="goods.id"
+        @click="handleSubmit(goods)"
+        class="mx-1 bg-white rounded-lg shadow-md mb-2"
+      >
+        <img
+          :src="goods.icon"
+          class="rounded-t-lg w-full"
+          style="height: 200px"
+        />
+        <div class="fontPFSCS p-2">{{ goods.name }}</div>
+        <div class="text-right pr-2 mb-1">
+          <span style="font-size: 12px">积分：</span>
+          <span class="fontPFSCS text-red-500">{{ goods.integral }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				
-			}
-		},
-		methods: {
-			
-		}
-	}
+import { goodsList, submitGoods } from '@/api/shoppingMall'
+export default {
+  data() {
+    return {
+      list: [],
+    }
+  },
+  methods: {
+    handleSubmit(goods) {
+      wx.showModal({
+        title: '提示',
+        content: '确认兑换商品？',
+        success: (res) => {
+          if (res.confirm) {
+            console.log('用户点击确定')
+            submitGoods({ id: goods.id }).then((res) => {
+              console.log(res)
+            })
+          } else if (res.cancel) {
+            console.log('用户点击取消')
+          }
+        },
+      })
+    },
+  },
+  created() {
+    goodsList({ page: 1, limit: 1000 }).then((res) => {
+      this.list = res.data.list
+    })
+  },
+}
 </script>
-
-<style lang="scss">
-	
-</style>