xiaowen
3 years ago
parent
f33d41efeb
commit
d37b204f44
@ -0,0 +1,81 @@
|
||||
import moment from "moment"
|
||||
import Dialog from "../../miniprogram_npm/@vant/weapp/dialog/dialog"
|
||||
Component({
|
||||
data: {
|
||||
start: moment().format("YYYY-MM-DD HH:mm:ss"),
|
||||
startTime: moment().valueOf(),
|
||||
end: moment().format("YYYY-MM-DD HH:mm:ss"),
|
||||
endTime: moment().valueOf(),
|
||||
show1: false,
|
||||
show2: false,
|
||||
dt: '',
|
||||
dt1: '',
|
||||
showDialog: false
|
||||
},
|
||||
methods: {
|
||||
onDisplay() {
|
||||
this.setData({
|
||||
show1: true
|
||||
});
|
||||
},
|
||||
onDisplay1() {
|
||||
this.setData({
|
||||
show2: true
|
||||
});
|
||||
},
|
||||
onInput(event) {
|
||||
let dt = moment(event.detail).format("YYYY-MM-DD HH:mm:ss");
|
||||
this.setData({
|
||||
dt: dt
|
||||
});
|
||||
},
|
||||
onInput1(event) {
|
||||
let dt = moment(event.detail).format("YYYY-MM-DD HH:mm:ss");
|
||||
this.setData({
|
||||
dt1: dt,
|
||||
});
|
||||
},
|
||||
onConfirm() {
|
||||
let isBefore = moment(this.data.dt).isBefore(this.data.dt1)
|
||||
if(!isBefore) {
|
||||
this.setData({
|
||||
showDialog: true,
|
||||
});
|
||||
return
|
||||
}
|
||||
this.setData({
|
||||
show1: false,
|
||||
start: this.data.dt
|
||||
});
|
||||
},
|
||||
onConfirm1() {
|
||||
let isBefore = moment(this.data.dt).isBefore(this.data.dt1)
|
||||
if(!isBefore) {
|
||||
this.setData({
|
||||
showDialog: true,
|
||||
});
|
||||
return
|
||||
}
|
||||
this.setData({
|
||||
show2: false,
|
||||
end: this.data.dt1
|
||||
});
|
||||
},
|
||||
onCancel() {
|
||||
this.setData({
|
||||
show1: false,
|
||||
});
|
||||
},
|
||||
onCancel1() {
|
||||
this.setData({
|
||||
show2: false,
|
||||
});
|
||||
},
|
||||
cdialog() {
|
||||
this.setData({
|
||||
showDialog: false,
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
})
|
||||
@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -0,0 +1,22 @@
|
||||
<view>
|
||||
<van-tabs type="card">
|
||||
<van-tab title="二十四小时"></van-tab>
|
||||
<van-tab title="最近七天"></van-tab>
|
||||
<van-tab title="最近三十天"></van-tab>
|
||||
<van-tab title="自定义">
|
||||
<van-cell title="选择开始时间" is-link value="{{ start }}" bind:click="onDisplay" />
|
||||
<van-cell title="选择结束时间" is-link value="{{ end }}" bind:click="onDisplay1" />
|
||||
<van-popup show="{{ show1 }}" position="bottom">
|
||||
<van-datetime-picker type="datetime" value="{{startTime}}" bind:input="onInput" bind:confirm="onConfirm"
|
||||
bind:cancel="onCancel" />
|
||||
</van-popup>
|
||||
<van-popup show="{{ show2 }}" position="bottom">
|
||||
<van-datetime-picker type="datetime" value="{{endTime}}" bind:input="onInput1" bind:confirm="onConfirm1"
|
||||
bind:cancel="onCancel1" />
|
||||
</van-popup>
|
||||
<van-dialog use-slot title="注意" show="{{ showDialog }}" bind:confirm="cdialog">
|
||||
<view class="tc-d-t">结束时间不能小于开始时间</view>
|
||||
</van-dialog>
|
||||
</van-tab>
|
||||
</van-tabs>
|
||||
</view>
|
||||
@ -0,0 +1,6 @@
|
||||
.tc-d-t {
|
||||
font-size: 14px;
|
||||
padding: 15px 0px;
|
||||
color: #909497;
|
||||
text-align: center;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -1,5 +1,6 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"word-cloud": "../../components/word-cloud/index"
|
||||
}
|
||||
"time-channel": "../../components/time-channel/index"
|
||||
},
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
@ -1,6 +1,8 @@
|
||||
<view class="container">
|
||||
<word-cloud list="{{words}}" height="130"></word-cloud>
|
||||
<view class="view-page">
|
||||
<view class="navigation nav-top" style="background: #006BFF">
|
||||
<view class="bs-top-title">品牌洞察</view>
|
||||
<view class="v-t-outer">
|
||||
<time-channel></time-channel>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<word-cloud list="{{words}}" height="130" color="red"></word-cloud>
|
||||
</view>
|
||||
@ -1,4 +1,74 @@
|
||||
.container {
|
||||
.view-page {
|
||||
width: 100%;
|
||||
height: 330px;
|
||||
color: #333333;
|
||||
background: #fff;
|
||||
}
|
||||
.bs-top-title {
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
padding-top: 30px;
|
||||
}
|
||||
.nav-top {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
z-index: 5000;
|
||||
}
|
||||
.bs-top {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
height: 67px;
|
||||
align-items: center;
|
||||
background: #006BFF;
|
||||
padding-left: 13rpx;
|
||||
padding-right: 13rpx;
|
||||
padding-top: 5px;
|
||||
}
|
||||
.bs-item {
|
||||
display: flex;
|
||||
justify-items: flex-start;
|
||||
align-items: center;
|
||||
padding: 15px 13px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.bs-item-image {
|
||||
display: inline-block;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.bs-block {
|
||||
position: relative;
|
||||
height: 207px;
|
||||
}
|
||||
.bs-bar {
|
||||
position: relative;
|
||||
|
||||
}
|
||||
.bs-bar .van-index-anchor-wrapper {
|
||||
background: #F9F9F9;
|
||||
}
|
||||
.bs-bar .van-index-bar__sidebar {
|
||||
top: 63%;
|
||||
}
|
||||
.v-t-outer {
|
||||
margin-top: 16px;
|
||||
}
|
||||
.v-t-outer .van-tab {
|
||||
color: #999999 !important;
|
||||
}
|
||||
.v-t-outer .van-tabs__scroll--card {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
.v-t-outer .van-tabs__nav--card .van-tab {
|
||||
border-right-style: none;
|
||||
}
|
||||
.v-t-outer .van-tabs__nav--card .van-tab.van-tab--active {
|
||||
background-color: transparent;
|
||||
color: #0084FF !important;
|
||||
}
|
||||
|
||||
Loading…
Reference in new issue