半完成
This commit is contained in:
24
components/orderconfirm/input/input.js
Normal file
24
components/orderconfirm/input/input.js
Normal file
@@ -0,0 +1,24 @@
|
||||
// components/orderconfirm/orderyf/orderyf.js
|
||||
Component({
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
title:String,
|
||||
placeholder:String
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
|
||||
}
|
||||
})
|
||||
4
components/orderconfirm/input/input.json
Normal file
4
components/orderconfirm/input/input.json
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
21
components/orderconfirm/input/input.scss
Normal file
21
components/orderconfirm/input/input.scss
Normal file
@@ -0,0 +1,21 @@
|
||||
.orderyf {
|
||||
width: 690rpx;
|
||||
height: 96rpx;
|
||||
line-height: 96rpx;
|
||||
display: flex;
|
||||
border-bottom: 2rpx solid #EAEAEA;
|
||||
margin: 0 auto;
|
||||
justify-content: space-between;
|
||||
font-size: 28rpx;
|
||||
align-items: center;
|
||||
.left {
|
||||
margin-left: 31rpx
|
||||
}
|
||||
.right {
|
||||
margin-right: 20rpx;
|
||||
width: 450rpx;
|
||||
height: 35rpx;
|
||||
font-size: 25rpx;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
4
components/orderconfirm/input/input.wxml
Normal file
4
components/orderconfirm/input/input.wxml
Normal file
@@ -0,0 +1,4 @@
|
||||
<view class="orderyf">
|
||||
<view class="left">{{title}}</view>
|
||||
<input class="right" placeholder="{{placeholder}}"></input>
|
||||
</view>
|
||||
1
components/orderconfirm/input/input.wxss
Normal file
1
components/orderconfirm/input/input.wxss
Normal file
@@ -0,0 +1 @@
|
||||
.orderyf{width:690rpx;height:96rpx;line-height:96rpx;display:flex;border-bottom:2rpx solid #EAEAEA;margin:0 auto;justify-content:space-between;font-size:28rpx;align-items:center}.orderyf .left{margin-left:31rpx}.orderyf .right{margin-right:20rpx;width:450rpx;height:35rpx;font-size:25rpx;text-align:right}
|
||||
@@ -23,11 +23,14 @@ Component({
|
||||
this.setData({
|
||||
id:0
|
||||
})
|
||||
this.triggerEvent("tab",{id:0})
|
||||
},
|
||||
b(){
|
||||
this.setData({
|
||||
id:1
|
||||
})
|
||||
this.triggerEvent("tab",{id:1})
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
39
components/orderconfirm/time/time.js
Normal file
39
components/orderconfirm/time/time.js
Normal file
@@ -0,0 +1,39 @@
|
||||
// components/orderconfirm/orderyf/orderyf.js
|
||||
Component({
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
price: String
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
date: "",
|
||||
start:""
|
||||
},
|
||||
created(){
|
||||
this.setData({
|
||||
date:this.getCurTime(),
|
||||
start:this.getCurTime()
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
bindDateChange: function (e) {
|
||||
console.log('picker发送选择改变,携带值为', e.detail.value)
|
||||
this.setData({
|
||||
date: e.detail.value
|
||||
})
|
||||
},
|
||||
getCurTime() {
|
||||
var date = new Date();
|
||||
return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
4
components/orderconfirm/time/time.json
Normal file
4
components/orderconfirm/time/time.json
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
17
components/orderconfirm/time/time.scss
Normal file
17
components/orderconfirm/time/time.scss
Normal file
@@ -0,0 +1,17 @@
|
||||
.orderyf {
|
||||
width: 690rpx;
|
||||
height: 96rpx;
|
||||
line-height: 96rpx;
|
||||
display: flex;
|
||||
border-bottom: 2rpx solid #EAEAEA;
|
||||
margin: 0 auto;
|
||||
justify-content: space-between;
|
||||
font-size: 28rpx;
|
||||
.left {
|
||||
margin-left: 31rpx
|
||||
}
|
||||
.right {
|
||||
margin-right: 20rpx;
|
||||
;
|
||||
}
|
||||
}
|
||||
6
components/orderconfirm/time/time.wxml
Normal file
6
components/orderconfirm/time/time.wxml
Normal file
@@ -0,0 +1,6 @@
|
||||
<picker mode="date" value="{{date}}" bindchange="bindDateChange" start="{{start}}">
|
||||
<view class="orderyf">
|
||||
<view class="left">收货时间</view>
|
||||
<view class="right">{{date == "" ? '请选择提货时间': date}}</view>
|
||||
</view>
|
||||
</picker>
|
||||
18
components/orderconfirm/time/time.wxss
Normal file
18
components/orderconfirm/time/time.wxss
Normal file
@@ -0,0 +1,18 @@
|
||||
.orderyf {
|
||||
width: 690rpx;
|
||||
height: 96rpx;
|
||||
line-height: 96rpx;
|
||||
display: flex;
|
||||
border-bottom: 2rpx solid #EAEAEA;
|
||||
margin: 0 auto;
|
||||
justify-content: space-between;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.orderyf .left {
|
||||
margin-left: 31rpx;
|
||||
}
|
||||
|
||||
.orderyf .right {
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
Reference in New Issue
Block a user