hminghe / Weex Amui
Licence: mit
Ant Design Mobile of Weex
Stars: ✭ 131
Labels
Projects that are alternatives of or similar to Weex Amui
Webpack
🔥 A full-featured , A Weex and Vue.js project,which is an awesome solution for building Dingtalk microapp with extremely high performanece.
Stars: ✭ 81 (-38.17%)
Mutual labels: weex
Amap Running App For Apache Weex
amap-running-app-for-apache-weex is a third party plugin, and is not developed nor maintained by Apache Weex.
Stars: ✭ 122 (-6.87%)
Mutual labels: weex
Ant Design Mobile
Fluent and powerful mobile component library based on React.
Stars: ✭ 9,489 (+7143.51%)
Mutual labels: antd-mobile
Weexplus
🔨基于阿里WeexSDK跨平台方案,在原有的组件基础上,提供weex调用android native方法的一套扩展通信交互库,包含页面导航、数据存储、图片选择、二维码识别、权限等。
Stars: ✭ 73 (-44.27%)
Mutual labels: weex
Dva Antd Mobile Starter
Get started with Dva.js and Ant Design mobile.
Stars: ✭ 115 (-12.21%)
Mutual labels: antd-mobile
Redux Cnode
react+react-router+redux+es6+antd-mobile+webpack版本的Cnode
Stars: ✭ 96 (-26.72%)
Mutual labels: antd-mobile
Zhaopinapp
一个基于react16,redux,react-router4,antd-mobile,axios及node,express,mongodb实现的全栈招聘类webapp项目。
Stars: ✭ 100 (-23.66%)
Mutual labels: antd-mobile
Weex Android Joke
A joke android app,powered by alibaba's weex.
Stars: ✭ 112 (-14.5%)
Mutual labels: weex
Weex Eleme
The best practice of weex development guide, 仿饿了么V7.28
Stars: ✭ 82 (-37.4%)
Mutual labels: weex
Awesome Weex
A curated list of awesome Weex guides, articles, sites, tools, projects and resources.
Stars: ✭ 1,539 (+1074.81%)
Mutual labels: weex
Vue Auto Puzzle
Jigsaw puzzle based on Vue(基于Vue的拼图小游戏,可自动拼图。还包含Weex版)
Stars: ✭ 127 (-3.05%)
Mutual labels: weex
Opensource
♨️ 分享GitHub优秀开源项目和主流开发使用的网站、解决问题方案收集以及学习网站或资料,涵盖了iOS, macOS X, Blockchain, Flutter, Weex, H5, Games, C++, Script等多方面的内容,其中iOS大致包涵以下内容:音视频;IM和直播;逆向开发;图像相关(OpenGL, Metal, GPUImage);内购(IAP), ApplePay和第三方支付;安全攻防和应用加固, 数据安全和算法;常用第三方库;导航栏和状态栏;侧边菜单;数据持久;蓝牙, 手势指纹面容ID解锁, 图片浏览器, 扫码, 下拉和上拉刷新, 指示器, Toast, Menu, Sensor, Privacy, WebView和进度条, 动画, 选择器, 搜索, 分享, 图片验证码, 设备相关信息, 广告, 高仿项目及Demo等。
Stars: ✭ 123 (-6.11%)
Mutual labels: weex
Weex-AMUI
安装
npm i weex-amui -S
使用
<template>
<div>
<am-button
@click="handleClick"
text="确定"
type="primary"/>
</div>
</template>
<script>
import { AmButton } from 'weex-amui';
export default {
components: { AmButton },
methods: {
handleClick () {
// enter your code
}
}
};
</script>
使用前
- 安装
less-loader
以正确编译less源码
npm i less less-loader -D
- 安装 babel-plugin-component 来只引入需要的组件打包,同时如果没有安装
babel-preset-stage-0
,也需要一并安装。eros用户跳过这一步,点这里看
npm i babel-preset-stage-0 babel-plugin-component -D
// 增加一个plugins的配置到 .babelrc 中
{
"presets": ["es2015", "stage-0"],
"plugins": [
[
"component",
{
"libraryName": "weex-amui",
"libDir": "packages",
"style": false
}
// 如果要和 weex-ui 一起用,配置加上下面这个
,{
"libraryName": "weex-ui",
"libDir": "packages",
"style": false
}
]
]
}
- 如果你使用了
[email protected]
版本(现在使用weex-toolkit
创建的项目可选0.x
和1.x
),1.x版本依赖的weex-vue-precompiler
当前版本会把自定义组件的click
,change
等事件处理出错,需要安装一下另外一个修改的版本。
npm i https://github.com/HMingHe/weex-vue-precompiler.git -D
eros 用户
- 请修改
.babelrc
文件,如下:
{
...
"plugins": [
["import",[
{
"libraryName": "weex-amui",
"libraryDirectory": "packages",
"style": false
}
]
...
}
运行 Demo
npm i
npm run start
参考或者直接使用了他们的代码,感谢
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].