zm/nuttyreading-html
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

我的书籍，五运六气日期

Browse Source
This commit is contained in:
徐哼唧L
2024-01-16 10:36:15 +08:00
parent 6b326d3289
commit c86ccf46c4
2 changed files with 178 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pages/library/library.vue
View File

@@ -386,7 +386,7 @@
// 跳转到讲书 // 跳转到讲书
goJiangShu(val){ goJiangShu(val){
uni.navigateTo({ uni.navigateTo({
url: '../talkBook/talkBookDetail?bookId='+ val.id url: '../talkBook/talkBookML?bookid='+ val.id
}) })
}, },
// 跳转到古籍 // 跳转到古籍

266
pages/luck/luck.vue
View File

@@ -12,7 +12,8 @@
<view class="flexbox box1 grayBg"> <view class="flexbox box1 grayBg">
<view class="yunqi"> <view class="yunqi">
<view class=""> <view class="">
<text>五运：{{wy.zhuyun[wy.now]}}(主运) &nbsp; {{wy.keyun[wy.now]}}(客运) &nbsp; {{wy.nianyun}}(年运)</text> <text>五运：{{wy.zhuyun[wy.now]}}(主运) &nbsp; {{wy.keyun[wy.now]}}(客运) &nbsp;
{{wy.nianyun}}(年运)</text>
</view> </view>
<view class=""> <view class="">
<text>六气：{{lq.zhuqi[lq.now]}}(主气) &nbsp; {{lq.keqi[lq.now]}}(客气)</text> <text>六气：{{lq.zhuqi[lq.now]}}(主气) &nbsp; {{lq.keqi[lq.now]}}(客气)</text>
@@ -29,79 +30,79 @@
<view class="centerBox">《 ↓ 五运图 》</view> <view class="centerBox">《 ↓ 五运图 》</view>
<!-- <scroll-view class="scroll-view_H flexbox" scroll-x="true" @scroll="scroll" > --> <!-- <scroll-view class="scroll-view_H flexbox" scroll-x="true" @scroll="scroll" > -->
<view class="flexbox scroll-view_H wuYunBox"> <view class="flexbox scroll-view_H wuYunBox">
<view class="leftone row" id="text"> <view class="leftone row" id="text">
<view class="line line1">开始时间<br /><span>运数</span></view> <view class="line line1">开始时间<br /><span>运数</span></view>
<!-- <view class="">*节</view> --> <!-- <view class="">*节</view> -->
<view class="line zhuyun">主运</view> <view class="line zhuyun">主运</view>
<view class="line keyun">客运</view> <view class="line keyun">客运</view>
</view>
<view :class="['row', wy.now == 0 ? 'cur' : '']" id="text0">
<view class="line line1">{{wy.fiveTimes[0]}}起<br /><span>初之运</span></view>
<view class="line zhuyun">{{wy.zhuyun[0]}}</view>
<view class="line keyun">{{wy.keyun[0]}}</view>
</view>
<view :class="['row', wy.now == 1 ? 'cur' : '']" id="text1">
<view class="line line1">{{wy.fiveTimes[1]}}起<br /><span>二之运</span></view>
<view class="line zhuyun">{{wy.zhuyun[1]}}</view>
<view class="line keyun">{{wy.keyun[1]}}</view>
</view>
<view :class="['row', wy.now == 2 ? 'cur' : '']" id="text2">
<view class="line line1">{{wy.fiveTimes[2]}}起<br /><span>三之运</span></view>
<view class="line zhuyun">{{wy.zhuyun[2]}}</view>
<view class="line keyun">{{wy.keyun[2]}}</view>
</view>
<view :class="['row', wy.now == 3 ? 'cur' : '']" id="text3">
<view class="line line1">{{wy.fiveTimes[3]}}起<br /><span>四之运</span></view>
<view class="line zhuyun">{{wy.zhuyun[3]}}</view>
<view class="line keyun">{{wy.keyun[3]}}</view>
</view>
<view :class="['row',wy.now == 4 ? 'cur' : '']" id="text4">
<view class="line line1">{{wy.fiveTimes[4]}}起<br /><span>终之运</span></view>
<view class="line zhuyun">{{wy.zhuyun[4]}}</view>
<view class="line keyun">{{wy.keyun[4]}}</view>
</view>
</view> </view>
<view :class="['row', wy.now == 0 ? 'cur' : '']" id="text0">
<view class="line line1">{{wy.fiveTimes[0]}}起<br /><span>初之运</span></view>
<view class="line zhuyun">{{wy.zhuyun[0]}}</view>
<view class="line keyun">{{wy.keyun[0]}}</view>
</view>
<view :class="['row', wy.now == 1 ? 'cur' : '']" id="text1">
<view class="line line1">{{wy.fiveTimes[1]}}起<br /><span>二之运</span></view>
<view class="line zhuyun">{{wy.zhuyun[1]}}</view>
<view class="line keyun">{{wy.keyun[1]}}</view>
</view>
<view :class="['row', wy.now == 2 ? 'cur' : '']" id="text2">
<view class="line line1">{{wy.fiveTimes[2]}}起<br /><span>三之运</span></view>
<view class="line zhuyun">{{wy.zhuyun[2]}}</view>
<view class="line keyun">{{wy.keyun[2]}}</view>
</view>
<view :class="['row', wy.now == 3 ? 'cur' : '']" id="text3">
<view class="line line1">{{wy.fiveTimes[3]}}起<br /><span>四之运</span></view>
<view class="line zhuyun">{{wy.zhuyun[3]}}</view>
<view class="line keyun">{{wy.keyun[3]}}</view>
</view>
<view :class="['row',wy.now == 4 ? 'cur' : '']" id="text4">
<view class="line line1">{{wy.fiveTimes[4]}}起<br /><span>终之运</span></view>
<view class="line zhuyun">{{wy.zhuyun[4]}}</view>
<view class="line keyun">{{wy.keyun[4]}}</view>
</view>
</view>
<!-- </scroll-view> --> <!-- </scroll-view> -->
<view class="centerBox">《 ↓ 六气图，左滑查看全年气数 》</view> <view class="centerBox">《 ↓ 六气图，左滑查看全年气数 》</view>
<scroll-view class="scroll-view_H flexbox liuqiBox" scroll-x="true" @scroll="scroll" :scroll-left="200"> <scroll-view class="scroll-view_H flexbox liuqiBox" scroll-x="true" @scroll="scroll" :scroll-left="200">
<!-- <view class="flexbox scroll-view_H"> --> <!-- <view class="flexbox scroll-view_H"> -->
<view class="leftone row"> <view class="leftone row">
<view class="line line1">开始时间<br /><span>气数</span></view> <view class="line line1">开始时间<br /><span>气数</span></view>
<!-- <view class="">*节</view> --> <!-- <view class="">*节</view> -->
<view class="line zhuyun">主气</view> <view class="line zhuyun">主气</view>
<view class="line keyun">客气</view> <view class="line keyun">客气</view>
</view> </view>
<view :class="['row', lq.now == 0 ? 'cur' : '']"> <view :class="['row', lq.now == 0 ? 'cur' : '']">
<view class="line line1">{{lq.time[0]}}起<br /><span>初之气</span></view> <view class="line line1">{{lq.time[0]}}起<br /><span>初之气</span></view>
<view class="line zhuyun">{{lq.zhuqi[0]}}</view> <view class="line zhuyun">{{lq.zhuqi[0]}}</view>
<view class="line keyun">{{lq.keqi[0]}}</view> <view class="line keyun">{{lq.keqi[0]}}</view>
</view> </view>
<view :class="['row', lq.now == 1 ? 'cur' : '']"> <view :class="['row', lq.now == 1 ? 'cur' : '']">
<view class="line line1">{{lq.time[1]}}起<br /><span>二之气</span></view> <view class="line line1">{{lq.time[1]}}起<br /><span>二之气</span></view>
<view class="line zhuyun">{{lq.zhuqi[1]}}</view> <view class="line zhuyun">{{lq.zhuqi[1]}}</view>
<view class="line keyun">{{lq.keqi[1]}}</view> <view class="line keyun">{{lq.keqi[1]}}</view>
</view> </view>
<view :class="['row', 'sizai', 'sizai1', lq.now == 2 ? 'cur' : '']"> <view :class="['row', 'sizai', 'sizai1', lq.now == 2 ? 'cur' : '']">
<view class="line line1">{{lq.time[2]}}起<br /><span>三之气</span></view> <view class="line line1">{{lq.time[2]}}起<br /><span>三之气</span></view>
<view class="line zhuyun">{{lq.zhuqi[2]}}</view> <view class="line zhuyun">{{lq.zhuqi[2]}}</view>
<view class="line keyun">{{lq.keqi[2]}}</view> <view class="line keyun">{{lq.keqi[2]}}</view>
</view> </view>
<view :class="['row', lq.now == 3 ? 'cur' : '']"> <view :class="['row', lq.now == 3 ? 'cur' : '']">
<view class="line line1">{{lq.time[3]}}起<br /><span>四之气</span></view> <view class="line line1">{{lq.time[3]}}起<br /><span>四之气</span></view>
<view class="line zhuyun">{{lq.zhuqi[3]}}</view> <view class="line zhuyun">{{lq.zhuqi[3]}}</view>
<view class="line keyun">{{lq.keqi[3]}}</view> <view class="line keyun">{{lq.keqi[3]}}</view>
</view> </view>
<view :class="['row', lq.now == 4 ? 'cur' : '']"> <view :class="['row', lq.now == 4 ? 'cur' : '']">
<view class="line line1">{{lq.time[4]}}起<br /><span>五之气</span></view> <view class="line line1">{{lq.time[4]}}起<br /><span>五之气</span></view>
<view class="line zhuyun">{{lq.zhuqi[4]}}</view> <view class="line zhuyun">{{lq.zhuqi[4]}}</view>
<view class="line keyun">{{lq.keqi[4]}}</view> <view class="line keyun">{{lq.keqi[4]}}</view>
</view> </view>
<view :class="['row', 'sizai', 'sizai2', lq.now == 5 ? 'cur' : '']"> <view :class="['row', 'sizai', 'sizai2', lq.now == 5 ? 'cur' : '']">
<view class="line line1">{{lq.time[5]}}起<br /><span>终之气</span></view> <view class="line line1">{{lq.time[5]}}起<br /><span>终之气</span></view>
<view class="line zhuyun">{{lq.zhuqi[5]}}</view> <view class="line zhuyun">{{lq.zhuqi[5]}}</view>
<view class="line keyun">{{lq.keqi[5]}}</view> <view class="line keyun">{{lq.keqi[5]}}</view>
</view> </view>
<!-- </view> --> <!-- </view> -->
</scroll-view> </scroll-view>
<!-- <image src="../../static/icon/leftFrag.gif" mode="scaleToFill"></image> --> <!-- <image src="../../static/icon/leftFrag.gif" mode="scaleToFill"></image> -->
@@ -129,6 +130,7 @@
second = second < 10 ? ('0' + second) : second; second = second < 10 ? ('0' + second) : second;
return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second; return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;
}; };
export default { export default {
@@ -139,11 +141,13 @@
pageHeight: uni.getSystemInfoSync().windowHeight - 200, pageHeight: uni.getSystemInfoSync().windowHeight - 200,
fiveYunNum: 5, fiveYunNum: 5,
// date: new Date().toISOString().slice(0, 10), // 只返回年月日 // date: new Date().toISOString().slice(0, 10), // 只返回年月日
date: Date.now() - 2 * 24 * 3600 * 1000, // 返回年月日带时间 // date: Date.now() -2* 24 * 3600 * 1000, // 返回年月日带时间
date: Date.now(), // 返回年月日带时间
dateToString: formatDateTime(new Date()), // 字符串格式的日期 dateToString: formatDateTime(new Date()), // 字符串格式的日期
timestamp: Date.now() - 2 * 24 * 3600 * 1000, // 时间戳 // timestamp: Date.now() -2* 24 * 3600 * 1000, // 时间戳
timestamp: Date.now(), // 时间戳
wy: { wy: {
curTime:0, curTime: 0,
zhuyun: [], zhuyun: [],
keyun: [], keyun: [],
nianyun: '', nianyun: '',
@@ -157,7 +161,7 @@
selected: [] selected: []
}, },
lq: { lq: {
curTime:0, curTime: 0,
zhuqi: [], zhuqi: [],
keqi: [], keqi: [],
time: [] time: []
@@ -168,9 +172,9 @@
day: '', day: '',
hour: '' hour: ''
}, },
wYScrollLeft:0, wYScrollLeft: 0,
lQScrollLeft:0, lQScrollLeft: 0,
wytext:'', wytext: '',
} }
}, },
onLoad() { onLoad() {
@@ -187,6 +191,7 @@ wytext:'',
scroll: function(e) {}, scroll: function(e) {},
// 获取五运六气 // 获取五运六气
getYun(date) { getYun(date) {
console.log(this.data + '1111111111111111111')
let that = this let that = this
$http.request({ $http.request({
url: "book/point/WYLQForYear", url: "book/point/WYLQForYear",
@@ -206,7 +211,7 @@ wytext:'',
this.wy.nianyun = res.wylq.wy.nianYun this.wy.nianyun = res.wylq.wy.nianYun
this.wy.fiveTimes = res.wylq.wy.time this.wy.fiveTimes = res.wylq.wy.time
this.wy.now = res.wylq.wy.now this.wy.now = res.wylq.wy.now
this.wytext = 'text'+this.wy.now this.wytext = 'text' + this.wy.now
// this.wy.timestampList = res.wylq.wy.time.map( item => { // this.wy.timestampList = res.wylq.wy.time.map( item => {
// return new Date(item).getTime() // return new Date(item).getTime()
// }) // })
@@ -240,6 +245,24 @@ wytext:'',
this.timestamp = new Date(ss).getTime() this.timestamp = new Date(ss).getTime()
this.getYun(e) this.getYun(e)
}, },
formatDateTime(time) {
var date = new Date(time);
var y = date.getFullYear();
var m = date.getMonth() + 1;
m = m < 10 ? ('0' + m) : m;
var d = date.getDate();
d = d < 10 ? ('0' + d) : d;
var h = date.getHours();
h = h < 10 ? ('0' + h) : h;
var minute = date.getMinutes();
var second = date.getSeconds();
minute = minute < 10 ? ('0' + minute) : minute;
second = second < 10 ? ('0' + second) : second;
return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;
},
}, },
components: { components: {
@@ -297,18 +320,34 @@ wytext:'',
display: inline-block; display: inline-block;
text-align: center; text-align: center;
background-color: #fef9e4; background-color: #fef9e4;
border-right: 1px solid #ddd; border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
} }
.row.cur{background-color: #8d3d16; color: #fff; position: relative; border-right:0;
z-index: 5; box-shadow:0 0 10px #8d3d16; .row.cur {
} background-color: #8d3d16;
color: #fff;
position: relative;
border-right: 0;
z-index: 5;
box-shadow: 0 0 10px #8d3d16;
}
.line { .line {
padding: 20rpx; padding: 20rpx;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
span{font-size: 36rpx; }
span {
font-size: 36rpx;
}
}
.line1 {
font-size: 24rpx;
height: 200rpx;
writing-mode: vertical-rl;
;
} }
.line1{ font-size: 24rpx; height: 200rpx; writing-mode: vertical-rl;;}
.zhuyun { .zhuyun {
color: #8d3d16; color: #8d3d16;
@@ -326,7 +365,8 @@ wytext:'',
.container { .container {
padding: 10rpx; padding: 10rpx;
background-color: #fff; padding-bottom: 70rpx; background-color: #fff;
padding-bottom: 70rpx;
} }
.datetimeBox { .datetimeBox {
@@ -334,29 +374,55 @@ wytext:'',
margin: 0 auto; margin: 0 auto;
margin-bottom: 30rpx; margin-bottom: 30rpx;
} }
.liuqiBox{
.line.keyun { padding: 60rpx 10rpx} .liuqiBox {
.line.keyun {
padding: 60rpx 10rpx
}
} }
.wuYunBox{
.row{width: 20%; box-sizing: border-box;} .wuYunBox {
.row {
width: 20%;
box-sizing: border-box;
}
} }
/deep/ .uni-calendar__content-mobile { /deep/ .uni-calendar__content-mobile {
bottom: 100rpx !important; bottom: 100rpx !important;
} }
.sizai{ .sizai {
.keyun{ .keyun {
position:relative; position: relative;
} }
.keyun::after{ position: absolute; content: ''; top:24rpx; left:0;font-size: 24rpx; display:block; width: 100%; color: #888; text-align: center;}
.keyun::after {
position: absolute;
content: '';
top: 24rpx;
left: 0;
font-size: 24rpx;
display: block;
width: 100%;
color: #888;
text-align: center;
}
}
.sizai1 {
.keyun::after {
content: '（司天）';
}
}
.sizai2 {
.keyun::after {
content: '（在泉）';
}
}
}
.sizai1{
.keyun::after{content: '（司天）';}
}
.sizai2{
.keyun::after{content: '（在泉）';}
}
.flexbox { .flexbox {
display: flex; display: flex;
} }