Leo vor 3 Jahren
Ursprung
Commit
201da8e173
6 geänderte Dateien mit 69 neuen und 44 gelöschten Zeilen
  1. 16 16
      README.md
  2. 1 2
      src/lib/api/task.js
  3. 7 4
      src/lib/utils/request.js
  4. 3 2
      src/pages/index/index.scss
  5. 13 10
      src/pages/index/index.vue
  6. 29 10
      src/pages/vip/vip.vue

+ 16 - 16
README.md

@@ -1,43 +1,43 @@
-一 首页 pages/index/index
+## 一、首页 ```pages/index/index```
 1. 轮播 -> 抽一番赏
 2. 会员权益  vip会员  签到  自主积分  会员活动  商务合作
 3. 最新推荐  -> 店铺相关推荐
 
-会员权益 pages/vip/index
-1. 普通会员  vip会员 pages/vip/index
-2. 权益名称 所属会员  logo  介绍  权重 pages/vip/detail?id=xxx
+## 二、会员权益 pages/vip/index
+1. 普通会员  vip会员 ```pages/vip/index```
+2. 权益名称 所属会员  logo  介绍  权重 ```pages/vip/detail?id=xxx```
 
-三 vip会员 
+## 三、vip会员 ```pages/vip/vip```
 1. 介绍页 写死,权限只是展示,不可点击,
 2. 已开通 不显示开通按钮
 3. 点击立即开通,弹出弹框,限时 开通会员名称 会员有效期 开始/结束时间。
 
-四  签到 pages/task/index
+## 四、签到 ```pages/task/index```
 1. 和 初见潮玩 保持一致 
 
-五自主积分  和 大悦城保持一致
+## 自主积分  和 大悦城保持一致
 1. 卡片  显示当前积分
 2. 两个按钮: 拍照积分  积分兑换(?)
 3. 积分申请记录(图片/名称/时间/状态)
 
-五.1 积分商城(兑换)
+### 五.1、积分商城(兑换)
 1. 商品列表(图片/标题/积分/兑换按钮/状态)
 
-会员活动 
-1. 显示活动列表(图片/名称/时间) pages/activity/index
-2. 活动详情(标题/时间/详情(img)/规则/按钮(有些有/有些没))  pages/activity/detail?id=xxx
+## 六、会员活动 
+1. 显示活动列表(图片/名称/时间) ```pages/activity/index```
+2. 活动详情(标题/时间/详情(img)/规则/按钮(有些有/有些没))  ```pages/activity/detail?id=xxx```
 
-商务合作 (招商人信息(名称/邮箱/电话)) pages/help/contact
+## 七、商务合作 (招商人信息(名称/邮箱/电话)) ```pages/help/contact```
 
-我的(我的信息/马上加入vip会员/卡片/我的卡包入口)  pages/my/my
+## 八、我的(我的信息/马上加入vip会员/卡片/我的卡包入口)  ```pages/my/my```
 
-九  我的卡包 pages/my/coupon
+## 九、我的卡包 ```pages/my/coupon```
 1. 可用/历史
    - 物品/优惠券
 
-初见潮玩 - 抽一番赏
+## 十、初见潮玩 - 抽一番赏
 
 
-api
+## Api
 
 https://chujianchaowan.oss-cn-beijing.aliyuncs.com/images/d9bf45907814b1a3e994c765ccf37e79.png?x-oss-process=image/auto-orient,1/interlace,1/quality,q_100

+ 1 - 2
src/lib/api/task.js

@@ -1,4 +1,3 @@
 import request from "../utils/request";
 
-export const getTaskInfo = (session) =>
-  request.get("/weapp/getTaskInfo/" + session);
+export const getTaskInfo = () => request.get("/weapp/getTaskInfo");

+ 7 - 4
src/lib/utils/request.js

@@ -5,7 +5,8 @@
 const baseUrl = "https://yggc.weapp.yergoo.com";
 
 function getCommonHeader() {
-  let header = {
+  const info = JSON.parse(uni.getStorageSync("userinfo") || "{}");
+  const header = {
     "content-type": "application/json",
     // 'content-type': 'application/x-www-form-urlencoded;charset=utf-8'
   };
@@ -13,10 +14,12 @@ function getCommonHeader() {
   // 如果token有值则带上
   const token = uni.getStorageSync("token");
   if (token) {
-    header = Object.assign({}, header, {
-      token: token,
-    });
+    header.token = token;
+  }
+  if (info.session) {
+    header.session = info.session;
   }
+
   return header;
 }
 // todo 这里的问题,先注释掉

+ 3 - 2
src/pages/index/index.scss

@@ -71,8 +71,9 @@
   margin-top: 30rpx;
 }
 .home-index2 {
-  background: #f5f5f5;
-  background-size: 100% auto;
+  // background: #f5f5f5;
+  background: #fff;
+  // background-size: 100% auto;
   overflow: hidden;
   .swiper {
     width: 100%;

+ 13 - 10
src/pages/index/index.vue

@@ -11,16 +11,13 @@
     </view>
     <view :style="{ marginTop: BarHeight + 'px' }"></view>
     <swiper
-      v-if="modules.rotation_images && modules.rotation_images.length"
+      v-if="modules.lunbo && modules.lunbo.length"
       class="swiper"
       circular
       indicator-dots
       autoplay
     >
-      <swiper-item
-        v-for="item in modules.rotation_images"
-        :key="item.module_id"
-      >
+      <swiper-item v-for="item in modules.lunbo" :key="item.module_id">
         <image
           class="swiper-item"
           :src="item.img"
@@ -29,9 +26,12 @@
         ></image>
       </swiper-item>
     </swiper>
-    <view class="icon-list" v-if="modules.shortcut && modules.shortcut.length">
+    <view
+      class="icon-list"
+      v-if="modules.quick_links && modules.quick_links.length"
+    >
       <view
-        v-for="item in modules.shortcut"
+        v-for="item in modules.quick_links"
         :key="item.module_id"
         class="icon-item"
         @click="jumpModuleAll(item.url)"
@@ -41,9 +41,12 @@
       </view>
     </view>
     <view class="title">最新推荐</view>
-    <view v-if="modules.zxtj && modules.zxtj.length" class="base-list">
+    <view
+      v-if="modules.latest_recommend && modules.latest_recommend.length"
+      class="base-list"
+    >
       <list-item
-        v-for="item in modules.zxtj"
+        v-for="item in modules.latest_recommend"
         :key="item.module_id"
         :item="item"
         class="base-list-item"
@@ -112,7 +115,7 @@ export default {
     } else {
       this.userInfo = {};
     }
-    this.getTaskInfo();
+    // this.getTaskInfo();
   },
   onShareAppMessage() {
     return {

+ 29 - 10
src/pages/vip/vip.vue

@@ -2,7 +2,7 @@
   <view class="page">
     <view class="card">
       <view class="card-title">VIP会员</view>
-      <view calss="card-desc">开通VIP会员专享权益</view>
+      <view class="card-desc">开通VIP会员专享权益</view>
       <view class="card-status">
         已经开通 <button class="card-btn">立即开通</button>
       </view>
@@ -25,27 +25,27 @@ export default {
       id: 0,
       list: [
         {
-          title: "10000积分",
+          name: "10000积分",
           icon: require("@/assets/vip/icon-integral.png"),
         },
         {
-          title: "90团1000",
+          name: "90团1000",
           icon: require("@/assets/vip/icon-purchase.png"),
         },
         {
-          title: "85团100",
+          name: "85团100",
           icon: require("@/assets/vip/icon-restaurant.png"),
         },
         {
-          title: "积分翻倍抵现",
+          name: "积分翻倍抵现",
           icon: require("@/assets/vip/icon-double.png"),
         },
         {
-          title: "精选商户权益",
+          name: "精选商户权益",
           icon: require("@/assets/vip/icon-boutique.png"),
         },
         {
-          title: "停车优惠",
+          name: "停车优惠",
           icon: require("@/assets/vip/icon-parking.png"),
         },
       ],
@@ -66,15 +66,17 @@ page {
   color: rgb(251, 222, 190);
 }
 .card {
-  width: 710rpx;
-  height: 420rpx;
+  width: 660rpx;
+  height: 392rpx;
   background: url("~@/assets/vip/card-vip.png") no-repeat center;
   background-size: contain;
   box-sizing: border-box;
   padding: 40rpx;
+  margin: 0 auto;
   color: rgb(251, 222, 190);
+  overflow: hidden;
   .card-title {
-    font-size: 64rpx;
+    font-size: 56rpx;
   }
   .card-desc {
     font-size: 28rpx;
@@ -114,4 +116,21 @@ page {
     margin: 0 10rpx;
   }
 }
+.list {
+  margin-top: 20rpx;
+  display: flex;
+  flex-wrap: wrap;
+  .item {
+    width: 33.3333%;
+    text-align: center;
+    margin: 20rpx 0;
+    font-size: 24rpx;
+  }
+  .icon {
+    width: 100rpx;
+    height: 100rpx;
+    display: block;
+    margin: 0 auto 10rpx;
+  }
+}
 </style>