Weex快速上手教程(Weex Tutorial) #4

lvscar · 2016-06-12T11:03:32Z

本文档已迁移至 https://weex-project.io/cn/guide/ ，此处不再维护，谢谢。

我们将使用Weex编写一个简单的列表，类似的列表经常能在电商类移动应用中见到。

开始

我们先编写一个列表项。

<template>
  <div class="container" >
    <div class="cell">
       <image class="thumb" src="http://t.cn/RGE3AJt"></image>  
       <text class="title">JavaScript</text>
    </div>
  </div>
</template>

<style>
  .cell{margin-top:10 ; margin-left:10 ; flex-direction: row; }
  .thumb {width: 200; height: 200; }
  .title {text-align: center ; flex: 1; color: grey; font-size: 50; }  
</style>

请创建一个名为 tech_list.we 的文件( .we 是Weex推荐的后缀名 ) ，请复制粘贴以上代码于其中。

因为Weex工具链使用Node.js构建，在进行后续步骤前，你需要先安装 Node.js, 在Node.js安装成功后,你可以执行下面的命令来安装Weex命令行程序 Weex Toolkit 。

npm install -g weex-toolkit

在安装结束后，你能通过在命令行窗口执行 weex 命令来检查工具是否安装正确。仅仅输入weex并敲击回车后，你应该看到如下内容显示：

Usage: weex foo/bar/your_next_best_weex_script_file.we  [options]

Options:
  --qr     display QR code for native runtime, 
  -o,--output  transform weex we file to JS Bundle, output path (single JS bundle file or dir)
  -s,--server  start a http file server, weex .we file will be transforme to JS bundle on the server , specify local root path using the option  
  ......
  --help  Show help

如果一切正常，请在命令行中切换工作目录到刚才存储 tech_list.we 所用目录并输入如下命令：

weex tech_list.we

你系统默认浏览器的窗口将自动打开以显示如下内容。
(请使用 weex --version 命令检查你的weex-toolkit版本是否大于 0.1.0）

语法概念

现在我们来了解下一些简单的语法概念。如 tech_list.we所示，Weex代码由三部分构成： template (模板)， style (样式) 和 script (脚本) 。这三个概念之于Weex就如 html，css，javascript 之于Web。

模板部分赋予Weex以骨架，由标签以及标签包围的内容构成。Weex中的标签分为开放标签(eg: )和闭合标签(eg: )两种，我们把每一对开放&闭合标签称为一组Weex标签。标签中能添加属性，不同的属性有不同的含义，例如 class属性让同样的样式可以作用于多组Weex标签， onclick 属性让标签能对用户点击事件作出回应。

样式部分描述Weex标签如何显示。和你一样，我们喜欢CSS，所以Weex中的样式尽量和CSS标准一致。Weex支持很多CSS中的特性： margin, padding, fixed...... 更好的是， flexbox布局模型在Weex中有着很好的支持。

脚本部分为Weex标签添加数据与逻辑，在这里你能方便的访问本地和远程的数据并更新标签。你还能定义方法并让这些方法响应不同的事件。Weex脚本的组织方式基本遵循于CommonJS module规范。

关于Weex语法的更多信息，你能在 Syntax chapter 查看。

添加更多的列表项

单独一个列表项称不上”列表” ，所以让我们来添加更多的列表项。打开刚才的tech_list.we文件，更新其中的内容如下：

<template>
  <div class="container">
    <div class="cell">
        <image class="thumb" src="http://t.cn/RGE3AJt"></image>
        <text class="title">JavaScript</text>
    </div>
    <div class="cell">
        <image class="thumb" src="http://t.cn/RGE3uo9"></image>
        <text class="title">Java</text>
    </div>
    <div class="cell">
        <image class="thumb" src="http://t.cn/RGE31hq"></image>
        <text class="title">Objective C</text>
    </div>
  </div>
</template>

<style>
  .cell{ margin-top:10 ; margin-left:10 ; flex-direction: row; }
  .thumb { width: 200; height: 200; }
  .title { text-align: center ; flex: 1; color: grey; font-size: 50; }
</style>

现在，让我们来尝试使用Weex Native渲染器来渲染这个文件。打开终端，切换到保存该文件的目录，执行：

weex tech_list.we --qr

终端中将会出现一个二维码，类似如下这样：

这个二维码需要配合 Weex Playground App工作。下载安装后点击App中的扫码图标，然后用你的手机摄像头扫描终端中的二维码。一个漂亮的列表将出现在你的手机中。

这里我需要强调，这个列表是完全由native view(不是Webkit)来进行渲染的，相比Webkit渲染的界面，你的App能获得更快的页面加载速度和更少的内存开销。

现在你能尝试变更一些 tech_list.we中的内容，在保存变更内容之后， Weex Playground 将会立即在界面上反映出这些变化，这个特性常被称为 Hot-Reload ，希望能帮助你更方便的进行Weex开发。

添加内置组件

除了自己动手从最基础的标签开始编写，Weex还提供很多内置组件。Slider(滑动器)在移动App和页面中很常见，所以我们提供了一个内置的Slider组件让你能在自己的界面里轻松的添加一个滑动器。打开 tech_list.we，把里面的内容变更如下：

<template>
  <div style="flex-direction: column;">
    <slider class="slider" interval="{{intervalValue}}" auto-play="{{isAutoPlay}}" >
      <div class="slider-pages" repeat="{{itemList}}" onclick="goWeexSite" >
        <image class="thumb" src="{{pictureUrl}}"></image>
        <text class="title">{{title}}</text>
      </div>
    </slider>

  <div class="container" onclick="goWeexSite" >
    <div class="cell">
        <image class="thumb" src="http://t.cn/RGE3AJt"></image>
        <text class="title">JavaScript</text>
    </div>
    <div class="cell">
        <image class="thumb" src="http://t.cn/RGE3uo9"></image>
        <text class="title">Java</text>
    </div>
    <div class="cell">
        <image class="thumb" src="http://t.cn/RGE31hq"></image>
        <text class="title">Objective C</text>
    </div>
  </div>
</template>

<style>
  .cell { margin-top:10 ; margin-left:10 ; flex-direction: row; }
  .thumb { width: 200; height: 200; }
  .title { text-align: center ; flex: 1; color: grey; font-size: 50; }
  .slider {
    margin: 18;
    width: 714;
    height: 230;
  }
  .slider-pages {
    flex-direction: row;
    width: 714;
    height: 200;
  }
</style>

<script>
module.exports = {
    data: {
      intervalValue:"1000",
      isShowIndicators:"true",
      isAutoPlay:"true",
      itemList: [
        {title: 'Java', pictureUrl: 'http://t.cn/RGE3uo9'},
        {title: 'Objective C', pictureUrl: 'http://t.cn/RGE31hq'},
        {title: 'JavaScript', pictureUrl: 'http://t.cn/RGE3AJt'}
      ]
    },
    methods: {
      goWeexSite: function () {
        this.$openURL('http://alibaba.github.io/weex/')
      }
    }
}
</script>

在终端中同一目录再次运行这个命令：

weex tech_list.we

一个漂亮的滑动器将会添加到我们之前编写列表的顶部。

更多有关滑动器组件的信息请在这里查看。

就像我们之前演示过的，这个界面也能用"Native View"的方式在 Weex Playground App中被渲染。如果你想让你自己的App也获得这样的能力，请访问这份文档学习如何把Weex集成进入你自己的App中。

The text was updated successfully, but these errors were encountered:

lijialiang · 2016-06-14T08:35:55Z

安卓上编译出来的 list cell 是否通过复用（类似 iOS list cell）提高性能？

Jinjiang · 2016-06-15T15:54:49Z

@lilijialiang 是的，直接用 <list> 和 <cell> 就可以了 http://alibaba.github.io/weex/doc/components/list.html

trainges · 2016-06-17T08:47:55Z

你好!wxc-tabbar跟wxc-navpage两个标签一直显示不了,是怎么回事?用的是 Example的代码

xiaobeibeinihao · 2016-06-24T09:42:28Z

@trainges 你现在跑起代码了吗？

duyuan199010 · 2016-06-30T09:25:17Z

用Weex Playground App 扫描生成的二维码，为什么一直在loading ？

daochouwangu · 2016-07-01T03:22:24Z

@duyuan199010 你看一下是不是weex的host是local，而你的手机和电脑不在同一个网络

duyuan199010 · 2016-07-02T00:54:17Z

@daochouwangu 是我公司网络的问题，我在家里的网络环境没有这个问题，谢谢！

lingyunzhu · 2016-07-05T06:44:06Z

我遇到如下错误，是因为端口问题？有大神知道我怎么改么？
info Tue Jul 05 2016 14:32:16 GMT+0800 (中国标准时间)WebSocket is listening on port 8082
info Tue Jul 05 2016 14:32:16 GMT+0800 (中国标准时间)http is listening on port 8081
events.js:141
throw er; // Unhandled 'error' event
^

Error: listen EADDRINUSE 0.0.0.0:8082
at Object.exports._errnoException (util.js:874:11)
at exports._exceptionWithHostPort (util.js:897:20)
at Server._listen2 (net.js:1234:14)
at listen (net.js:1270:10)
at net.js:1379:9
at doNTCallback3 (node.js:452:9)
at process._tickCallback (node.js:358:17)

acton393 · 2016-07-05T07:03:50Z

hi @lingyunzhu 可以看下这个issue #21

siqin · 2016-07-05T07:40:54Z

我是从Weex Tutorial的中文版icon提示跳转过来的，那边是英文版本，我觉得开头的语法细节貌似有点问题：

Tutorial

We will make a simple but realistic list of tech that weex used, this form of list also work for a lot of e-commerce app/mobile site.

Getting Started

Let's start easy though, making a item of list.

所以过来看中文版的，不过也发现了一些细节问题，比如开头的中英文标点符号混用：

我们将使用Weex编写一个简单的列表 , 类似的列表经常能在电商类移动应用中见到.

开始

我们先编写一个列表项.

这里是句号，后面还有逗号和冒号：

使用Node.js构建，在进行后续步骤前，你需要先安装 Node.js, 在Node.js安装成功后,你可以执行下面的命令来安装Weex命令行程序 Weex Toolkit 。

在安装结束后，你能通过在命令行窗口执行 weex 命令来检查工具是否安装正确. 仅仅输入weex并敲击回车后，你应该看到如下内容显示:

以上这些应该不算吹毛求疵，而是优质文档应该具备的，尤其是有感于最近某度UX总监PPT上标点符号都用不太对。

从另一个方面来讲，优质的项目文档，也是在展示一部分项目质量，同时也给予开发者更多的信心。
Thanks.

BruceVan1987 · 2016-07-05T08:08:44Z

不知是否有为AndroidStudio或者SublimeText开发we文件编辑器插件的计划？

lvscar · 2016-07-06T02:53:06Z

谢谢 @siqin 的指正，已经重新编辑替换本文中的英文标点。如对代码有兴趣，也请 @siqin review下我们的代码，希望早日看到你的PR ;-)

hugojing · 2016-07-07T01:53:56Z

添加内置组件 slider 的代码：

<template>
  <div style="flex-direction: column;">
    <slider class="slider" interval="{{intervalValue}}" auto-play="{{isAutoPlay}}" >
      <div class="slider-pages" repeat="{{itemList}}" onclick="goWeexSite" >
        <image class="thumb" src="{{pictureUrl}}"></image>
        <text class="title">{{title}}</text>
      </div>
    </slider>

  <div class="container" onclick="goWeexSite" >
    <div class="cell">
        <image class="thumb" src="http://t.cn/RGE3AJt"></image>
        <text class="title">JavaScript</text>
    </div>
    <div class="cell">
        <image class="thumb" src="http://t.cn/RGE3uo9"></image>
        <text class="title">Java</text>
    </div>
    <div class="cell">
        <image class="thumb" src="http://t.cn/RGE31hq"></image>
        <text class="title">Objective C</text>
    </div>
  </div>
</template>

为什么 <div style="flex-direction: column;"> 没有闭合标签 </div> ？
给加上闭合标签后，运行是一片空白；不加才可以成功运行。
这是为什么？

JakeWoki · 2016-07-08T16:11:15Z

用什么开发软件开发比较好？完全新手

kenberkeley · 2016-07-11T09:09:47Z

Sublime暂时只能用Vue Syntax Highlight这个package语法高亮。。。

wangGuangXu · 2016-07-18T14:09:58Z

现在，让我们来尝试使用Weex Native渲染器来渲染这个文件。打开终端，切换到保存该文件的目录，执行：

请教一下这块这个终端指的是什么？

wangGuangXu · 2016-07-18T14:22:11Z

我什么我的苹果手机装的那个iosAPP的扫码功能识别不了我电脑生成的二维码这是怎么回事？

hugojing · 2016-07-19T01:13:56Z

@wangGuangXu 终端就是 terminal ，命令行输入界面。

arch-leo · 2016-07-20T05:22:03Z

@hugojing 这个打开终端意思什么呢？我的操作是第一次：在cmd命令中执行过 weex *.we后（未关闭this cmd），再重新打开cmd命令执行weex *.we --qr，结果，报错，不能生成二维码；第二次：在cmd命令中执行过 weex *.we后（关闭this cmd），再重新打开cmd命令执行weex *.we --qr，结果，能生成二维码，但是weex olayground app扫描后，出现NetworkError，并且不能出现页面。。。。这是怎么回事？求解

robbieliu2003 · 2016-07-20T10:09:37Z

我的mac 8081端口被占用，根据issue #21杀不掉占用的进程，是否有办法配置成其他的端口号？

PORT STATE SERVICE
8081/tcp open blackice-icecap

dingyiming · 2016-07-21T16:00:55Z

总觉着这个快速上手一点也不快，反而凌乱，无从下手有点，想说很多，却都没说完整啥，好像欠缺一定的做个入门示例的思路，抱歉。。。

hugojing · 2016-07-22T01:38:11Z

@archLeozyf 你下个 git bash 吧

lawliet09 · 2016-07-24T08:37:57Z

npm install -g weex-toolkit安装的时候命令行一直在loading状态，也不显示任何任何信息，有大神知道怎么回事吗

hugojing · 2016-07-25T01:15:13Z

@lawliet09 网络不好。

yxlwfds · 2016-07-28T09:40:44Z

国内写的文档居然用英文我也是醉了

transtone · 2016-07-29T01:12:53Z

这个不叫 weex 上手教程，这个叫 weex-toolkit 上手教程。

winnerliu · 2016-07-29T02:36:27Z

@archLeozyf 遇到一样的问题解决了木有

yundongbot · 2016-12-09T03:27:49Z

@duyuan199010 看下是否在同一局域网

yundongbot · 2016-12-09T03:28:03Z

@BruceVan1987 weex 编辑器插件在这里 https://github.com/alibaba/weex/wiki/Weex-Community

yundongbot · 2016-12-09T03:28:21Z

@JakeWoki 都行。个人推荐 VSCode

yundongbot · 2016-12-09T03:29:02Z

@wangGuangXu 装一下最新版的 Playground 试试。http://alibaba.github.io/weex/download.html

yundongbot · 2016-12-09T03:29:09Z

@dingyiming 试试这篇新的，https://alibaba.github.io/weex/cn/doc/get-started.html

yundongbot · 2016-12-09T03:29:24Z

@lawliet09 npm 在国内访问不稳定，可以使用 cnpm ，参考最新文档 https://alibaba.github.io/weex/cn/doc/develop-on-your-local-machine.html

yundongbot · 2016-12-09T03:29:53Z

@transtone 这都被你发现了，那你看看这篇评测一下 https://alibaba.github.io/weex/cn/doc/get-started.html

yundongbot · 2016-12-09T03:30:04Z

@weishiji 发送请求请使用 stream 模块，这是文档地址 https://alibaba.github.io/weex/cn/doc/modules/stream.html

cuanhanshansi · 2016-12-16T08:38:11Z

@archLeozyf 你说的生成二维码和不生成（即自动打开浏览器）的两个命令行是不能同时运行的，它指向的是同一个localhost，然后至于你用手机扫后报networkError有两种情况：1，手机，电脑处于同一网络下；2，网速有问题。估计第二种情况的可能比较大吧。希望参考。

zhuruyi2013 · 2016-12-20T01:33:36Z

mac上 npm install -g weex-toolkit 下载不下来

npm ERR! Darwin 16.0.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "-g" "weex-toolkit"
npm ERR! node v6.9.2
npm ERR! npm v3.10.9

npm ERR! shasum check failed for /tmp/npm-26796-7337915e/registry.npmjs.org/stream-http/-/stream-http-2.5.0.tgz
npm ERR! Expected: 585eee513217ed98fe199817e7313b6f772a6802
npm ERR! Actual: 1fff5fbc7f1a97413402b06010c73bd0af454d18
npm ERR! From: https://registry.npmjs.org/stream-http/-/stream-http-2.5.0.tgz
npm ERR!
npm ERR! If you need help, you may report this error at:
npm ERR! https://github.com/npm/npm/issues

npm ERR! Please include the following file with any support request:
npm ERR! /Users/zhuruyi/learn/weex/firstDemo/npm-debug.log

yundongbot · 2016-12-20T02:51:29Z

@zhuruyi2013 网络问题，换淘宝源或者使用 cnpm。

runfengai · 2016-12-20T09:30:15Z

太给力了吧，说句实话，weex相对国内DCloud和APICloud，有很大的提升，因为是用的native view渲染，而不是系统的webkit内核，weex出来的初衷也是为了解决ReactNative使用过程中遇到的一些问题。weex是开源的，DCloud不开源让人很不爽，而且更新频率很慢。我想说，开源的框架才是最牛逼的。支持weex

zhwei820 · 2016-12-22T14:28:47Z

大部分人估计都跟我一样，一上来想看完整的打包过程，其实慢慢从语法开始也是比较好的。下面是打包工具，其实打完包之后还是得回来学语法

https://www.npmjs.com/package/weex-pack

weexpack 介绍
weexpack 是 weex 新一代的工程开发套件。它允许开发者通过简单的命令，创建 weex 工程项目，将项目运行在不同的开发平台上。

kind-hearted · 2016-12-27T03:59:54Z

我用的cnpm的镜像，npm install --save-dev weex-toolkit，有个模块安装不了，error 404 no such package available : @f/defaults，这个是你们的私有包吗？要怎么才能搞过来！

yundongbot · 2016-12-27T05:23:38Z

@chinafootballyu 试试 npm install -g weex-toolkit

kind-hearted · 2016-12-27T06:21:03Z

@DoranYun 这个试过，也不行，应该是cnpm镜像上面没有这个包，我换回官方的地址可以了，谢谢了。

charmingzuo · 2017-01-02T09:34:49Z

“添加内置组件” 那部分的 <div> 没有关闭

lingyijun · 2017-01-03T03:30:17Z

按照本文的指引，安装 Weex Toolkit，执行weex --version 失败，提示如下

module.js:471
throw err;
^

Error: Cannot find module 'koa-bodyparser'
at Function.Module._resolveFilename (module.js:469:15)
at Function.Module._load (module.js:417:25)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (/usr/local/lib/node_modules/weex-toolkit/node_modules/weex-devtool/lib/DebugServer.js:9:18)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (/usr/local/lib/node_modules/weex-toolkit/node_modules/weex-devtool/index.js:14:19)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)

yundongbot · 2017-01-03T03:51:58Z

@SophiaDUPON 你好，遇到报错到主仓库提 issue

cristaltina · 2017-01-16T08:39:22Z

@DoranYun 请问weex如何上传文件（如图片），类似
<input type="file"> 这样的功能？

yundongbot · 2017-01-16T09:28:46Z

@cristaltina 目前暂不支持文件上传。

cristaltina · 2017-01-16T10:19:51Z

@DoranYun 那那那短期内会增加这个功能嘛？想评估一下项目能不能用weex来做

yundongbot · 2017-01-16T12:28:27Z

@cristaltina 你可以到主仓库开 issue 发起讨论。

MechaGirls · 2017-01-19T05:55:17Z

weex难道不是阿里开发的，为啥没有中文文档。还需要翻译。

vczero · 2017-01-19T10:39:09Z

@2015-lizaiyang https://weex-project.io/cn/

yundongbot · 2017-01-20T06:51:13Z

本文档已迁移至 https://weex-project.io/cn/guide/ ，此处不再维护，谢谢。

liCat · 2017-03-23T14:42:49Z

文档已迁至http://weex.apache.org/cn/

cqs223 · 2017-04-10T07:44:59Z

weex-toolkit安装后,执行weex -v命令可查看weex的版本号.但是执行weex的时候报错,错误如下:
chenqsdeMacBook-Pro:~ chenqs$ weex
/usr/local/lib/node_modules/weex-toolkit/node_modules/._xtoolkit@0.2.7@xtoolkit/src/package/NpmPackage.js:50
throw new Error('resolve path error:'+this.path)
^

Error: resolve path error:/usr/local/lib/node_modules/weex-toolkit/node_modules/._weex-previewer
at NpmPackage.resolve (/usr/local/lib/node_modules/weex-toolkit/node_modules/._xtoolkit@0.2.7@xtoolkit/src/package/NpmPackage.js:50:23)
at Command.run (/usr/local/lib/node_modules/weex-toolkit/node_modules/._xtoolkit@0.2.7@xtoolkit/src/Command.js:43:13)
at XToolkit._done (/usr/local/lib/node_modules/weex-toolkit/node_modules/._xtoolkit@0.2.7@xtoolkit/src/xtoolkit.js:149:36)
at process.nextTick (/usr/local/lib/node_modules/weex-toolkit/node_modules/._xtoolkit@0.2.7@xtoolkit/src/xtoolkit.js:90:22)
at _combinedTickCallback (internal/process/next_tick.js:73:7)
at process._tickCallback (internal/process/next_tick.js:104:9)
at Module.runMain (module.js:607:11)
at run (bootstrap_node.js:423:7)
at startup (bootstrap_node.js:147:9)
at bootstrap_node.js:538:3
请问该怎么解决?

chenxiaozhen0104 · 2018-07-06T06:59:43Z

请问拨打电话功能模块有吗

lvscar changed the title ~~Weex快速上手指南~~ Weex快速上手教程(Weex Tutorial) Jun 12, 2016

transtone mentioned this issue Jul 1, 2016

文档翻译 - 数据绑定（Data-Binding） #5

Open

hugojing mentioned this issue Jul 18, 2016

Weex Playground App #48

Open

lingyijun mentioned this issue Jan 3, 2017

Weex Toolkit 安装后，执行命令出错 alibaba/weex#2110

Closed

Weex快速上手教程(Weex Tutorial) #4

Weex快速上手教程(Weex Tutorial) #4

Comments

lvscar commented Jun 12, 2016 • edited by yundongbot Loading

开始

语法概念

添加更多的列表项

添加内置组件

lijialiang commented Jun 14, 2016

Jinjiang commented Jun 15, 2016 • edited Loading

trainges commented Jun 17, 2016

xiaobeibeinihao commented Jun 24, 2016

duyuan199010 commented Jun 30, 2016

daochouwangu commented Jul 1, 2016

duyuan199010 commented Jul 2, 2016

lingyunzhu commented Jul 5, 2016

acton393 commented Jul 5, 2016

siqin commented Jul 5, 2016

BruceVan1987 commented Jul 5, 2016

lvscar commented Jul 6, 2016

hugojing commented Jul 7, 2016

JakeWoki commented Jul 8, 2016

kenberkeley commented Jul 11, 2016

wangGuangXu commented Jul 18, 2016

wangGuangXu commented Jul 18, 2016

hugojing commented Jul 19, 2016

arch-leo commented Jul 20, 2016

robbieliu2003 commented Jul 20, 2016

dingyiming commented Jul 21, 2016

hugojing commented Jul 22, 2016

lawliet09 commented Jul 24, 2016

hugojing commented Jul 25, 2016

yxlwfds commented Jul 28, 2016

transtone commented Jul 29, 2016

winnerliu commented Jul 29, 2016

yundongbot commented Dec 9, 2016

yundongbot commented Dec 9, 2016

yundongbot commented Dec 9, 2016

yundongbot commented Dec 9, 2016

yundongbot commented Dec 9, 2016

yundongbot commented Dec 9, 2016

yundongbot commented Dec 9, 2016

yundongbot commented Dec 9, 2016

cuanhanshansi commented Dec 16, 2016

zhuruyi2013 commented Dec 20, 2016 • edited Loading

yundongbot commented Dec 20, 2016

runfengai commented Dec 20, 2016

zhwei820 commented Dec 22, 2016

kind-hearted commented Dec 27, 2016

yundongbot commented Dec 27, 2016

kind-hearted commented Dec 27, 2016

charmingzuo commented Jan 2, 2017

lingyijun commented Jan 3, 2017 • edited Loading

yundongbot commented Jan 3, 2017

cristaltina commented Jan 16, 2017

yundongbot commented Jan 16, 2017

cristaltina commented Jan 16, 2017

yundongbot commented Jan 16, 2017

MechaGirls commented Jan 19, 2017

vczero commented Jan 19, 2017

yundongbot commented Jan 20, 2017

liCat commented Mar 23, 2017

cqs223 commented Apr 10, 2017

chenxiaozhen0104 commented Jul 6, 2018

lvscar commented Jun 12, 2016 •

edited by yundongbot

Loading

Jinjiang commented Jun 15, 2016 •

edited

Loading

zhuruyi2013 commented Dec 20, 2016 •

edited

Loading

lingyijun commented Jan 3, 2017 •

edited

Loading