hanks10100 / weex-vue-examples

Examples of using Weex and Vue.js

Weex Vue Examples

Single page examples written in Weex and Vue.js.

The Example Website

The source code the website is in the docs folder. Here is other resources:

• Weex Online Playground
• Weex Playground App

Develop

Clone the project and install dependencies (npm install), then:

• npm run serve: Start a web server on port 8080.
• npm run build: Build the source files.
• npm run dev: Watch the file changes and auto build.

Contribute

Write an example on Weex online playground and add the url to a proper place in examples/, then send a PR.

The example should contain these massages:

• hash: The md5 hash in the example's link address.
• title: A brief title of the example. It's better to have both Chinese and English titles.
• screenshot: [optional] The screen shot of the example. It's better to upload the image to a CDN and just offer an address, don't upload the image file to the repo.

weex-vue-examples's Issues

Dependency deprecation warning: babel-preset-es2015 (npm)

On registry https://registry.npmjs.org/, the "latest" version (v6.24.1) of dependency babel-preset-es2015 has the following deprecation notice:

🙌 Thanks for using Babel: we recommend using babel-preset-env now: please read babeljs.io/env to update!

Marking the latest version of an npm package as deprecated results in the entire package being considered deprecated, so contact the package author you think this is a mistake.

Affected package file(s): package.json

If you don't care about this, you can close this issue and not be warned about babel-preset-es2015's deprecation again. If you would like to completely disable all future deprecation warnings then add the following to your config:

"suppressNotifications": ["deprecationWarningIssues"]

能不能写个tabbar例子？

能不能写个tabbar例子？

vue-router有example吗“？

list basic demo在weex sdk v0.10运行不正常

这个weex-vue-examples/src/demos/list-basic-demo.vue 例子，在h5的模式下，不能自动加载loading 新的数据。我提了一个issue，没人睬我。哎........
alibaba/weex#2810

查看组件问题

查看每个组件需要手动一个个在app.vue换的？

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

• Update dependency vue-loader to v14.2.4
• Update dependency babel-loader to v9
• Update dependency css-loader to v7
• Update dependency sass-loader to v14
• Update dependency vue-loader to v17
• 🔐 Create all rate-limited PRs at once 🔐

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

• Update dependency serve to v10.1.2 [SECURITY]
• Update dependency puppeteer to v1.13.0 [SECURITY]
• Update dependency node-sass to v7 [SECURITY]
• Update dependency weex-vue-precompiler to v0.1.26
• Update dependency weex-vue-render to v1.0.36
• Update dependency autoprefixer to v9.8.8
• Update dependency sass-loader to v7.3.1
• Update dependency uglifyjs-webpack-plugin to v1.3.0
• Update dependency webpack to v4.47.0
• Update dependency xhr to v2.6.0
• Update dependency uglifyjs-webpack-plugin to v2

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• Update dependency vue to v2.7.16
• Update dependency autoprefixer to v10
• Update dependency vue to v3
• Update dependency webpack to v5
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

npm

package.json

• vue 2.5.17
• weex-vue-render 1.0.33
• autoprefixer 9.3.1
• babel-core 6.26.3
• babel-loader 7.1.5
• babel-plugin-transform-runtime 6.23.0
• babel-preset-es2015 6.24.1
• babel-runtime 6.26.0
• css-loader 0.28.11
• node-sass 4.9.3
• postcss-plugin-px2rem 0.8.1
• postcss-plugin-weex 0.1.7
• puppeteer 1.11.0
• sass-loader 7.1.0
• serve 10.1.1
• uglifyjs-webpack-plugin 1.2.5
• vue-loader 14.2.3
• webpack 4.39.2
• weex-loader 0.7.12
• weex-vue-precompiler 0.1.25
• xhr 2.5.0

---

• Check this box to trigger a request for Renovate to run again on this repository

phantom-limb无法激活input输入框

浏览器打开时，将index.html中的<script src="./assets/phantom-limb.js"></script>注释掉可解决点击无法激活input输入框的问题

关于github上weex-vue-examples上下载出现npm run serve报错问题

我在2018 06 11时间，下载了项目；但是在初始化项目打开时候出现
1.npm install
2.npm run build
3.npm run dev
4.npm run serve 出错
我用同事的电脑试了一下也是同样的错误

错误日志
0 info it worked if it ends with ok
1 verbose cli [ 'C:\Program Files\nodejs\node.exe',
1 verbose cli 'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js',
1 verbose cli 'run',
1 verbose cli 'serve' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'preserve', 'serve', 'postserve' ]
5 info lifecycle [email protected]preserve: [email protected]
6 info lifecycle [email protected]serve: [email protected]
7 verbose lifecycle [email protected]serve: unsafe-perm in lifecycle true
8 verbose lifecycle [email protected]serve: PATH: C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;C:\Users\Administrator\Desktop\weex-vue-examples-master\weex-vue-examples-master\node_modules.bin;C:\Users\Administrator\bin;C:\Program Files\Git\mingw64\bin;C:\Program Files\Git\usr\local\bin;C:\Program Files\Git\usr\bin;C:\Program Files\Git\usr\bin;C:\Program Files\Git\mingw64\bin;C:\Program Files\Git\usr\bin;C:\Users\Administrator\bin;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0;C:\Program Files\Git\cmd;C:\Program Files\nodejs;C:\Program Files\IDM Computer Solutions\UltraEdit;C:\Program Files (x86)\Microsoft VS Code\bin;C:\Users\Administrator\AppData\Roaming\npm;C:\Program Files\Git\usr\bin\vendor_perl;C:\Program Files\Git\usr\bin\core_perl
9 verbose lifecycle [email protected]serve: CWD: C:\Users\Administrator\Desktop\weex-vue-examples-master\weex-vue-examples-master
10 silly lifecycle [email protected]serve: Args: [ '/d /s /c', 'serve -p 8080' ]
11 silly lifecycle [email protected]serve: Returned: code: 1 signal: null
12 info lifecycle [email protected]serve: Failed to exec serve script
13 verbose stack Error: [email protected] serve: serve -p 8080
13 verbose stack Exit status 1
13 verbose stack at EventEmitter. (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:285:16)
13 verbose stack at emitTwo (events.js:126:13)
13 verbose stack at EventEmitter.emit (events.js:214:7)
13 verbose stack at ChildProcess. (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack at emitTwo (events.js:126:13)
13 verbose stack at ChildProcess.emit (events.js:214:7)
13 verbose stack at maybeClose (internal/child_process.js:925:16)
13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:209:5)
14 verbose pkgid [email protected]
15 verbose cwd C:\Users\Administrator\Desktop\weex-vue-examples-master\weex-vue-examples-master
16 verbose Windows_NT 6.1.7601
17 verbose argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "run" "serve"
18 verbose node v8.10.0
19 verbose npm v5.6.0
20 error code ELIFECYCLE
21 error errno 1
22 error [email protected] serve: serve -p 8080
22 error Exit status 1
23 error Failed at the [email protected] serve script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

关于作者Hanks的解答：应该是 serve 升级之后参数变了，不支持 -p 参数，换成 -l 了。
之后重新下载已经Ok