diff --git a/page_user/dingshi.vue b/page_user/dingshi.vue index 1980dba..2ac5588 100644 --- a/page_user/dingshi.vue +++ b/page_user/dingshi.vue @@ -6,7 +6,7 @@ - + 07:00 P{{index + 1}} 5分15秒 @@ -16,6 +16,37 @@ + + + + 设置浇水 + + + 距离下次浇水时间还有20小时41分 + + + {{hour}}时 {{minutekq}}分 + + + 浇水时长 + + + {{minute}}分 {{second}}秒 + + + + 取消 + + + 确定 + + + + + + + + @@ -29,13 +60,59 @@ }, active:1, flag:false, - checked:false + checked:false, + timeflag:false, + + show: false, + params: { + year: false, + month: false, + day: false, + hour: false, + minute: true, + second: true, + }, + shows: false, + paramss: { + year: false, + month: false, + day: false, + hour: true, + minute: true, + second: false, + }, + minute:'--', + second:'--', + hour:'--', + minutekq:'--' } }, onLoad() { }, methods:{ + // 点击定时 + btnitem(){ + this.timeflag = true + }, + // 取消选择定时 + btnqx(){ + this.timeflag = false + }, + // 确定选择定时 + btnqd(){ + this.timeflag = false + }, + // 定时浇水时间 + confirm(e){ + this.hour = e.hour + this.minutekq = e.minute + }, + // 定时浇水时长 + confirms(e){ + this.minute = e.minute + this.second = e.second + } } } @@ -48,6 +125,97 @@ /deep/ .uicon-nav-back{ margin-bottom: 22rpx; } + .jiaoshui{ + position: fixed; + top: 366rpx; + left: 50%; + transform: translateX(-50%); + width: 678rpx; + height: 800rpx; + background: #FFFFFF; + border-radius: 24rpx 24rpx 24rpx 24rpx; + z-index: 99; + .top{ + margin-top: 42rpx; + width: 100%; + text-align: center; + font-size: 44rpx; + color: #3D3D3D; + font-weight: 600; + } + .ts{ + margin-top: 30rpx; + width: 100%; + text-align: center; + font-size: 32rpx; + color: #808080; + font-weight: 600; + } + .shifen{ + width: 512rpx; + height: 128rpx; + background: #F0F0F0; + border-radius: 16rpx 16rpx 16rpx 16rpx; + margin: auto; + margin-top: 30rpx; + display: flex; + justify-content: space-between; + line-height: 128rpx; + padding: 0 102rpx; + box-sizing: border-box; + text{ + font-size: 44rpx; + color: #3D3D3D; + font-weight: 600; + } + } + .jssc{ + font-size: 32rpx; + color: #808080; + font-weight: 600; + margin-top: 58rpx; + margin-left: 96rpx; + } + .anniu{ + display: flex; + justify-content: space-between; + margin-top: 58rpx; + padding: 0 44rpx; + box-sizing: border-box; + .qx{ + width: 278rpx; + height: 80rpx; + border-radius: 10rpx 10rpx 10rpx 10rpx; + border: 2rpx solid #7FAD76; + font-size: 36rpx; + color: #7FAD76; + font-weight: 600; + line-height: 80rpx; + text-align: center; + } + .qd{ + width: 278rpx; + height: 80rpx; + background: #7FAD76; + border-radius: 10rpx 10rpx 10rpx 10rpx; + font-size: 36rpx; + color: #fff; + font-weight: 600; + line-height: 80rpx; + text-align: center; + } + } + } + .mask{ + width: 100%; + height: 100vh; + background-color: #000; + opacity: .6; + position: fixed; + top: 0; + left: 0; + z-index: 98; + } .list{ .list_val{ width: 678rpx; @@ -63,6 +231,7 @@ justify-content: space-between; margin-top: 30rpx; .lt{ + width: 100%; .one{ font-size: 72rpx; color: #50565A; diff --git a/pages.json b/pages.json index 5c0ea82..a3f4cab 100644 --- a/pages.json +++ b/pages.json @@ -162,6 +162,13 @@ "enablePullDownRefresh": false, "navigationStyle": "custom" } + },{ + "path": "lanya", + "style": { + "navigationBarTitleText": "上传", + "enablePullDownRefresh": false, + "navigationStyle": "custom" + } } diff --git a/pages/index/index.vue b/pages/index/index.vue index 875507e..9155581 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -33,7 +33,7 @@ 丁丁浇花器 - + @@ -141,10 +141,12 @@ - 选择浇水时长 {{formatTime(selectedMinute + '分' , selectedSecond + '秒')}} + 选择浇水时长 - - + + {{minute}}分 + : + {{second}}秒 @@ -156,6 +158,8 @@ + + @@ -163,6 +167,7 @@