first commit
This commit is contained in:
1
衣莎项目/源码/YiShaXiYi/component/quantityClothes/.pydio
Normal file
1
衣莎项目/源码/YiShaXiYi/component/quantityClothes/.pydio
Normal file
@@ -0,0 +1 @@
|
||||
3c856ec5-0e6d-4df8-baa9-716b12cae1ef
|
||||
@@ -0,0 +1,43 @@
|
||||
// component/quantityClothes/quantityClothes.js
|
||||
Component({
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
isTips: {
|
||||
type: Boolean,
|
||||
value: false
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
num: 0
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
reduce() {
|
||||
let num = --this.data.num
|
||||
this.setData({
|
||||
num: num <= 0 ? 0 : num
|
||||
})
|
||||
},
|
||||
add() {
|
||||
this.setData({
|
||||
num: ++this.data.num
|
||||
})
|
||||
},
|
||||
chCount() {
|
||||
this.triggerEvent('chCount', { num: this.data.num })
|
||||
},
|
||||
closeTips() {
|
||||
this.properties.isTips = false
|
||||
this.triggerEvent('chCount', { isTips: 'close' })
|
||||
}
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
<!-- component/quantityClothes/quantityClothes.wxml -->
|
||||
<!-- 增减衣物 -->
|
||||
<view wx:if="{{isTips}}" class="backwash_tips flex-con3 tips">
|
||||
<view>
|
||||
<view class="tips_cen">
|
||||
<view class="tips_cen_tit">本次洗护数量</view>
|
||||
<view class="flex-con3 mt30">
|
||||
<view class="tips_cen_num flex-con3">
|
||||
<view class="num_img" catchtap="reduce">
|
||||
<image src="/static/img/icon/j1.png" />
|
||||
</view>
|
||||
<view class="num_text">{{num}}</view>
|
||||
<view class="num_img" catchtap="add">
|
||||
<image src="/static/img/icon/j2.png" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view data-type="remarks" class="tips_remarks">
|
||||
<view class="flex1 clamp1">{{changeCount.remarks}}</view>
|
||||
<view class="remarks_xiu">修改</view>
|
||||
</view> -->
|
||||
<view class="tips_cen_sub" catchtap="chCount">提交</view>
|
||||
<!-- <view class="mt20 tips_ts">提示:请在洗衣柜附近开柜!</view> -->
|
||||
</view>
|
||||
<view class="tips_img" data-type="num" catchtap="closeTips">
|
||||
<image src="/static/img/icon/colse_tips.png" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
115
衣莎项目/源码/YiShaXiYi/component/quantityClothes/quantityClothes.wxss
Normal file
115
衣莎项目/源码/YiShaXiYi/component/quantityClothes/quantityClothes.wxss
Normal file
@@ -0,0 +1,115 @@
|
||||
@import '../../css/_main.wxss';
|
||||
/* component/quantityClothes/quantityClothes.wxss */
|
||||
/* 弹出层 */
|
||||
.tips{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
z-index: 9999;
|
||||
}
|
||||
.tips_cen{
|
||||
width: 600rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 10rpx;
|
||||
padding-top: 58rpx;
|
||||
padding-bottom: 50rpx;
|
||||
}
|
||||
.tips_cen_tit{
|
||||
font-family: PingFang-SC-Bold;
|
||||
font-size: 36rpx;
|
||||
color: #000000;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
}
|
||||
.tips_cen_tit1{
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
.tips_cen_tit1 span{
|
||||
color: #ff4838;
|
||||
}
|
||||
.tips_cen_text{
|
||||
width: 520rpx;
|
||||
height: 200rpx;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 5rpx;
|
||||
position: relative;
|
||||
padding: 34rpx 25rpx;
|
||||
}
|
||||
.tips_cen_text textarea{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.tips_cen_num{
|
||||
width: 520rpx;
|
||||
height: 120rpx;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 5rpx;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.tips_text_span{
|
||||
position: absolute;
|
||||
right: 16rpx;
|
||||
bottom: 13rpx;
|
||||
font-family: PingFang-SC-Medium;
|
||||
font-size: 20rpx;
|
||||
color: #999999;
|
||||
}
|
||||
.tips_cen_sub{
|
||||
margin: 45rpx auto 0;
|
||||
width: 550rpx;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
text-align: center;
|
||||
background-color: #36d96c;
|
||||
border-radius: 40rpx;
|
||||
font-family: PingFang-SC-Medium;
|
||||
font-size: 32rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
.tips_img{
|
||||
margin-top: 50rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.tips_img image{
|
||||
width: 69rpx;
|
||||
height: 69rpx;
|
||||
}
|
||||
.tips_ts{
|
||||
text-align: center;
|
||||
font-family: PingFang-SC-Medium;
|
||||
font-size: 26rpx;
|
||||
color: #999999;
|
||||
}
|
||||
.tips_remarks{
|
||||
width: 526rpx;
|
||||
display: flex;
|
||||
margin: 20rpx auto 0;
|
||||
font-family: PingFang-SC-Medium;
|
||||
font-size: 26rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.remarks_xiu{
|
||||
display: inline-block;
|
||||
font-family: PingFang-SC-Medium;
|
||||
font-size: 26rpx;
|
||||
color: #1dbf53;
|
||||
}
|
||||
.num_img image{
|
||||
width: 45rpx;
|
||||
height: 45rpx;
|
||||
}
|
||||
.num_text{
|
||||
line-height: 45rpx;
|
||||
width: 70rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tipsRemarks{
|
||||
z-index: 99999;
|
||||
}
|
||||
Reference in New Issue
Block a user