Weex首秀(1)

一直想做一个APP,去年也自学过一段时间的React Native, 但是RN相对来说学习曲线比较陡峭,并且很多资源包在下载时都不是那么容易,经常error(这个大家都懂), 所以这事儿就不了了之了。

前两天看了weex的会议,觉得阿里又在放大招了,这个工具虽然目前学习社区不多,资源组件不丰富,但是本身调式来发非常便捷,weex playground非常不错,并且因为weex是基于vue的,所以入门简单,npm run build打包以后部署到自己的服务器上,用二维码扫描以后就可以拥有一个自己的APP了,并且是兼容三端的,这一点非常诱人。

于是,我就从github上找到了一个别人的项目,https://github.com/dodola/WeexOne,然后改造一个属于自己的APP。
总体样式如下:

开始动手!

首先,引入了picker组件,这个组件用来进行时间选择,前端效果不错。


 require('weex-components');
    const picker = require('@weex-module/picker');
  export default {
    data () {
      return {
        value: ''
      }
    },
    methods: {
      pickTime () {
        picker.pickTime({
          value: this.value
        }, event => {
          if (event.result === 'success') {
            this.value = event.data
          }
        })
      }
    }
  }

接下来想尝试一下vue中的组件能否在weex中使用,比如UI组件mint,并且引入API数据。

未完待续。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 新的一周又到了,小漫又来给大家推荐插画啦 今天呢,我要给大家推荐的是日本静冈县的一位女插画师neziko。她的画风...
    趣小漫阅读 5,335评论 2 15
  • 例假是女性健康的晴雨表 1)每个月例假都提前并且量大,属于气虚的体质 2)每个月例假错后量小,属于血虚体质 3)每...
    Xuedie阅读 1,063评论 0 1
  • Before 开营第一天的手账,字大,内容多,想要装饰,但是太做作! After,虽然今天还没写完,字变小,整体舒...
    地瓜藤阅读 3,538评论 0 49
  • 2016年的最后一天,我和几个小伙伴离开了金石滩的学校,准备到大连市区跨年。坐了一个多小时轻轨来到大连火车站,十一...
    南猫先生c阅读 1,607评论 0 1

友情链接更多精彩内容