Skip to content

N
nyx
Commit b1816497 by jscat
Options

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

1. 主要添加订单页面的样式及功能
parent 248cb915
正在显示 包含 168 行增加 和 299 行删除
增值产品-小程序及app/nyx-master/app.json
{
{
{
"pages": [
"pages/activity/activity",
"pages/mall/order/order",
"pages/member/activity-post/activity-submit/activity-submit",
"pages/activity/activity-list/activity-list",
"pages/my/my-members/my-members",
"pages/member/activity-post/activity-edit/activity-edit",
"pages/member/quiz-post/quiz-edit/quiz-edit",
"pages/member/schedule/schedule",
"pages/mall/order/order",
"pages/member/activity-post/activity-post",
"pages/activity/quiz-result/quiz-result",
"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({
curIndex: 0, // 给选中的tab加粗
activityInfo: {}, // 活动基础信息
products: [], // 活动类别详情
products_string : {}, //活动类别详情对应的string, 主要用于navigator传值
//点赞模块
likeDictUpdate: {}, // 判断当前页面是否存在点赞操作
......@@ -229,7 +230,7 @@ Page({
//表示HTTP请求成功
console.log(res.data);
var products = []
var products_string = {}
for (var i = 0; i < res.data.data.length; i++) {
var result = {}
result["product_id"] = res.data.data[i].productId
......@@ -237,7 +238,6 @@ Page({
result["unit_price"] = res.data.data[i].unitPrice
result["stock"] = res.data.data[i].stock
result["default_status"] = res.data.data[i].defaultStatus
products.push(result)
}
_this.setData({ products })
......@@ -281,15 +281,27 @@ Page({
//跳转到结算页 order.wxml
toBuy: 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"]
+ "&productsstring=" + products_string
+ "&curIndex=" + _this.data.curIndex
wx.navigateTo({
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"]
+ "&product_id_string=" + "pid_001::pid_002"
+ "&product_desc_string=" + "会员::普通会员"
+ "&_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"]
+ "&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
});
......
增值产品-小程序及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 @@
<button class="button-red" bindtap="toBuy">立即购买</button>
</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>
<!-- end bottom-->
......
增值产品-小程序及app/nyx-master/pages/activity/activity-info/activity-info.wxss
.scroll-view_H{
.scroll-view_H{
......@@ -126,6 +126,7 @@
height: 160rpx;
line-height: 10rpx;
}
.bottom_total {
position: fixed;
display: flex;
......@@ -138,6 +139,7 @@
}
.button-red {
background-color: #f44336; /* 红色 */
font-size: 14px;
}
.button-brown {
background-color: #D1A96E; /* 红色 */
......
增值产品-小程序及app/nyx-master/pages/mall/order/order.wxml
<view class="page">
<view class="page">
<view class="page">
<!-- Tab: refer to 京东|有品 -->
<view class="weui-flex" style="height:120rpx;margin: 20rpx; width:710rpx;background:#fff">
<view class="weui-flex__item weui-flex justify align" data-id="20" id="id-20" bindtap="tab">
<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;">
<!-- Content: refer to 有品·优惠券 + 点评(可使用) -->
<view class="coupon-list">
<view class="item stamp stamp01" style="height:{{orderInfo.item_height}}rpx;">
<!-- 商家信息 -->
<checkbox-group class="check-group" bindchange="radioChange">
<view class="note-row align">
<checkbox class="wx-checkbox-input wx-checkbox-input-checked">
</checkbox>
<view class="note-info">
<view class="note-title">
<view class="title-left">{{item.member_name}}</view>
<view class="note-member" style="font-weight: bold">
<view class="member-left">{{orderInfo.member_name}}</view>
</view>
</view>
</view>
<!-- 商品信息 -->
<block wx:for="{{item.order_item}}" wx:for-item="sub_item" wx:key="{{index}}">
<view class="note-row">
<image class="writer-image" src="{{item.product_image}}"/>
<block wx:for="{{orderItems}}" wx:for-item="sub_item" wx:key="{{index}}">
<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">
<span>{{sub_item.product_desc}}</span>
<span>{{sub_item.unit_price}} x{{sub_item.quantity}}</span>
<span>
<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>
</block>
</checkbox-group>
</view>
</view>
<view class='placeholder-view'></view>
<!-- start bottom-->
<!-- refer to https://www.jb51.net/article/129438.htm -->
<view class="bottom_total">
<view class="bottom_line"></view>
<view class="weui-flex" style="height: 180rpx;">
<view class="weui-flex__item weui-flex align justify-left"><view class="placeholder">
<text class="total-price">￥1231.00</text>
</view></view>
<view class="weui-flex__item weui-flex justify align"><view class="placeholder">
<button class="button-red" bindtap="toPay">去支付</button>
</view></view>
</view>
</view>
<!-- 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="{{showModalPoints}}"></view>
<!-- 弹出层 -->
<view class="modalDlg" wx:if="{{showModalPoints}}">
<!-- 二维码或其他图片 -->
<view class="title">
<text style="color:#666666">助力清单</text>
</view>
<view class="title-close" bindtap="ok">
<image src="../../../icon/close.png"></image>
<view class="page__bd">
<view class="weui-tabbar">
<view style="display:flex; flex-direction: row; align-items:center; vertical-align:middle;">
<checkbox-group class="check-group" bindchange="radioChange" style="margin-top:-8rpx">
<checkbox class="wx-checkbox-input wx-checkbox-input-checked" >
</checkbox>
</checkbox-group>
<text style="font-size:30rpx;margin-left:10rpx;">全选</text>
</view>
<view class="list-point">
<view class="text" wx:for="{{bonus_info}}" wx:for-item="item" wx:key="{{index}}" >
{{item.user_name}}助力{{item.bonus_point}}积分
<!-- todo toBuy 因为现在还没跟商家谈妥 -->
<!-- <view class="weui-tabbar__item">
<view style="position: relative;display:inline-block;">
<button class="button-red" bindtap="toBuy">立即购买</button>
</view>
</view> -->
<!-- toOrder 仅仅是先预定 -->
<view class="weui-tabbar__item">
<view class="note-row align" style="margin-bottom:0; justify-content: flex-end">
<view style="font-size:30rpx;margin-right:20rpx;color:#000">合计:
<text style="color:#FF6600">￥21341223.00</text>
</view>
<view style="width:200rpx">
<button class="button-red" bindtap="toOrder">确定(2)</button>
</view>
<!-- end 遮罩层 -->
<!-- 查看优惠券码-->
<!-- 微信小程序自定义弹框 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 遮罩层 -->
<!-- end bottom-->
</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 @@
</view></view>
<view class="weui-flex__item weui-flex justify align border" data-id="10" id="id-10" bindtap="tab">
<view class="placeholder">
<text class="text {{selectTab=='10'?'selected':''}}">代付款</text>
<text class="text {{selectTab=='10'?'selected':''}}">待付款</text>
</view></view>
<view class="weui-flex__item weui-flex justify align border" data-id="00::30" id="id-00::30" bindtap="tab">
<view class="placeholder">
......
增值产品-小程序及app/nyx-master/pages/my/my.wxml
<view class="page">
<view class="page">
......@@ -32,13 +32,13 @@
<view class="weui-cell__ft weui-cell__ft_in-access"></view>
</navigator> -->
<!-- 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">
<image src="/icon/my/activity.png" />
</view>
<view class="weui-cell__bd">我的活动</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">
<view class="weui-cell__hd">
<image src="/icon/my/fav.png" />
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论