周易易经测算系统源码
事业健康财运测算/吉凶占卜
一款生辰八字综合详批测算系统,这个是新定制版本,转换率是非常可以的,个人兼职的不二选择,界面大气美观
技术栈:vue3 typescript
八字精批源码
八字精批,八字详批,算命源码
部分源码展示
const router = useRouter()
const openWeixin = () => {
router.push('/weixin')
}
// import { bz } from './data.js'
let bz = ref({})
// 五行旺缺
const wxwq = computed(() => {
const {
info: {
wharr: { que, wang },
},
} = bz.value
if (que.includes('本命局五行')) {
return '五行不缺'
} else {
return '五行' + que
}
})
// 天干
const tiangan = computed(() => bz.value.user.bazi.filter((i, k) => k % 2 != 1))
// 地支
const dizhi = computed(() => bz.value.user.bazi.filter((i, k) => k % 2 != 0))
// 判断干支字体颜色
const gzCls = computed(cor => {
return cor => {
const jin = ['庚', '辛', '申', '酉']
const mu = ['甲', '乙', '寅', '卯']
const shui = ['壬', '癸', '子', '亥']
const huo = ['丙', '丁', '巳', '午']
const tu = ['戊', '己', '辰', '戌', '丑', '未']
if (jin.includes(cor)) {
return 'jin'
} else if (mu.includes(cor)) {
return 'mu'
} else if (shui.includes(cor)) {
return 'shui'
} else if (huo.includes(cor)) {
return 'huo'
} else if (tu.includes(cor)) {
return 'tu'
}
// default:
// return 'tu'
}
})
// 爱情分析
const aqfx = computed(() => bz.value.rglm.aqfx.split('\n'))
const regroupArray = array => {
const groups = []
for (let i = 0; i < array.length; i += 3) {
groups.push([array[i], array[i + 1], ...(i + 2 < array.length ? [array[i + 2]] : [])])
}
return groups
}
// 流年财运
// const lncy = computed(() => {
// return bz.value.data.zonghe.lncy.split('<br/>')
// })
const lncy = ref([])
// 未来一年
const myq_text = ref([])
// 解决文案弹窗
const showLayer = ref(false)
const openLayer = () => {
showLayer.value = true
nextTick(() => {
showtable()
})
}
let myChart = ref()
let option = reactive({
// title: {
// text: 'Referer of a Website',
// subtext: 'Fake Data',
// left: 'center',
// },
tooltip: {
trigger: 'item',
},
legend: {
orient: 'vertical',
left: 'left',
show: false,
},
color: ['#f6c912', 'green', '#0d96ff', '#ff491a', '#bb7d00'],
series: [
{
name: 'Access From',
type: 'pie',
radius: '50%',
itemStyle: {
borderRadius: 0,
borderColor: '#fff',
borderWidth: 2,
},
data: [
{ value: 1, name: '金' },
{ value: 2, name: '木' },
{ value: 2, name: '水' },
{ value: 3, name: '火' },
{ value: 0, name: '土' },
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)',
},
},
},
],
})
// 五行旺缺图表
const showtable = () => {
const wxArr = [
{ label: 'jin', name: '金' },
{ label: 'mu', name: '木' },
{ label: 'shui', name: '水' },
{ label: 'huo', name: '火' },
{ label: 'tu', name: '土' },
]
option.series[0].data = wxArr.map(item => {
const value = bz.value.info.jmsh[item.label]
// 旺衰
let ws = ''
if (value >= 4) {
ws = '较旺'
} else if (value >= 2) {
ws = '旺'
} else if (value < 2) {
ws = '弱'
} else if (value == 0) {
ws = '缺'
}
return {
value,
name: `${item.name}: ${(value / 8) * 100}%`,
oldName: item.name,
cls: item.label,
ws,
}
})
myChart.value = echarts.init(document.getElementById('main'))
// 绘制图表
myChart.value.setOption(option)
console.log(myChart.value)
//echarts点击事件监听画布
myChart.value.getZr().on('click', function (params) {
console.log(params) // 获取点击事件的参数
// 根据参数完成点击操作
})
}
**
演示地址: http://chat.sanqizhouyi.com
本项目为手机端请使用手机或打开浏览手机模式查看
**