八字精批源码

周易易经测算系统源码
事业健康财运测算/吉凶占卜
一款生辰八字综合详批测算系统,这个是新定制版本,转换率是非常可以的,个人兼职的不二选择,界面大气美观
技术栈: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

本项目为手机端请使用手机或打开浏览手机模式查看

**

项目截图

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

雨顺518

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值