xt / xcx-book · Commits

Go to a project

Commit d0f060a4cd1ff6e3bbb669f3c30998ad03bf28cc

Authored by vking
1 parent 90a63d27
build: skipped

taocan

Inline Side-by-side
Showing 13 changed files with 292 additions and 8 deletions
... ... @@ -39,7 +39,8 @@
"pages/reserve/findSeller",
"pages/customer/cancel",
"pages/customer/welcome",
"pages/taocan/index"
"pages/taocan/index",
"pages/taocan/order"
],
"subpackages": [
{
... ...
... ... @@ -3852,9 +3852,13 @@ scroll-view.cu-steps .cu-item {
}
.txt-40-h{
font-size: 40rpx;
height: 56rpx;
line-height: 56rpx;
}
.txt-44-h{
font-size: 44rpx;
height: 60rpx;
line-height: 60rpx;
}
.txt-52-h{
font-size: 52rpx;
... ...
// components/2.0/taocan/subject.js
Component({
/**
* 组件的属性列表
*/
properties: {
order:Object,
},
/**
* 组件的初始数据
*/
data: {
},
/**
* 组件的方法列表
*/
methods: {
}
})
... ...
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
... ...
<!--components/2.0/taocan/subject.wxml-->
<view class="view card padding-lg padding-top">
<view class="header view flex align-center">
<view class="view avatar margin-right-sm" style="background-image: url('{{order.seller.oooo}}')"></view>
<view class="flex-treble">
<view class="txt-32-h text-cut" style="margin-bottom: 2rpx;">123</view>
<view class="txt-24-h text-gray text-cut">地址</view>
</view>
<view class="phone view"></view>
</view>
<view class="view flex solid-bottom" style="padding-bottom: 36rpx;padding-top: 36rpx;">
<view class="thumb margin-right-lg"></view>
<view class="flex flex-direction justify-between">
<view class="flex align-center">
<view class="bg-white label txt-20-h">套餐名称</view>
<view class="txt-28-h margin-left-lg">套餐名称</view>
</view>
<view class="flex align-center">
<view class="bg-white label txt-20-h">套餐数量</view>
<view class="txt-28-h margin-left-lg">套餐名称</view>
</view>
<view class="flex align-center">
<view class="bg-white label txt-20-h">有效期限</view>
<view class="txt-28-h margin-left-lg">套餐名称</view>
</view>
<view class="flex align-center">
<view class="bg-white label txt-20-h">套餐价格</view>
<view class="txt-28-h margin-left-lg">套餐名称</view>
</view>
</view>
</view>
<slot></slot>
</view>
... ...
/* components/2.0/taocan/subject.wxss */
@import "../../../colorui/main.wxss";
.card{
width: 100%;
background: #FFFFFF;
box-shadow: 0px 0px 30rpx 0px #E5E5E5;
border-radius: 20rpx;
}
.avatar{
width: 60rpx;
height: 60rpx;
}
.phone{
width: 28rpx;
height: 35rpx;
background-image: url("http://nosqn.colorcun.com/taocan/1%20%2810%29.png");
}
.thumb{
width: 200rpx;
height: 200rpx;
background: #D8D8D8;
border-radius: 10rpx;
}
.label{
width: 100rpx;
height: 30rpx;
background: #F5F5F5!important;
text-align: center;
}
\ No newline at end of file
... ...
... ... @@ -36,11 +36,9 @@
</block>
<block wx:else="">
<navigator wx:for="{{list[tabType]}}" wx:key="success.key"
wx:for-item="detail" wx:for-index="dateIndex"
url="/pages/customer/{{detail.navigator}}?id={{detail.id}}">
<card
hasShowStatus bindevent="gotoDetail"
seller="{{detail.seller}}" detail="{{detail}}"></card>
wx:for-item="order" wx:for-index="dateIndex"
url="/pages/taocan/order?id={{order.id}}">
<tcard order="{{order}}"></tcard>
</navigator>
</block>
<view class="view" style="height: 192rpx;"></view>
... ...
... ... @@ -19,7 +19,7 @@
<view class="view txt-40-h text-bold">招牌花开富贵六十人餐</view>
<view class="view flex align-end">
<view class="text-orange txt-28-h" style="margin-bottom: 4rpx;">¥</view>
<view class="text-orange txt-40-h margin-right-sm text-bold">123</view>
<view class="text-orange txt-44-h margin-right-sm text-bold">123</view>
<view class="huaxian flex align-end">
<view class="txt-20-h" style="margin-bottom: 8rpx;">¥</view>
<view class="txt-28-h" style="margin-bottom: 4rpx;">123</view>
... ...
// pages/taocan/detail.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {
"nav":"/components/nav/nav",
"subject":"/components/2.0/taocan/subject"
}
}
\ No newline at end of file
... ...
<!--pages/taocan/detail.wxml-->
<view class="view bg-blue-img"></view>
<nav backgroundColor="rgba(0,0,0,0)" color="#ffffff"></nav>
<view class="view padding-lr padding-bottom-lg" style="position: relative">
<view class="text-white txt-40-h text-bold margin-top-sm">已退款</view>
<view class="text-white txt-28-h text-bold margin-bottom-lg" style="margin-top: 6rpx;">钱款已原路退还，请在微信账单查看呦</view>
<subject order="{{order}}">
<view class="view flex flex-direction justify-center align-center margin-top-lg">
<view class="Medium txt-28-h">券码：1111 1111 1111</view>
<image src="{{false?'':'http://nosqn.colorcun.com/taocan/1%20%2813%29.png'}}" mode="heightFix" style="height: 340rpx;"></image>
</view>
</subject>
<view class="view card flex margin-tb-sm padding-lg justify-between">
<view class="view text-bold txt-32-h">您还可以预订包间</view>
<view class="view bg-blue-blue round" style="padding: 8rpx 20rpx;">订包间</view>
</view>
<view class="view card">
<view class="txt-30-h padding solid-bottom text-bold">使用须知</view>
<view class="view padding block">
<view class="flex align-center margin-bottom-sm">
<view class="dot"></view>
<view class="txt-30-h text-bold">有效期</view>
</view>
<view class="text-df">123123</view>
</view>
<view class="view padding block">
<view class="flex align-center margin-bottom-sm">
<view class="dot"></view>
<view class="txt-30-h text-bold">使用时间</view>
</view>
<view class="text-df">123123</view>
</view>
<view class="view padding block padding-bottom-sm">
<view class="flex align-center margin-bottom-sm">
<view class="dot"></view>
<view class="txt-30-h text-bold">使用规则</view>
</view>
<view class="text-df" wx:if="{{hasShowRule}}">
<text>123123</text>
</view>
<view class="flex justify-center align-center rule margin-top-sm margin-bottom-sm" bindtap="toggleRule">
<view class="txt-28-h">{{hasShowRule?'收起':'展开更多'}}</view>
<view class="view icon {{hasShowRule?'show':''}}"></view>
</view>
</view>
</view>
<view class="view card margin-top-sm padding-bottom-xs">
<view class="padding solid-bottom flex justify-between">
<view class="txt-30-h text-bold">订单信息</view>
<view class="text-gray">退款进度</view>
</view>
<view class="view padding padding-lr-lg flex justify-between">
<view class="text-gray txt-28-h">商品总价</view>
<view class="txt-28-h">¥888.00</view>
</view>
<view class="view padding-bottom padding-lr-lg flex justify-between">
<view class="text-gray txt-28-h">实际付款</view>
<view class="txt-28-h">¥888.00</view>
</view>
<view class="view padding-bottom padding-lr-lg flex justify-between">
<view class="text-gray txt-28-h">交易快照</view>
<view class="view txt-28-h flex-treble flex align-center justify-end">
<view class="padding-right-sm">发生交易纠纷时，可作为判断依据</view>
<view class="more"></view>
</view>
</view>
<view class="view padding-bottom padding-lr-lg flex justify-between">
<view class="text-gray txt-28-h">订单编号</view>
<view class="txt-28-h">¥888.00</view>
</view>
<view class="view padding-bottom padding-lr-lg flex justify-between">
<view class="text-gray txt-28-h">下单时间</view>
<view class="txt-28-h">¥888.00</view>
</view>
<view class="view padding-bottom padding-lr-lg flex justify-between">
<view class="text-gray txt-28-h">退款时间</view>
<view class="txt-28-h">¥888.00</view>
</view>
</view>
</view>
... ...
/* pages/taocan/detail.wxss */
@import "../../colorui/main.wxss";
.bg-blue-img{
height: 390rpx;
color:#ffffff;
position: fixed;
top:0;
width: 100%;
background-image: url("http://nosqn.colorcun.com/taocan/1%20%2825%29.png");
}
.card{
width: 100%;
background: #FFFFFF;
box-shadow: 0px 0px 30rpx 0px #E5E5E5;
border-radius: 20rpx;
}
.block .dot{
width: 8rpx;
height: 26rpx;
background: linear-gradient(180deg, #3BBFF5 0%, #57A0FF 100%);
margin-right: 20rpx;
}
.rule .icon{
width: 22rpx;
height: 12rpx;
margin-left: 20rpx;
background-image: url("http://nosqn.colorcun.com/taocan/1%20%285%29.png");
}
.rule .icon.show{
background-image: url("http://nosqn.colorcun.com/taocan/1%20%286%29.png");
}
\ No newline at end of file
... ...
... ... @@ -726,6 +726,12 @@
"pathName": "pages/taocan/index",
"query": "sid=1&pid=1",
"scene": null
},
{
"name": "pages/taocan/order",
"pathName": "pages/taocan/order",
"query": "id=1",
"scene": null
}
]
}
... ...