thunf / wepy-demo-bookmall

Demo codes for 🐼📖 which used in a very early version.

wepy-demo-bookmall

Demo codes for 🐼满熊阅读📖 which used in a very early version.

new 支付宝小程序示例（ alipay-mini-app got in branch: alipay）

Features

Related miniApp

Usage

Start

git clone [email protected]:Thunf/wepy-demo-bookmall.git

cd wepy-demo-bookmall

npm install wepy-cli -g
npm install

npm run dev

For Alipay

git checkout alipay
npm run dev

Remind

• 使用微信开发者工具新建项目，本地开发选择 dist 目录
• 微信开发者工具 -> 项目
  • 关闭 ES6 转 ES5
  • 关闭 代码压缩上传
  • 关闭 上传代码时样式文件自动补全
  • 开启 开发环境不校验请求域名、TLS版本以及HTTPS证书

Build

npm run build

What's Included

• npm run dev

  • Compile .wpy files to .wxml / .js / .wxss etc
  • Related NPM packages
  • Copy static files
  • Watch changes

• npm run build: Production ready build.

  • Compile .wpy files to .wxml / .js / .wxss etc
  • Related NPM packages
  • Minified JavaScript
  • Copy static files

Thanks

This repository relies on the wepy, thanks to the efforts of the author.

For detailed explanation & more functions, checkout the 微信官方小程序文档 and 小程序框架wepy文档.

Fork It And Make Your Own

You can fork this repo to create your own demo, and run it.

LICENSE

LICENSE

Please note that the open source protocol for this repository is GPL. This means that you have the freedom to run, copy, modify and distribute the software. However, this software your modified itself is bound by GPL.

You must open the source code

Copyright (c) 2017 - Present, Thunf

wepy-demo-bookmall's Issues

https://wxapp.thunf.cn/bookmall/list调用失败，服务器返回502

已关闭https验证，接口返回失败

在首页的搜索这里有点BUG

首页搜索栏，点击后可以输入信息，但是无法收起。
优化过后的代码：

<input type="text" class="weui-search-bar__input" placeholder="{{placeholder}}" value="{{inputVal}}" focus="{{inputShowed}}" @blur="hideInput" @input="inputTyping" confirm-type="search" @confirm="search"/>

失去焦点的时候调方法 hideInput ,把 inputShowed 设置为fase。为了交互体验可以把键盘右下角的完成建换成 搜索，通过confirm时间去让用户点击键盘上的搜索按钮去操作

less编译问题

你好，我最近在学习小程序的时候，想用wepy+weui来做的。然后copy了您的代码中的styles目录，并且按照app.wpy中的方式来引用。
<style lang="less"> @import "./styles/weui/index.less"; @import "./styles/custom/index.less"; </style>
然后就出现了一个报错，提示找不到 @weuiColorPrimary、@uiColorRed 等几个颜色。我使用的是vs Code 这个工具。期待您的回复！

后端程序

你好，请问后端程序可以共享吗，或者说我如何才可以获取

wepy 支持支付宝程序麻烦吗？

我在npm i 是出现缺少less,安装后。在入口导入的less在页面中无法使用。。。

[Error] {"message":"variable @ceshiColor is undefined","type":"Name","filename":"input","index":23,"line":3,"column":12,"callLine":null,"extract":[" .ceshi{"," color: @ceshiColor;"," }"]}

npm run build 失败

{ Error: Cannot find module 'less'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15)
at Function.Module._load (internal/modules/cjs/loader.js:507:25)
at Module.require (internal/modules/cjs/loader.js:637:17)
at require (internal/modules/cjs/helpers.js:22:18)
at Object. (/Users/qiuyaofan/Documents/lianxi/weixin/wepy-demo-bookmall/node_modules/wepy-compiler-less/lib/index.js:20:13)
at Module._compile (internal/modules/cjs/loader.js:689:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
at Module.load (internal/modules/cjs/loader.js:599:32)
at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
at Function.Module._load (internal/modules/cjs/loader.js:530:3)
at Module.require (internal/modules/cjs/loader.js:637:17)
at require (internal/modules/cjs/helpers.js:22:18)
at Object.load (/usr/local/lib/node_modules/wepy-cli/lib/loader.js:113:17)
at Object.loadCompiler (/usr/local/lib/node_modules/wepy-cli/lib/loader.js:69:29)
at /usr/local/lib/node_modules/wepy-cli/lib/compile-style.js:91:45
at Array.forEach () code: 'MODULE_NOT_FOUND' }
[WARNING] 找不到编译器：wepy-compiler-less。
[Error] 未发现相关 less 编译器配置，请检查wepy.config.js文件。