Skip to content

N
nyx
Commit b1816497 by jscat
Options

nyx weapp: 页面更新, 功能更新 

1. 主要添加订单页面的样式及功能
parent 248cb915
正在显示 包含 183 行增加 和 314 行删除
增值产品-小程序及app/nyx-master/app.json
{ {
{ {
"pages": [ "pages": [
"pages/activity/activity", "pages/activity/activity",
"pages/mall/order/order",
"pages/member/activity-post/activity-submit/activity-submit", "pages/member/activity-post/activity-submit/activity-submit",
"pages/activity/activity-list/activity-list", "pages/activity/activity-list/activity-list",
"pages/my/my-members/my-members", "pages/my/my-members/my-members",
"pages/member/activity-post/activity-edit/activity-edit", "pages/member/activity-post/activity-edit/activity-edit",
"pages/member/quiz-post/quiz-edit/quiz-edit", "pages/member/quiz-post/quiz-edit/quiz-edit",
"pages/member/schedule/schedule", "pages/member/schedule/schedule",
"pages/mall/order/order",
"pages/member/activity-post/activity-post", "pages/member/activity-post/activity-post",
"pages/activity/quiz-result/quiz-result", "pages/activity/quiz-result/quiz-result",
"pages/activity/quiz-info/quiz-info", "pages/activity/quiz-info/quiz-info",
......
增值产品-小程序及app/nyx-master/pages/activity/activity-info/activity-info.js
// pages/activity/activity-info/activity-info.js // pages/activity/activity-info/activity-info.js
...@@ -25,6 +25,7 @@ Page({ ...@@ -25,6 +25,7 @@ Page({
curIndex: 0, // 给选中的tab加粗 curIndex: 0, // 给选中的tab加粗
activityInfo: {}, // 活动基础信息 activityInfo: {}, // 活动基础信息
products: [], // 活动类别详情 products: [], // 活动类别详情
products_string : {}, //活动类别详情对应的string, 主要用于navigator传值
//点赞模块 //点赞模块
likeDictUpdate: {}, // 判断当前页面是否存在点赞操作 likeDictUpdate: {}, // 判断当前页面是否存在点赞操作
...@@ -229,7 +230,7 @@ Page({ ...@@ -229,7 +230,7 @@ Page({
//表示HTTP请求成功 //表示HTTP请求成功
console.log(res.data); console.log(res.data);
var products = [] var products = []
var products_string = {}
for (var i = 0; i < res.data.data.length; i++) { for (var i = 0; i < res.data.data.length; i++) {
var result = {} var result = {}
result["product_id"] = res.data.data[i].productId result["product_id"] = res.data.data[i].productId
...@@ -237,7 +238,6 @@ Page({ ...@@ -237,7 +238,6 @@ Page({
result["unit_price"] = res.data.data[i].unitPrice result["unit_price"] = res.data.data[i].unitPrice
result["stock"] = res.data.data[i].stock result["stock"] = res.data.data[i].stock
result["default_status"] = res.data.data[i].defaultStatus result["default_status"] = res.data.data[i].defaultStatus
products.push(result) products.push(result)
} }
_this.setData({ products }) _this.setData({ products })
...@@ -281,20 +281,32 @@ Page({ ...@@ -281,20 +281,32 @@ Page({
//跳转到结算页 order.wxml //跳转到结算页 order.wxml
toBuy: function (e) { toBuy: function (e) {
var _this = this; var _this = this;
var products_string = JSON.stringify(_this.data.products);
var url = "/pages/mall/order/order?" var url = "/pages/mall/order/order?"
+ "&activity_id=" + _this.__data__.activityInfo["activity_id"] + "&activity_id=" + _this.__data__.activityInfo["activity_id"]
+ "&product_id_string=" + "pid_001::pid_002" + "&productsstring=" + products_string
+ "&product_desc_string=" + "会员::普通会员" + "&curIndex=" + _this.data.curIndex
+ "&_unitprice_string=" + "59.00::99.00"
+ "&quantity_string=" + "1::3"
+ "&member_id=" + _this.__data__.activityInfo["member_id"]
+ "&member_name=" + _this.__data__.activityInfo["member_name"]
+ "&title=" + _this.__data__.activityInfo["title"]
wx.navigateTo({ wx.navigateTo({
url: url url: url
}); });
}, },
//跳转到结算页 order.wxml
toOrder: function (e) {
var _this = this;
var products_string = JSON.stringify(_this.data.products);
var url = "/pages/mall/order/order?"
+ "&activity_id=" + _this.__data__.activityInfo["activity_id"]
+ "&products_string=" + products_string
+ "&product_image=" + _this.__data__.activityInfo['note_image']
+ "&member_name=" + _this.__data__.activityInfo['member_name']
+ "&title=" + _this.__data__.activityInfo['title']
+ "&curIndex=" + _this.data.curIndex
wx.navigateTo({
url: url
});
},
//跳转到首页 //跳转到首页
toHome: function (e) { toHome: function (e) {
wx.switchTab({ wx.switchTab({
......
增值产品-小程序及app/nyx-master/pages/activity/activity-info/activity-info.wxml
<wxs module="tutil" src="./../../../utils/date.wxs"></wxs> <wxs module="tutil" src="./../../../utils/date.wxs"></wxs>
...@@ -99,6 +99,12 @@ ...@@ -99,6 +99,12 @@
<button class="button-red" bindtap="toBuy">立即购买</button> <button class="button-red" bindtap="toBuy">立即购买</button>
</view> </view>
</view> --> </view> -->
<!-- toOrder 仅仅是先预定 -->
<view class="weui-tabbar__item">
<view style="position: relative;display:inline-block;">
<button class="button-red" bindtap="toOrder">立即预定</button>
</view>
</view>
</view> </view>
</view> </view>
<!-- end bottom--> <!-- end bottom-->
......
增值产品-小程序及app/nyx-master/pages/activity/activity-info/activity-info.wxss
.scroll-view_H{ .scroll-view_H{
...@@ -126,6 +126,7 @@ ...@@ -126,6 +126,7 @@
height: 160rpx; height: 160rpx;
line-height: 10rpx; line-height: 10rpx;
} }
.bottom_total { .bottom_total {
position: fixed; position: fixed;
display: flex; display: flex;
...@@ -138,6 +139,7 @@ ...@@ -138,6 +139,7 @@
} }
.button-red { .button-red {
background-color: #f44336; /* 红色 */ background-color: #f44336; /* 红色 */
font-size: 14px;
} }
.button-brown { .button-brown {
background-color: #D1A96E; /* 红色 */ background-color: #D1A96E; /* 红色 */
......
增值产品-小程序及app/nyx-master/pages/mall/order/order.wxml
<view class="page"> <view class="page">
<view class="page"> <view class="page">
<!-- Tab: refer to 京东|有品 --> <!-- Content: refer to 有品·优惠券 + 点评(可使用) -->
<view class="weui-flex" style="height:120rpx;margin: 20rpx; width:710rpx;background:#fff"> <view class="coupon-list">
<view class="weui-flex__item weui-flex justify align" data-id="20" id="id-20" bindtap="tab"> <view class="item stamp stamp01" style="height:{{orderInfo.item_height}}rpx;">
<view class="note-info">
<view class="note-title">
<view class="title-left">李小五 137xxxx1111</view>
</view>
</view>
</view>
</view>
<!-- Content: refer to 京东; 因为有品member_name全是'有品精选' -->
<view class="coupon-list" wx:for="{{orders}}" wx:for-item="item" wx:key="{{index}}">
<view class="item stamp stamp01" style="height:{{item.item_height}}rpx;">
<!-- 商家信息 --> <!-- 商家信息 -->
<view class="note-info"> <checkbox-group class="check-group" bindchange="radioChange">
<view class="note-title">
<view class="title-left">{{item.member_name}}</view> <view class="note-row align">
</view> <checkbox class="wx-checkbox-input wx-checkbox-input-checked">
</checkbox>
<view class="note-info">
<view class="note-member" style="font-weight: bold">
<view class="member-left">{{orderInfo.member_name}}</view>
</view>
</view>
</view> </view>
<!-- 商品信息 --> <!-- 商品信息 -->
<block wx:for="{{item.order_item}}" wx:for-item="sub_item" wx:key="{{index}}">
<view class="note-row"> <block wx:for="{{orderItems}}" wx:for-item="sub_item" wx:key="{{index}}">
<image class="writer-image" src="{{item.product_image}}"/> <view class="note-row align">
<checkbox class="wx-checkbox-input wx-checkbox-input-checked" data-id="{{index}}" checked="{{sub_item.quantity>0?true:false}}" />
<image class="writer-image" src="{{orderInfo.product_image}}"/>
<view class="note-column"> <view class="note-column">
<span>{{sub_item.product_desc}}</span> <span>{{sub_item.product_desc}}</span>
<span>{{sub_item.unit_price}} x{{sub_item.quantity}}</span> <span>
</view> <view class="price-row">
<view class="sub-price">￥{{sub_item.unit_price}}</view>
<!-- start 数量加减 -->
<view class="stepper">
<!-- 减号 -->
<text class="sign {{sub_item.quantity <= 0 ? 'disabled' : 'normal'}}" bindtap="delCount" data-index="{{index}}">-</text>
<!-- 数值 -->
<input class="number" type="number" bindchange="bindManual" value="{{sub_item.quantity}}" disabled="disabled"/>
<!-- 加号 -->
<text class="sign {{sub_item.quantity >= 100 ? 'disabled' : 'normal'}}" bindtap="addCount" data-index="{{index}}">+</text>
</view>
<!-- end 数量加减 -->
</view>
</span>
</view>
</view> </view>
</block> </block>
</checkbox-group>
</view> </view>
</view> </view>
<view class='placeholder-view'></view>
<!-- start bottom--> <!-- start bottom-->
<!-- refer to https://www.jb51.net/article/129438.htm --> <!-- refer to https://www.jb51.net/article/129438.htm -->
<view class="bottom_total"> <view class="page__bd">
<view class="bottom_line"></view> <view class="weui-tabbar">
<view style="display:flex; flex-direction: row; align-items:center; vertical-align:middle;">
<view class="weui-flex" style="height: 180rpx;"> <checkbox-group class="check-group" bindchange="radioChange" style="margin-top:-8rpx">
<view class="weui-flex__item weui-flex align justify-left"><view class="placeholder"> <checkbox class="wx-checkbox-input wx-checkbox-input-checked" >
<text class="total-price">￥1231.00</text> </checkbox>
</view></view> </checkbox-group>
<view class="weui-flex__item weui-flex justify align"><view class="placeholder"> <text style="font-size:30rpx;margin-left:10rpx;">全选</text>
<button class="button-red" bindtap="toPay">去支付</button> </view>
</view></view>
</view>
</view>
<!-- end bottom-->
<!-- 查看好友助力--> <!-- todo toBuy 因为现在还没跟商家谈妥 -->
<!-- 微信小程序自定义弹框 https://blog.csdn.net/qq_39702981/article/details/85104827 --> <!-- <view class="weui-tabbar__item">
<!-- 微信小程序自定义弹框 https://blog.csdn.net/qq_39702981/article/details/85320926 --> <view style="position: relative;display:inline-block;">
<!-- start 遮罩层 --> <button class="button-red" bindtap="toBuy">立即购买</button>
<view class="mask" catchtouchmove="preventTouchMove" wx:if="{{showModalPoints}}"></view> </view>
<!-- 弹出层 --> </view> -->
<view class="modalDlg" wx:if="{{showModalPoints}}"> <!-- toOrder 仅仅是先预定 -->
<!-- 二维码或其他图片 --> <view class="weui-tabbar__item">
<view class="title"> <view class="note-row align" style="margin-bottom:0; justify-content: flex-end">
<text style="color:#666666">助力清单</text> <view style="font-size:30rpx;margin-right:20rpx;color:#000">合计:
</view> <text style="color:#FF6600">￥21341223.00</text>
<view class="title-close" bindtap="ok"> </view>
<image src="../../../icon/close.png"></image> <view style="width:200rpx">
</view> <button class="button-red" bindtap="toOrder">确定(2)</button>
</view>
<view class="list-point"> </view>
<view class="text" wx:for="{{bonus_info}}" wx:for-item="item" wx:key="{{index}}" >
{{item.user_name}}助力{{item.bonus_point}}积分
</view> </view>
</view> </view>
</view> </view>
<!-- end 遮罩层 --> <!-- end bottom-->
<!-- 查看优惠券码-->
<!-- 微信小程序自定义弹框 https://blog.csdn.net/qq_39702981/article/details/85104827 -->
<!-- 微信小程序自定义弹框 https://blog.csdn.net/qq_39702981/article/details/85320926 -->
<!-- start 遮罩层 -->
<view class="mask" catchtouchmove="preventTouchMove" wx:if="{{showModalBarcode}}"></view>
<!-- 弹出层 -->
<view class="modalDlg" wx:if="{{showModalBarcode}}">
<!-- 二维码或其他图片 -->
<view class="title">
<text style="color:#666666">请扫描以下券码验券 </text>
</view>
<view class="title-right" bindtap="ok">
<image src="../../../icon/close.png"></image>
</view>
<view class="list-barcode">
<view class="text">券码：{{qrcode}}</view>
<image src="{{qrcode_url}}"></image>
</view>
<view class="list-barcode-image">
</view>
</view>
<!-- end 遮罩层 -->
</view> </view>
\ No newline at end of file
增值产品-小程序及app/nyx-master/pages/my/my-orders/my-orders.wxml
<view class="page"> <view class="page">
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
</view></view> </view></view>
<view class="weui-flex__item weui-flex justify align border" data-id="10" id="id-10" bindtap="tab"> <view class="weui-flex__item weui-flex justify align border" data-id="10" id="id-10" bindtap="tab">
<view class="placeholder"> <view class="placeholder">
<text class="text {{selectTab=='10'?'selected':''}}">代付款</text> <text class="text {{selectTab=='10'?'selected':''}}">待付款</text>
</view></view> </view></view>
<view class="weui-flex__item weui-flex justify align border" data-id="00::30" id="id-00::30" bindtap="tab"> <view class="weui-flex__item weui-flex justify align border" data-id="00::30" id="id-00::30" bindtap="tab">
<view class="placeholder"> <view class="placeholder">
......
增值产品-小程序及app/nyx-master/pages/my/my.wxml
<view class="page"> <view class="page">
...@@ -32,13 +32,13 @@ ...@@ -32,13 +32,13 @@
<view class="weui-cell__ft weui-cell__ft_in-access"></view> <view class="weui-cell__ft weui-cell__ft_in-access"></view>
</navigator> --> </navigator> -->
<!-- jscat 20200828 与商家商谈之后再考虑 --> <!-- jscat 20200828 与商家商谈之后再考虑 -->
<!-- <navigator class="weui-cell weui-cell_access" hover-class="weui-cell_active" url="/pages/my/my-orders/my-orders"> <navigator class="weui-cell weui-cell_access" hover-class="weui-cell_active" url="/pages/my/my-orders/my-orders">
<view class="weui-cell__hd"> <view class="weui-cell__hd">
<image src="/icon/my/activity.png" /> <image src="/icon/my/activity.png" />
</view> </view>
<view class="weui-cell__bd">我的活动</view> <view class="weui-cell__bd">我的活动</view>
<view class="weui-cell__ft weui-cell__ft_in-access"></view> <view class="weui-cell__ft weui-cell__ft_in-access"></view>
</navigator> --> </navigator>
<navigator class="weui-cell weui-cell_access" hover-class="weui-cell_active" url="/pages/my/my-collects/my-collects"> <navigator class="weui-cell weui-cell_access" hover-class="weui-cell_active" url="/pages/my/my-collects/my-collects">
<view class="weui-cell__hd"> <view class="weui-cell__hd">
<image src="/icon/my/fav.png" /> <image src="/icon/my/fav.png" />
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论