区块狗系统app开发

2019-10-11 admin

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

系统基本框架流程:

注册:扫上级二维码注册

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

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

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

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

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

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

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

clipboard.png

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

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

<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>

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

[转载]原文链接:https://segmentfault.com/a/1190000020647341

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-77118.html

文章标题:区块狗系统app开发

相关文章
HTML5移动应用开发的12大特性
1.离线缓存为HTML5开发移动应用提供了基础 HTML5 Web Storage API可以看做是加强版的cookie,不受数据大小限制,有更好的弹性以及架构,可以将数据写入到本机的ROM中,还可以在关闭浏览器后再次打开时恢复数据,以减少...
2015-11-11
VSCode配置react开发环境的步骤
vscode 默认配置对于 react 的 JSX 语法不友好,体现在使用自动格式化或者粘贴后默认缩进错误,尽管可以通过改变 language mode 缓解错误,但更改 language mode 后的格式化依然不够理想。 通过搭配使用 ...
2017-12-28
为你的 VS Code 搭建远程开发环境
开篇先说一下自己遇到的烦恼,介绍下写这篇文章的背景。我有一台低配的 MacBook 和 一台性能强悍的台式机。之前自己都是在 Mac 上跑前端项目的,那台台式机基本上处于闲置状态,偶尔用来看看文档。后来随着自己需要做服务端开发,有时候需要同...
2018-02-26
HTML5渐行渐近 APP还能走多远
鎽樿�侊細浠讳綍浜嬬墿閮界洓鏋佽€岃“锛孉PP涔熶笉渚嬪�栥€傚湪鍙栧緱杈夌厡鎴愮哗鐨勫悓鏃讹紝APP涔熷悓鏍烽潰涓寸潃璇稿�氶毦浠ラ€捐秺鐨勯殰纰嶃€� 鍦ㄧ粡鍘嗕簡闀胯揪8骞寸殑闀胯窇鍚庯紝HTML5瑙勮寖缁堜簬鐡滅啛钂傝惤銆佹�e紡瀹...
2015-11-12
哪些互联网产品适合用HTML5开发?
J.P. Morgan(摩根大通集团)不久前发布了有关2013年互联网公司股票的研究报告,其中在预测2013年趋势时,提及移动互联网有关web和app之间的辩论将在3到5年内继续,而摩根认为这对于搜索产品和谷歌是利好消息,因为用户需要处理复...
2015-11-12
Node.js v0.11.16 开发版发布
Node.js v0.11.16 开发版发布了,改进记录包括: openssl: Upgrade to 1.0.1l npm: Upgrade to 2.3.0 url: revert support of path for url.fo...
2015-11-12
Webpack(含 4)配置详解——从 0 配置一套开发模板
前言 源代码 熟悉 webpack 与 webpack4 配置。 webpack4 相对于 3 的最主要的区别是所谓的零配置,但是为了满足我们的项目需求还是要自己进行配置,不过我们可以使用一些 webpack 的预设值。同时 webpack...
2018-05-02
Ant design pro 开发笔记 - 表单和数据绑定
antd支持表单双向绑定,开发过程中无需通过onChange()回调函数去获取组件的值,通过 getFieldDecorator() 可以自动完成数据绑定的功能。 { getFieldDecorator(&#x27;email&#x...
2018-05-25
JavaScript开发工具
常用的有sublime,webstorm,notepad++等 ...
2015-11-12
Vue 短信验证码组件开发详解
Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此...
2017-03-17
回到顶部