Code Monkey home page Code Monkey logo

wepy-weui-demo's Introduction

WeUI in WePY

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。 这里是 WeUI 在 WePY 中的使用示例。

预览

Web 版线上DEMO

image

体验步骤

1. 安装 wepy

本项目基于wepy开发,参考这里

npm install wepy-cli -g

2. 下载源代码

git clone [email protected]:wepyjs/wepy-weui-demo.git

3. 安装开发依赖

npm install

4. 编译源代码

wepy build

5.导入至开发者工具

编译完成后会生成dist目录,开发者工具本地开发目录指向dist目录。

切记: 取消勾选项目-->开启ES6转ES5,否则代码运行报错。

wepy-weui-demo's People

Contributors

dlhandsome avatar gcaufy avatar stiekel avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

wepy-weui-demo's Issues

VM9051:1 Page[example/index] not found.

新手弱弱的问一下,按照文档指示安装遇到以下错误:

VM9051:1 Page[example/index] not found. May be caused by: 1. Forgot to add page route in app.json. 2. Invoking Page() in async task.

编译后报game.json错

Error: ENOENT: no such file or directory, open 'C:\Users\cicaba\Desktop\wepy-weui-demo-master\dist\game.json'

/src/style/widget/weui-tips/weui-loadmore.less 缺少部分样式

和官方的相比,缺少以下样式
.weui-loadmore_dot{
.weui-loadmore__tips{
padding:0 .16em;
&:before{
content: " ";
width:4px;
height:4px;
border-radius:50%;
background-color: @weuiLineColorLight;
display: inline-block;
position: relative;
vertical-align: 0;
top:-.16em;
}
}
}
.weui-loadmore__tips_in-dot{
position: relative;
padding:0 .16em;
width: 4px;
height: 1.6em;
&:before{
content: " ";
position: absolute;
top: 50%;
left: 50%;
margin-top: -1px;
margin-left: -2px;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: @weuiLineColorLight;
}
}

thirdScriptError sdk uncaught third Error module "npm/wepy/lib/native.js" is not defined Error: module "npm/wepy/lib/native.js" is not defined

wepy build后, 开发工具报:

thirdScriptError 
 sdk uncaught third Error 
 module "npm/wepy/lib/native.js" is not defined 
 Error: module "npm/wepy/lib/native.js" is not defined
    at require (http://127.0.0.1:10950/appservice/__dev__/WAService.js:1:1043104)
    at http://127.0.0.1:10950/appservice/__dev__/WAService.js:1:1042854
    at http://127.0.0.1:10950/appservice/npm/wepy/lib/app.js:9:15
    at require (http://127.0.0.1:10950/appservice/__dev__/WAService.js:1:1043245)
    at http://127.0.0.1:10950/appservice/__dev__/WAService.js:1:1042854
    at http://127.0.0.1:10950/appservice/npm/wepy/lib/wepy.js:7:12
    at require (http://127.0.0.1:10950/appservice/__dev__/WAService.js:1:1043245)
    at http://127.0.0.1:10950/appservice/__dev__/WAService.js:1:1042854
    at http://127.0.0.1:10950/appservice/app.js:7:13
    at require (http://127.0.0.1:10950/appservice/__dev__/WAService.js:1:1043245)

"wepy build -o web" case error

/usr/local/lib/node_modules/wepy-cli/lib/web/index.js:354
wpys.forEach(function (wpy, i) {
^

TypeError: wpys.forEach is not a function
at Object.compile (/usr/local/lib/node_modules/wepy-cli/lib/web/index.js:354:14)
at /usr/local/lib/node_modules/wepy-cli/lib/web/index.js:235:34
at Array.forEach ()
at Object.toWeb (/usr/local/lib/node_modules/wepy-cli/lib/web/index.js:227:28)
at /usr/local/lib/node_modules/wepy-cli/lib/compile.js:364:37
at Array.forEach ()
at Object.build (/usr/local/lib/node_modules/wepy-cli/lib/compile.js:362:19)
at Command.module.exports (/usr/local/lib/node_modules/wepy-cli/lib/bin/wepy-build.js:12:21)
at Command.listener (/usr/local/lib/node_modules/wepy-cli/node_modules/commander/index.js:315:8)
at emitTwo (events.js:126:13)
at Command.emit (events.js:214:7)
at Command.parseArgs (/usr/local/lib/node_modules/wepy-cli/node_modules/commander/index.js:651:12)
at Command.parse (/usr/local/lib/node_modules/wepy-cli/node_modules/commander/index.js:474:21)
at Object. (/usr/local/lib/node_modules/wepy-cli/lib/bin/wepy.js:35:21)
at Module._compile (module.js:635:30)
at Object.Module._extensions..js (module.js:646:10)

Uncaught TypeError: Cannot set property 'Promise' of undefined

编译无报错,启动后在微信开发者工具中报错如下

VM249 WAService.js:1 Uncaught TypeError: Cannot set property 'Promise' of undefined
at index.js? [sm]:4
at require (VM249 WAService.js:1)
at VM249 WAService.js:1
at app.js? [sm]:4
at require (VM249 WAService.js:1)
at :1:1
at HTMLScriptElement.scriptLoaded (appservice?t=1574227100476:1830)
at HTMLScriptElement.script.onload (appservice?t=1574227100476:1842)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.