xt / xcx-book · Commits

Go to a project

Commit 993f75f986d4b6de142d8ae5d21901a2f975956b

Authored by vking
1 parent afb75f7c
build: skipped

seller-do

Inline Side-by-side
Showing 9 changed files with 149 additions and 7 deletions
... ... @@ -155,7 +155,7 @@
"provider": "wx56c8f077de74b07c"
},
"vktool": {
"version": "2.1.8",
"version": "2.1.9",
"provider": "wxd3dc4206c76f14fc"
}
},
... ...
// pack-book/components/checkout/confirm-price.js
import util from '../../../utils/util'
import App from '../../../utils/api'
Component({
/**
* 组件的属性列表
*/
properties: {
},
/**
* 组件的初始数据
*/
data: {
hidden:true,
},
/**
* 组件的方法列表
*/
methods: {
show(rid,files){
if(this.data.price<=0){
return util.toast('请设置金额','none')
}
let bill_list=[]
if(files.length>0){
let hasNok=false
files.some(f=>{
if(f.pro==100){
hasNok=true
bill_list.push(f.remote.url)
}
})
if(hasNok){
return util.toast('请等待图片上传完成','none')
}
}
this.rid=rid
this.bill_list=bill_list
},
hide(){
this.setData({
hidden:false,
})
},
submit(){
this.hide()
},
}
})
... ...
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
... ...
<!--pack-book/components/checkout/confirm-price.wxml-->
<view class="mask flex-vc" wx:if="{{!hidden}}">
<view class="confirm-price">
<view class="title flex-rr" bindtap="hide">
<view class="bg-img bg-c1"></view>
</view>
<view class="center flex-vc">
<view class="tips">应收金额</view>
<view class="price">¥ {{price}}</view>
<view class="submit" bindtap="submit">确认发送</view>
</view>
</view>
</view>
... ...
/* pack-book/components/checkout/confirm-price.wxss */
@import "/app.wxss";
.bg-img{
background-image: url("http://nosqn.colorcun.com/checkout/images/css_sprites.png");
zoom: 33.5%;
}
.bg-c1 {
width: 36px; height: 36px;
background: url('http://nosqn.colorcun.com/checkout/images/css_sprites.png') -209px -111px;
}
.confirm-price{
width: calc(100% - 144rpx);
height:426rpx;
background:rgba(255,255,255,1);
border-radius:10rpx;
}
.title{
height: 92rpx;
line-height: 92rpx;
padding: 0 36rpx;
}
.tips{
height:42rpx;
font-size:30rpx;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(112,112,112,1);
line-height:42rpx;
}
.price{
height:92rpx;
font-size:66rpx;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(53,53,53,1);
line-height:92rpx;
margin-top: 16rpx;
}
.submit{
width:334rpx;
height:84rpx;
background:rgba(25,144,149,1);
border-radius:10rpx;
font-size:34rpx;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(254,254,254,1);
line-height:84rpx;
text-align: center;
margin-top: 40rpx;
}
\ No newline at end of file
... ...
... ... @@ -169,4 +169,7 @@ Page({
})
util.toast('图片已删除','none')
},
submit(){
this.selectComponent('#confirm-price').show()
},
})
\ No newline at end of file
... ...
... ... @@ -4,7 +4,8 @@
"navigationBarTextStyle":"white",
"usingComponents": {
"nav":"/components/nav/nav",
"qnupload": "plugin://vktool/qnupload"
"qnupload": "plugin://vktool/qnupload",
"confirm-price":"../../components/checkout/confirm-price"
}
}
\ No newline at end of file
... ...
... ... @@ -90,7 +90,7 @@
<view>消费清单（选填）</view>
</view>
<view class="center">
<block wx:for="{{files}}" wx:key="files.key">
<block wx:for="{{files}}" wx:key="fileskey">
<qnupload qnConf="{{qnConf}}" upConf="{{upConf}}"
file="{{item}}" files="{{files}}"
bindevent="qnevent" class="qnupload">
... ... @@ -141,3 +141,5 @@
</view>
</block>
</view>
<view class="submit {{price?'active':''}}">发送给顾客</view>
<confirm-price id="confirm-price" price="{{price}}" rid="{{rid}}" files="{{files}}"></confirm-price>
\ No newline at end of file
... ...
... ... @@ -2,6 +2,9 @@
page{
background:rgba(245,245,245,1);
}
.pages{
padding-bottom: 150rpx;
}
.bg-img{
background-image: url("http://nosqn.colorcun.com/checkout/images/css_sprites.png");
zoom: 33.5%;
... ... @@ -10,10 +13,6 @@ page{
width: 48px; height: 48px;
background: url('http://nosqn.colorcun.com/checkout/images/css_sprites.png') -141px -111px;
}
.bg-c1 {
width: 36px; height: 36px;
background: url('http://nosqn.colorcun.com/checkout/images/css_sprites.png') -209px -111px;
}
.bg-x2 {
width: 42px; height: 24px;
background: url('http://nosqn.colorcun.com/checkout/images/css_sprites.png') -265px -111px;
... ... @@ -161,4 +160,21 @@ page{
.orderimage .center{
padding: 40rpx 0 36rpx 56rpx;
}
.submit{
width:calc(100% - 72rpx);
height:84rpx;
background:rgba(116,187,190,1);
border-radius:10rpx;
position: fixed;
left: 36rpx;
bottom: 40rpx;
font-size:34rpx;
font-weight:500;
color:rgba(254,254,254,1);
line-height:84rpx;
text-align: center;
}
.submit.active{
background:rgba(25,144,149,1);
}
@import "upload.wxss";
\ No newline at end of file
... ...