推荐下载
-
2020-05-12 浏览：789
-
2020-04-04 浏览：654
-
2020-05-06 浏览：560
-
2020-05-08 浏览：545
-
2020-05-12 浏览：543
wepyjs 在手机充值小程序中的应用
发布时间:2020-12-01wepyjs 发布了四个月了，中间经历了很多版本更新，也慢慢开始有一些用户选择 wepyjs 作为开发框架来开发小程序，比如一些线上小程序。
以及一些来自网上的 wepyjs 的相关资源：
demo源码： one，图书管理系统
组件：图表控件
因此我也将手机充值小程序在开发过程中 wepyjs 的应用心得分享出来，可以参照对比与传统小程序开发上的差异。
说明：本文不涉及到 wepyjs 的使用与说明，如果需要请参看我的另一篇文章 ”打造小程序组件化开发框架” 或直接参看wepyjs 项目地址。
组件化开发时期望逻辑代码按照业务模块划分，从视觉图上来看，首页可以分为五个模块，分别是：
输入框：Input
下拉历史记录：History
充话费：Mobile
充流量：Traffic
右下角菜单：Menu
如下图：
在原生小程序中，可以使用小程序的模板特性来达到模块化区别的目地，如下：
<!-- index.wxml -->
<import src=http://www.yiyongtong.com/archives/"components/input"/>
<import src=http://www.yiyongtong.com/archives/"components/history" />
<import src=http://www.yiyongtong.com/archives/"components/mobile" />
<import src=http://www.yiyongtong.com/archives/"components/traffic" />
<import src=http://www.yiyongtong.com/archives/"components/menu" />
<view class="pageIndex">
<template is="comInput" data="{{number}}" />
<template is="comMobile" data="{{mobileList}}" />
<template is="comTraffic" data="{{trafficList}}" />
<template is="comMenu"/>
</view>
// index.js
var Input = require('./components/input');
