hminghe / weex-amui Goto Github PK

View Code? Open in Web Editor NEW

128.0 6.0 35.0 2.68 MB

Ant Design Mobile of Weex

Home Page: https://hminghe.github.io/weex-amui

License: MIT License

JavaScript 38.03% Vue 41.59% HTML 12.36% CSS 0.67% Less 7.35%

weex vue antdesign antd-mobile weex-ui

weex-amui's Introduction

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

参考或者直接使用了他们的代码，感谢

Ant Design Mobile weex-ui weex-flymeui

weex-amui's People

Contributors

Stargazers

Watchers

weex-amui's Issues

am-picker-view demo存在问题

联动选择滑动到广西的时候,子选择器显示的居然是北京市的数据

am-button的@click在h5下无效,只能是@click.native

<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
        console.log('here')
      }
    }
  };
</script>

提个需求，做个weex表格组件

很喜欢这个组件库，很多实用的组件。大佬加油！（题外话）

正题：

表格在APP中也是经常使用的，找了很多个weex组件发现都没有表格组件。功能强大的表格组件类似饿了么的表格组件十分强大。特别是过滤、筛选、排序，表头固定、侧边表固定横向滚动等。

AmListInput maxLength bug

maxLength源码中写的是:max-length,应该是:maxLength

主题里的品牌色有没有非入侵式的修改方式

通过Eros引入的amui,本身有自己的主题色彩.现在想修改控件的颜色,除了在node_modules目录中,将variable.less中的值修改,有没有别的更好的方式

提个需求：能够控制 am-grid 的里面内容的字体大小

am-html加载出来时一片空白

https://hminghe.github.io/weex-amui/docs/preview.html
通过您的demo查看也是一片空白

am-picker 地区三级联动模拟器数据显示异常问题

am-picker 地区三级联动模拟器数据显示异常问题
在模拟器中am-picker显示数据是value值，而不是lable值

bug: 链接点击没有用，只有release 的web 可用，其它都不可用。

链接点击没有用，只有release 的web 可用，其它都不可用。

am-image 怎么得到image的ref ？

父组件中使用，报错
this.$refs['image'].save((result) => {
if (result.success) {
this.$notice.toast({ message: '已保存至本地' })
} else {
this.$notice.toast({ message: '保存失败！请稍后再试试~' })
}
});

改变am-picker-view选中日期的颜色

am-picker-view绑定固定显示值问题

请问am-picker-view绑定固定显示值 v-model="value"，这个value的数据格式是什么样的，我看文档中没有解释，请问，能帮我看看嘛，我实在是没看懂代码，谢谢🙏

am-picker动态设置placeholder报错

am-picker

没有change事件，am-picker-view不是想要的效果，能给picker加个事件吗？

am-html 在ios下无效

am-html 在ios下不显示

am-switch 在ios端会出现点击两次才可以开关的问题。

如题，am-switch 在ios端使用的话，需要点击两次，在android端没有出现这样的问题。

@load.native="handleLoad" 调用image的方法无任何作用

AmImage 组件 @load.native="handleLoad" 调用image的方法无任何作用

我改了组件像这样，使用和原来的image标签一样，就可以用了

am-icon 显示问题

am-icon 在iOS中，只能同时加载一个库，使用weexPlayground 查看示例，自定义图标为问号，Android正常。
iOS版本为13.4.1。

am-picker在iphoneX上适配有问题

会出现选中不对称的问题，还会出现元素滑出可视区域的问题

am-html 在ios下无效

am-list-item 组件中的 arrow icon 尺寸不对

文件地址：/packages/am-list/item.vue
行数：31
错误原因：site="xxs" 单词拼错了，size 写成了 site

am-picker地址选择器，地区名字过长导致地址换行

#出现如下问题
1、比如**维吾尔自治区的地区选择无法滚动最底部

2、吉林省地区部分不能对应

0.1.2、0.1.3版本am-date-picker，在iphone下，显示不全，年份无法看到。

am-picker 组件滚动选择时，内容不在选择框中间。

给am-picker传入列表时，在滚动时，会出现选择项偏出选择框的情况。而且在点选后，选中的内容与显示的内容不一致。如列表项1-9，显示当前选中的是5，但实际选中的2。

主题定制问题

我通过 variable.less 定制了主题，比如品牌颜色、字体大小等，debug 模式正常，但是 weex compile 后主题没有生效可能是 less 没有被编译进去？我该怎么解决呢？

图片自适应问题

Android 5.1使用自适应宽高加载有问题

        <text class="text">自动高</text>
        <am-image :image-style="{width: '200px'}" auto-height src="https://gw.alicdn.com/tfs/TB1KF_ybRTH8KJjy0FiXXcRsXXa-890-1186.png"></am-image>

直接粘贴例子代码

ios 9.2 中am-date-picker报错, ios 11.4中正常

am-pupup建议加入动态背景色

.am-popup {
  position: absolute;
  background-color: #ffffff;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

建议将background-color动态化

0.1.3版本的am-date-picker，时间滚动选择不流畅。

0.1.3版本的am-date-picker，时间滚动选择不流畅，经常卡在两个数之间，0.1.2版本反倒没有这个问题。

can i set defalut value for am-picker-view components?

I have a requirement for calendar switching, which requires components to scroll to default values。

for this component, can automatically scroll to the default location set? what can i do it？ tks～

android am-image加载不出图片

WeexSDK版本0.18，图片不显示，@load.native不触发

am-html 出现提示 0.18.0 这是什么？

am-html 在eros框架中使用时，出现一个提示0.18.0。页面一片空白。

btnStyle不生效

组件的btnStyle属性如何设置；试了不能生效，是否可以举例说明一下