vue ydui 如何使用

lphsally

最近新发现了ydui 这个前端框架。

但是怎么使用呢？看了官方文档，也无从下手。

希望使用过的大神指教下！

lphsally

着急着急

lphsally

川哥哥发表于 2018-4-19 11:41
这个和aui框架一样用，差不多，里面做好了很多ui界面直接用就是的啊

能给一个代码示例吗？

文档 import 这些东西应该写在哪里呢？
import Vue from 'vue';
import { Confirm, Alert, Toast, Notify, Loading } from 'vue-ydui/dist/lib.rem/dialog';
/* 使用px：import { Confirm, Alert, Toast, Notify, Loading } from 'vue-ydui/dist/lib.px/dialog'; */

Vue.prototype.$dialog = {

lphsally

川哥哥发表于 2018-4-19 11:41
这个和aui框架一样用，差不多，里面做好了很多ui界面直接用就是的啊

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Vue-ydui Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="https://**.**/vue-ydui@1.2.2/dist/ydui.px.css">


</head>
<body>
<div id="app">
<yd-button type="primary" @click.native="handleClick">Click Me!</yd-button>
</div>


<script src="https://**.**/vue@2.5.16/dist/vue.js"></script>

<script src="https://**.**/vue-ydui@1.2.2/dist/ydui.px.js"></script>
<template>
<yd-grids-group :rows="2">
      <yd-grids-item>
         <img slot="icon" src="http://static**.**/ydui/img/logo.png">
         <span slot="text">image</span>
      </yd-grids-item>
      <yd-grids-item>
         <yd-icon slot="icon" name="home" color="#FF685D"></yd-icon>
         <span slot="text">iconfont</span>
      </yd-grids-item>
</yd-grids-group>
</template>

<script type="text/babel">
export default {

}
</script>
</body>
</html>

这个是我的代码。结果和官方演示的不一样

lphsally

上面是代码，应该怎么写呢？求助

川哥哥

本帖最后由川哥哥于 2018-4-19 12:33 编辑

恩好吧这个是vue版本我没用过，我用过jquery版本，vue不懂，建议你先把vue学了后在去看ydui

lphsally

川哥哥发表于 2018-4-19 12:31
恩好吧这个是vue版本我没用过，我用过jquery版本，vue不懂，建议你先把vue学了后在去看ydui
...

你用的最多的是哪个框架呢？

全场最佳

经典问题没人回答吗，小白也很疑惑啊，貌似是es6语法？转换了也没用啊

杨愿

全场最佳发表于 2018-5-10 16:34
经典问题没人回答吗，小白也很疑惑啊，貌似是es6语法？转换了也没用啊

没用过yd，不敢说话

[其他] vue ydui 如何使用