Skip to content

N
nyx
Commit e0b4def4 by jscat
Options

nyx: 页面-添加优惠积分页面

parent c6412858
正在显示 包含 258 行增加 和 29 行删除
增值产品-小程序及app/nyx-master/app.json
{
{
{
"pages": [
"pages/my/points/points",
"pages/activity/activity",
"pages/key/key",
"pages/activity/act-info/act-info",
......
增值产品-小程序及app/nyx-master/pages/key/matchDaily/matchDaily.js
// pages/key/matchDaily/matchDaily.js
// pages/key/matchDaily/matchDaily.js
......@@ -702,23 +702,30 @@ Page({
},
  // 外面的弹窗
  btn: function () {
    this.setData({
      showModal: true
    })
  },
 
  // 禁止屏幕滚动
  preventTouchMove: function () {
  },
 
  // 弹出层里面的弹窗
  ok: function () {
    this.setData({
      showModal: false
    })
  }
  // 外面的弹窗
  btn: function () {
    this.setData({
      showModal: true
    })
  },
 
  // 禁止屏幕滚动
  preventTouchMove: function () {
  },
 
  // 弹出层里面的弹窗
  ok: function () {
    this.setData({
      showModal: false
    })
  },
onCheckPoints: function (e) {
wx.navigateTo({
url: "/pages/my/points/points"
})
},
})
\ No newline at end of file
增值产品-小程序及app/nyx-master/pages/key/matchDaily/matchDaily.wxml
<!--pages/key/matchTest/matchTest.wxml-->
<!--pages/key/matchTest/matchTest.wxml-->
......@@ -18,7 +18,7 @@
<view class="weui-flex weui-width">
<view class="weui-flex__item"><view class="placeholder-modal">
<view class="items">
<view class="items" bindtap="onCheckPoints">
<image src="../../../icon/activity/points.png"></image>
<text>查看积分</text>
</view>
......@@ -33,8 +33,6 @@
</view>
</view></view>
</view>
    <view bindtap="ok" class="ok">取消</view>
</view>
<!-- end 遮罩层 -->
......
增值产品-小程序及app/nyx-master/pages/my/my.wxml
<view class="page">
<view class="page">
......@@ -23,14 +23,14 @@
</view>
<view class="weui-cells">
<navigator class="weui-cell weui-cell_access" hover-class="weui-cell_active" url="/pages/my/rank/rank">
<navigator class="weui-cell weui-cell_access" hover-class="weui-cell_active" url="/pages/my/points/points">
<view class="weui-cell__hd">
<image src="/icon/discover/points.png" />
<image src="/icon/activity/points.png" />
</view>
<view class="weui-cell__bd">我的积分</view>
<view class="weui-cell__ft weui-cell__ft_in-access"></view>
</navigator>
<navigator class="weui-cell weui-cell_access" hover-class="weui-cell_active" url="/pages/my/myposts/myposts">
<navigator class="weui-cell weui-cell_access" hover-class="weui-cell_active" url="/pages/my/points/points">
<view class="weui-cell__hd">
<image src="/icon/my/fav.png"/>
</view>
......
增值产品-小程序及app/nyx-master/pages/my/points/points.js 0 → 100644
// pages/my/rank/rank.js
// pages/my/rank/rank.js
var config = wx.getStorageSync("config");
var app = getApp();
Page({
/**
* 页面的初始数据
*/
data: {
//用户信息初始化
nyxCode: "",
authStatus: "",
userInfo: {},
matchSeason: "",
// {
// rankId : "rid_001",
// defaultType : "1",
// matchType : "竞答",
// title : "泥煤怪兽",
// rank : "1",
// score : "200",
// ratio : "96%",
// },
rankList : [],
isHideLoadMore: false,
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var _this = this;
wx.setNavigationBarTitle({
title: '我的积分',
})
//初始化数据
if (wx.getStorageSync('nyxCode')) {
_this.setData({
nyxCode: wx.getStorageSync('nyxCode'),
userInfo: wx.getStorageSync('userInfo'),
authStatus: wx.getStorageSync('authStatus'),
matchSeason: wx.getStorageSync('matchSeason'),
})
}
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
},
// 用户自定义函数
/*
* 更新match rank list
*/
})
\ No newline at end of file
增值产品-小程序及app/nyx-master/pages/my/points/points.wxml 0 → 100644
<view class="page">
<view class="page">
<!-- Tab: refer to 有品·优惠券 -->
<view class="weui-flex" style="height: 120rpx;">
<view class="weui-flex__item weui-flex justify align border"><view class="placeholder">
<text class="text selected">可使用</text>
</view></view>
<view class="weui-flex__item weui-flex justify align border"><view class="placeholder">
<text class="text">不可用</text>
</view></view>
</view>
<!-- Content: refer to 有品·优惠券 + 点评(可使用) -->
<view class="coupon-list">
<view class="item stamp stamp01 ">
<!-- 左侧 -->
<view class="float-li t1">
<view class="coupon-left">
<view class="t1">
<view class="t1-left">9元</view>
<view class="t1-right">Renaissance Bar优惠积分</view>
</view>
<view class="t t3">有效期至：2020/07/31 23:59</view>
<view class="t t4">好友助力：助力10人，共4积分</view>
<view class="t t5">优惠券码：264669616164</view>
</view>
</view>
<!-- 右侧 -->
<view class="float-li-right">
<view class="coupon-right">
<view class="t t1">有效期至</view>
<view class="t t2">2018-01-17</view>
<view class="t t2">23:59:00</view>
<view class="t t3"><text>立即领取</text></view>
</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
增值产品-小程序及app/nyx-master/pages/my/points/points.wxss 0 → 100644
.page{
.page{
height: 100vh;
background: #F4F8FB;
}
.placeholder{
margin: 0px;
text-align: center;
vertical-align: middle;
line-height: 2.3em;
color: rgba(0,0,0);
}
/* justify-content: center;(水平居中) align-items: center;(垂直居中) */
.justify{
justify-content: center;
}
.align{
align-items: center;
}
.border{
border: 3rpx solid #ccc;
border-radius: 0rpx;
padding: 10rpx;
}
.text{
font-size: 34rpx;
}
.selected{
color: #ff0000;
}
/* coupon css */
.coupon-list{width: 710rpx; margin: 0 auto}
.coupon-list .item{width: 710rpx; height: 340rpx; margin-bottom: 20rpx;}
.coupon-list .item .float-li{width: 710rpx; height: 100%; border-right: 2rpx dashed rgba(255,255,255,.3)}
.coupon-list .item .float-li-right{width: 220rpx; padding-right: 20rpx; height:100%; color: #fff}
.coupon-left{position: relative}
.coupon-left .t{position: absolute; color: #fff}
.coupon-left .t1{width: 710rpx; display: flex; margin-left: 20rpx; margin-top: 20rpx; height: 160rpx; color: #fff}
.coupon-left .t1-left{width: 160rpx; font-size: 70rpx; font-weight: bold}
.coupon-left .t1-right{width: 520rpx; font-size: 50rpx; }
.coupon-left .t3{left: 20rpx; top:160rpx}
.coupon-left .t4{left: 20rpx; top:210rpx}
.coupon-left .t5{left: 20rpx; top:260rpx}
.coupon-right .t{text-align: center}
.coupon-right .t1{font-size: 40rpx; padding: 30rpx 0 10rpx 0;}
.coupon-right .t3{padding-top:20rpx}
.coupon-right .t3 text{background: #fff; color: #333; border-radius: 7rpx; padding: 10rpx 40rpx}
.note{background: #faeab7}
.stamp{width:700rpx; height: 250rpx;margin-bottom:50rpx;position:relative;overflow:hidden}
.stamp i{position: absolute;left: 20%;top: 90rpx;height: 500rpx;width: 700rpx;background-color: rgba(255,255,255,.15);transform: rotate(-30deg);
}
.stamp01{background:radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 30rpx, #F39B00 30rpx);background-size:10rpx 10rpx;background-position:9rpx 3rpx; background: #F39B00}
.stamp02{background:radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 30rpx, #D24161 30rpx);background-size:10rpx 10rpx;background-position:9rpx 3rpx; background: #D24161}
.stamp03{background:radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 30rpx, #D24161 30rpx);background-size:10rpx 10rpx;background-position:9rpx 3rpx; background: #7EAB1E }
.stamp04{background:radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 30rpx, #D24161 30rpx);background-size:10rpx 10rpx;background-position:9rpx 3rpx; background: #50ADD3 }
.stamp05{background:radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 30rpx, #D24161 30rpx);background-size:10rpx 10rpx;background-position:9rpx 3rpx; background: #f0229b}
.stamp05{background:radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 30rpx, #D24161 30rpx);background-size:10rpx 10rpx;background-position:9rpx 3rpx; background: #f0229b}
\ No newline at end of file
增值产品-小程序及app/nyx-master/project.config.json
{
{
......@@ -18,7 +18,7 @@
"disablePlugins": [],
"outputPath": ""
},
"useCompilerModule": false,
"useCompilerModule": true,
"userConfirmedUseCompilerModuleSwitch": false
},
"compileType": "miniprogram",
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论