yarn: yarn global add wepy-cli
npm: npm i wepy-cli -g
yarn / npm install
yarn dev / npm run dev
yarn build / npm run build //上传代码时,请先执行此命令,否则会提示包体积过大
1. Utilice las herramientas de desarrollo de WeChat-->Agregar proyecto. Seleccione el directorio dist para el directorio del proyecto.
2. Herramientas de desarrollo de WeChat-->Proyecto-->Cierre ES6 y conviértalo a ES5. Importante: La falta de este elemento generará un error.
3. Herramientas para desarrolladores de WeChat-->Proyecto-->Desactivar la finalización automática de estilos al cargar código. Importante: En algunos casos, la falta de este elemento provocará un error.
4. Herramientas de desarrollo de WeChat-->Proyecto-->Desactivar la carga de compresión de código. Importante: Cuando está habilitado, las propiedades calculadas, props.sync y otras de la máquina real dejarán de ser válidas.
https://tencent.github.io/wepy/
http://mp.weixin.qq.com/debug/wxadoc/dev/
Abra WeChat y escanee
├── api
│ └── api.js //接口
├── app.wpy //入口文件
├── components //组件
│ ├── address_add.wpy //新增地址组件
│ ├── address_edit.wpy //编辑地址组件
│ ├── address_list.wpy //地址列表组件
│ ├── bomb_screen.wpy //首页弹屏组件
│ ├── collection_list.wpy //收藏列表组件
│ ├── comment_list.wpy //评论列表组件
│ ├── common //公共组件
│ │ ├── bottomLoadMore.wpy //底部加载更多组件
│ │ ├── placeholder.wpy //空列表显示组件
│ │ ├── timer.wpy //倒计时组件
│ │ ├── wepy-area-picker.wpy //省市区组件
│ │ ├── wepy-sign-time.wpy //签到组件
│ │ └── wepy-swipe-delete.wpy //左滑删除组件
│ ├── discover.wpy //发现列表
│ ├── filterSlider.wpy //筛选右侧栏组件
│ ├── filter_bar.wpy //分类排序组件
│ ├── order_item.wpy //订单列表组件
│ ├── points_detail.wpy //列表组件
│ ├── points_rule.wpy //列表组件
│ ├── rate.wpy //评分组件
│ ├── search.wpy //搜索组件
│ ├── shop_cart.wpy //购物车组件
│ ├── shop_grid_list.wpy //矩阵列表
│ ├── shop_item_list.wpy //条形列表
│ └── tab.wpy //选项卡组件
├── images //图片文件夹
├── pages //页面
│ ├── address.wpy //地址
│ ├── classify.wpy //分类
│ ├── collection.wpy //收藏
│ ├── comfire_order.wpy //确认订单
│ ├── comment.wpy //评论列表
│ ├── comment_add.wpy //添加评论
│ ├── exchange_goods.wpy //换货
│ ├── filter.wpy //筛选
│ ├── goods_detail.wpy //商品详情
│ ├── home.wpy //首页
│ ├── home_detail.wpy //首页详情
│ ├── info.wpy //我的
│ ├── logistics.wpy //物流
│ ├── messages.wpy //我的消息
│ ├── order.wpy //订单列表
│ ├── order_detail.wpy //订单详情
│ ├── pay_success.wpy //支付结果
│ ├── points.wpy //积分
│ ├── points_more.wpy //更多积分
│ ├── points_rule.wpy //积分规则
│ ├── register.wpy //注册
│ ├── reorder.wpy //--
│ ├── replenishment_goods.wpy //补货
│ ├── search.wpy //搜索
│ ├── setting.wpy //设置
│ ├── shop_cart.wpy //购物车
│ ├── sign_in.wpy //签到
│ ├── test.wpy //---
│ └── wholesale.wpy //现货批发
├── plugins //插件
│ └── wxParse //富文本
│ ├── html2json.js
│ ├── htmlparser.js
│ ├── showdown.js
│ ├── wxDiscode.js
│ ├── wxParse.js
│ ├── wxParse.wxml
│ └── wxParse.wxss
├── styles //样式
│ ├── base.less
│ ├── icon.less // 图标文件
│ └── style.less
└── utils //工具类
├── constant.js //常量
├── md5.js //md5
├── regions.js //省市区数据
├── tip.js //提示弹框组件
├── util.js //工具
└── wxRequest.js //ajax请求
Este pequeño programa utiliza wepy para lograr un alto grado de encapsulación de componentes y es solo como referencia de aprendizaje. Si te gusta, dale una estrella ~^o^~
Si este proyecto te resulta de gran ayuda, puedes darme una recompensa. De lo contrario, no es necesario, solo pon un código QR para ver si hay algún amigo que sea particularmente bueno conmigo ~ Jaja.