区块狗系统app开发

2019-10-11

华登区块狗系统(T:/ I8O-2853-0I83 可V),华登区块狗软件,华登区块狗源码,华登区块狗APP,华登区块狗模式。

系统基本框架流程:

注册:扫上级二维码注册

购买微分:微分可向平台充值或者向会员直接购买

预约抢狗:点击预约抢购,系统扣掉相应的微分,到时间参与抢狗即可

系统也可不预约直接参加抢狗,微分扣双倍,同时预约抢狗相比不预约抢到狗的概率高

繁殖:抢到狗后进入繁殖周期,到期后狗自动成熟

挂售:够成熟后,会员可获得相应的狗狗币,Via,同时系统按合约收益自动将狗挂售到平台,当有会员购买,线下转账,系统确认获取收益

在后台管理系统的日常开发过程中发现对于同一个业务下面的版块不同的开发同事每次都会重复写页面标题的样式,而且不同的页面标题还不太一样。虽然有的页面标题栏承载的元素不一样,但是也有通用的部分,经过多个项目的迭代慢慢地总结与积累完善出了一个通用的页面标题组件<PageHeader/>。

下面是一个最常见的标题设计原型:

clipboard.png

下面是同事给出的封装方案:

使用方式 <router-back class="router-back" text="详情" /> 组件封装代码片段 <template>

<a
  href="javascript:void(0)"
  :title="title"
  size="15px"
  class="font-icon arrow-left"
  @click="back"
  v-if="!disableRoute"
></a>
<span
  v-show="text.length > 0 && !disableRoute"
  class="vertical-line"
></span>
<span class="text">{{ text }}</span>

</template> <script> export default { name: 'router-back', props: {

text: {
  type: String,
  default: _ => ''
},
url: {
  type: [String, Number],
  default: _ => -1
},
title: {
  type: String,
  default: _ => '返回'
},
disableRoute: {
  type: Boolean,
  default: _ => false
}

}, methods: {

back () {
  if (typeof this.url === 'number') return this.$router.go(this.url)
  return this.$router.push(this.url)
}

} } </script> 无对比就没有伤害,这个封装只是争对了单一的情况,并没有任何扩展性和灵性性,而且在组件方法名称和接收的属性上有待考究。所以我果断弃用这个组件,而选择自己的解决方案,虽然也不是很完美,代码质量上相比也没有什么大的改进,但是自我认为还是可以分享一下。

原文链接:segmentfault.com

上一篇:绝对值px与相对值em
下一篇:理解:before伪类搭配vertical-align:middle实现垂直居中的原理
相关教程
关注微信

扫码加入 JavaScript 社区

相关文章

首次访问,需要验证
微信扫码,关注即可
(仅需验证一次)

欢迎加入 JavaScript 社区

号内回复关键字:

回到顶部