first commit

衣莎项目/源码/YiShaXiYi/pages/membershipExclusive/.pydio

@@ -0,0 +1 @@
+61520864-e1b4-4160-93fd-d7fa5c7cfced

衣莎项目/源码/YiShaXiYi/pages/membershipExclusive/membershipExclusive.js

@@ -0,0 +1,78 @@
+// pages/membershipExclusive/membershipExclusive.js
+const app = getApp();
+const regeneratorRuntime = app.loadAsync()
+const util = app.loadUtils("util")
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    system: app.globalData.system, //设备相关信息
+    pageTitle: "会员专享", //头部标题
+    isBack: true,//显示返回
+  },
+  async goUrl(e) {
+    let url = e.currentTarget.dataset.url
+    let isLogin = await util.isLoginJump()
+    if (isLogin == 1) return;
+    wx.navigateTo({
+      url: url
+    })
+  },
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

衣莎项目/源码/YiShaXiYi/pages/membershipExclusive/membershipExclusive.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

衣莎项目/源码/YiShaXiYi/pages/membershipExclusive/membershipExclusive.wxml

@@ -0,0 +1,51 @@
+<!-- 头部导航 -->
+<nav-bar isBack="{{isBack}}" pageTitle="{{pageTitle}}" system="{{system}}"></nav-bar>
+<!-- pages/membershipExclusive/membershipExclusive.wxml -->
+<view class="membershipExclusive">
+    <view class="memExc-bac">
+        <image src="http://cdn.yishaxiyi.com/d2a8df1540448231b69ff2afa49b6917.png" />
+    </view>
+    <view class="exclusive">
+        <view class="exclusive-tit">会员权益</view>
+        <view class="exclusive-cen">
+            <view class="exclusive-cen-vip">
+                <view class="flex1">
+                    <view class="exclusive-img">
+                        <image class="discount" src="/static/img/icon/discount-icon.png" />
+                    </view>
+                    <view class="exclusive-p">折扣洗护</view>
+                </view>
+                <view class="flex1">
+                    <view class="exclusive-img">
+                        <image class="welfare" src="/static/img/icon/welfare-icon.png" />
+                    </view>
+                    <view class="exclusive-p">专属福利</view>
+                </view>
+                <view class="flex1">
+                    <view class="exclusive-img">
+                        <image class="activity" src="/static/img/icon/activity-icon.png" />
+                    </view>
+                    <view class="exclusive-p">专享活动</view>
+                </view>
+                <view class="flex1">
+                    <view class="exclusive-img">
+                        <image class="service" src="/static/img/icon/service-icon.png" />
+                    </view>
+                    <view class="exclusive-p">专属客服</view>
+                </view>
+            </view>
+        </view>
+    </view>
+    <view class="exclusive mt40">
+        <view class="exclusive-tit">办卡说明</view>
+        <view class="exclusive-cen">
+            <view class="apply">
+                <view class="apply-p">1.多种会员优惠卡供您选择，伊莎洗衣所有门店适用且长期有效;</view>
+                <view class="apply-p">2.卡内余额不足可自行充值，仍享受原优惠折扣，也可办理惊喜升级跳;</view>
+            </view>
+        </view>
+    </view>
+    <view class="sub mb50" data-url="/user/balance/balance" bind:tap="goUrl">立即办理</view>
+</view>
+<!-- toasta提示 -->
+<i-toast id="toast" />

衣莎项目/源码/YiShaXiYi/pages/membershipExclusive/membershipExclusive.wxss

@@ -0,0 +1,97 @@
+/* pages/membershipExclusive/membershipExclusive.wxss */
+
+.memExc-bac {
+  width: 100%;
+  height: 245rpx;
+  display: flex;
+}
+
+.memExc-bac image {
+  height: 245rpx;
+  flex: 1;
+}
+
+.exclusive {
+  padding: 50rpx 0;
+  margin: 40rpx 30rpx 0;
+  background-color: #fff;
+  border-radius: 10rpx;
+}
+
+.exclusive-tit {
+  position: relative;
+  text-align: center;
+  font-family: PingFang-SC-Bold;
+  font-size: 36rpx;
+  font-weight: 400;
+  color: #333;
+}
+
+.exclusive-tit::before {
+  content: "";
+  position: absolute;
+  bottom: -15rpx;
+  left: 50%;
+  height: 5rpx;
+  width: 80rpx;
+  margin-left: -40rpx;
+  background-color: #28cf60;
+}
+
+.exclusive-cen {
+  margin-top: 68rpx;
+}
+
+.exclusive-cen-vip {
+  display: flex;
+  height: 100rpx;
+}
+
+.exclusive-img {
+  text-align: center;
+}
+
+.exclusive-p {
+  margin-top: 15rpx;
+  text-align: center;
+  font-family: PingFang-SC-Medium;
+  font-size: 22rpx;
+  font-weight: 400;
+  color: #333;
+}
+
+.apply {
+  padding: 0 30rpx;
+}
+
+.apply-p {
+  font-family: PingFang-SC-Medium;
+  font-size: 28rpx;
+  color: #666;
+}
+
+.sub {
+  margin-top: 40rpx;
+}
+
+/*  */
+
+.discount {
+  width: 56rpx;
+  height: 51rpx;
+}
+
+.welfare {
+  width: 50rpx;
+  height: 50rpx;
+}
+
+.activity {
+  width: 43rpx;
+  height: 49rpx;
+}
+
+.service {
+  width: 58rpx;
+  height: 47rpx;
+}