1

app.js

@@ -34,8 +34,9 @@ App({
   },
   globalData: {
     userInfo: null,
-    publicUrl: 'http://192.168.1.119:11000'
-    // publicUrl: 'https://htyd.jlsci.cn'
+    // publicUrl: 'http://192.168.1.119:11000'
+    // publicUrl: 'http://124.71.143.119'
+    publicUrl: 'https://htyd.jlsci.cn'
   },
   id: 'wx74f916cbbb2173fa',
 })

app.json

@@ -11,6 +11,7 @@
     "pages/newsDetail/newsDetail",
     "pages/card/card",
     "pages/team/team",
+    "pages/prize/prize",
     "pages/integral/integral",
     "pages/exchange/exchange",
     "pages/exchange/exchangeList",

pages/home/home.js

@@ -70,6 +70,12 @@ Page({
       url: '../team/team'
     })
   },
+  // 回馈奖品
+  jpBtn: function () {
+    wx.navigateTo({
+      url: '../prize/prize'
+    })
+  },
   // 积分明细
   fenBtn: function () {
     wx.navigateTo({

pages/home/home.wxml

@@ -80,6 +80,10 @@
         <image src="/pages/images/fen.png"></image>
         <text>积分明细</text>
       </view>
+      <view class="num" bindtap="jpBtn">
+        <image src="/pages/images/jp.png"></image>
+        <text>回馈奖品</text>
+      </view>
       <view class="num" bindtap="huanBtn">
         <image src="/pages/images/huan.png"></image>
         <text>积分兑换</text>

pages/prize/prize.js

@@ -0,0 +1,28 @@
+//index.js
+//获取应用实例
+const app = getApp()
+
+Page({
+  data: {
+    bannerList: [
+      { pic: '/pages/images/water/water1.jpg' },
+      { pic: '/pages/images/water/water2.jpg' },
+      { pic: '/pages/images/water/water3.jpg' },
+      { pic: '/pages/images/water/water4.jpg' },
+      { pic: '/pages/images/water/water5.jpg' },
+      { pic: '/pages/images/water/water6.jpg' },
+      { pic: '/pages/images/water/water7.jpg' },
+      { pic: '/pages/images/water/water8.jpg' },
+    ],
+    indicatorDots: true,
+    vertical: false,
+    autoplay: true,
+    interval: 2000,
+    duration: 500,
+    circular: true
+  },
+
+  onLoad: function () {
+
+  },
+})

pages/prize/prize.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

pages/prize/prize.wxml

@@ -0,0 +1,49 @@
+<view class="main">
+  <view class="one">
+    回馈奖品
+  </view>
+  <view class="two">
+    <view class="twoImg">
+      <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" circular="{{circular}}"
+        duration="{{duration}}">
+        <block wx:key="unique" wx:for="{{bannerList}}" wx:for-item="item">
+          <swiper-item>
+            <image src="{{item.pic}}"></image>
+          </swiper-item>
+        </block>
+      </swiper>
+    </view>
+    <view class="twoTxt">
+      <view class="info">
+        <text>名称：卫莱仕豪华净水器</text>
+      </view>
+      <view class="info">
+        <text>基本信息：</text>
+        <text> 五重过滤，层层净化；不用电，无废水；保留矿物质，除菌除氯；封闭式外壳，可使造型窗；90升/h超大出水量；尺寸410*330*100mm;</text>
+      </view>
+      <view class="other">
+        <text class="title">五重过滤：</text>
+        <view>
+          <text>第一级：PP棉滤芯</text>
+          <text>去除泥沙，铁锈等肉眼可见杂质</text>
+        </view>
+        <view>
+          <text>第二级：颗粒活性炭滤芯</text>
+          <text>吸附有机物，余氯异色改善口感</text>
+        </view>
+        <view>
+          <text>第三级：PP棉滤芯</text>
+          <text>进一步去除泥沙，铁锈等肉眼可见杂质</text>
+        </view>
+        <view>
+          <text>第四级：超滤膜滤芯</text>
+          <text>过滤进度0.01微米滤除水中微小悬浮物保留水中矿物质</text>
+        </view>
+        <view>
+          <text>第五级：后置活性炭滤芯</text>
+          <text>进一步改善口感，使净水变得更加甘甜可口</text>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>

pages/prize/prize.wxss

@@ -0,0 +1,98 @@
+.main {
+  float: left;
+  width: 100%;
+  height: 100%;
+  background-color: #f6f6f6;
+}
+
+.main .one {
+  position: fixed;
+  z-index: 999;
+  width: 100%;
+  height: 80rpx;
+  line-height: 80rpx;
+  background-color: #409eff;
+  color: #ffffff;
+  text-align: center;
+}
+
+.main .two {
+  position: absolute;
+  top: 80rpx;
+  width: 94%;
+  padding: 0 20rpx;
+}
+
+
+
+.main .two .twoImg {
+  float: left;
+  width: 100%;
+  margin: 0 0 10rpx 0;
+  padding: 20rpx 0;
+}
+
+.main .two .twoImg swiper {
+  height: 200px;
+  border: 1px solid #ccc;
+}
+
+.main .two .twoImg image {
+  float: left;
+  width: 100%;
+  height: 100%;
+}
+
+.main .two .twoTxt {
+  float: left;
+  width: 100%;
+}
+
+.main .two .twoTxt .info {
+  float: left;
+  width: 100%;
+}
+
+.main .two .twoTxt .info text {
+  float: left;
+  width: 100%;
+  font-size: 35rpx;
+  padding: 0 0 10rpx 0;
+}
+
+.main .two .twoTxt .info text:nth-child(1) {
+  font-size: 40rpx;
+  font-weight: bold;
+}
+
+.main .two .twoTxt .info text:nth-child(2) {
+  color: #666666;
+}
+
+.main .two .twoTxt .other {
+  float: left;
+  width: 100%;
+}
+
+.main .two .twoTxt .other .title {
+  float: left;
+  width: 100%;
+  font-size: 40rpx;
+  font-weight: bold;
+  padding: 0 0 10rpx 0;
+}
+
+.main .two .twoTxt .other text {
+  float: left;
+  width: 100%;
+  padding: 15rpx 0;
+  border-bottom: 1rpx dashed #ccc;
+}
+
+.main .two .twoTxt .other text:nth-child(1) {
+  font-weight: bold;
+}
+
+.main .two .twoTxt .other text:nth-child(2) {
+  color: #666666;
+}