［明日方舟抽卡数据库］开发日志（二）

最新推荐文章于 2023-03-31 18:02:18 发布

秃秃的瑾

最新推荐文章于 2023-03-31 18:02:18 发布

阅读量593

点赞数

分类专栏：罗德岛日常文章标签：数据分析前端 vue.js javascript

本文链接：https://blog.csdn.net/qq_37439115/article/details/126197365

版权

罗德岛日常专栏收录该内容

10 篇文章 0 订阅

订阅专栏

明日方舟抽卡数据库

上一章：［明日方舟抽卡数据库］开发日志https://blog.csdn.net/qq_37439115/article/details/125608849

体验地址：https://ak.mcsite.cn/

前言

本来准备偷偷懒的今天再写b服数据导入功能的，没想到大家这么热情，昨天下午就肝出来了，还顺带写了个抽卡计算器功能

一、新增功能

1.b服抽卡数据导入

核心代码

2.抽卡计算器

核心代码（VUE）

<count-to ref="example" :start-val="_startVal" :end-val="_endVal" :duration="_duration" :decimals="_decimals" :separator="_separator" :prefix="_prefix" :suffix="_suffix" :autoplay="false" class="example" />
<div style="margin-left: 25%;margin-top: 40px;">
    <label class="label" for="startValInput">总共原石:
        <input v-model.number="stone" type="number" name="stone">
    </label>
    <label class="label" for="endValInput">总共合成玉:
        <input v-model.number="jade" type="number" name="jade">
    </label>
    <br>
    <div class="startBtn example-btn" @click="start">
        开始计算
    </div>
    <br>
</div>

JavaScript

<script>
import countTo from 'vue-count-to'

export default {
  name: 'CountToDemo',
  components: { countTo },
  data() {
    return {
      stone: 0,
      jade: 0,
      all: 0,
      setStartVal: 0,
      setEndVal: 2017,
      setDuration: 2000,
      setDecimals: 0,
      setSeparator: ',',
      setSuffix: ' 发',
      setPrefix: '总共 '
    }
  },
  computed: {
    _startVal() {
      if (this.setStartVal) {
        return this.setStartVal
      } else {
        return 0
      }
    },
    _endVal() {
      if (this.setEndVal) {
        return this.setEndVal
      } else {
        return 0
      }
    },
    _duration() {
      if (this.setDuration) {
        return this.setDuration
      } else {
        return 100
      }
    },
    _decimals() {
      if (this.setDecimals) {
        if (this.setDecimals < 0 || this.setDecimals > 20) {
          alert('digits argument must be between 0 and 20')
          return 0
        }
        return this.setDecimals
      } else {
        return 0
      }
    },
    _separator() {
      return this.setSeparator
    },
    _suffix() {
      return this.setSuffix
    },
    _prefix() {
      return this.setPrefix
    }
  },
  methods: {
    start() {
      this.all = this.jade + this.stone * 180
      this.setEndVal = Math.floor(this.all / 600)
      this.$refs.example.start()
      console.error('test')
    }
  }
}
</script>