GithubHelp home page GithubHelp logo

mint-ui / docs Goto Github PK

View Code? Open in Web Editor NEW
212.0 15.0 140.0 2.64 MB

documentation for mint-ui.

Home Page: http://mint-ui.github.io/docs

License: MIT License

Makefile 0.17% JavaScript 82.10% Vue 13.49% CSS 2.67% HTML 1.57%

docs's Issues

swipe调用的时候调用不出来

查看浏览器代码的时候，代码确实存在，也会切换 ，可是界面一片空白，不知道怎么回事，我调了半天都没调出来。
我用的是Vue-cli脚手架生成的代码 用的浏览器是chrome
请各位大神帮帮忙

babelrc 更改后无法运行项目

我的.babelrc 结构原先是
{
"presets": ["es2015", "stage-2"],
"plugins": ["transform-runtime"],
"comments": false
}
按照官网改为：
{
"presets": [
["es2015", { "modules": false }]
],
"plugins": [["component", [
{
"libraryName": "mint-ui",
"style": true
}
]]]
}
运行
npm run dev
之后 提示 import 无法识别
Uncaught SyntaxError: Unexpected token import

swiper组件点击的时候会加速

连续点击swiper中的图片，图片会加速滑动


<img :src="dataSrcData" :data-src="item.atturl" alt="" @click='go(item.url)'>

<script> import { Swipe, SwipeItem } from 'mint-ui'; </script>

navbar 报错

使用文章提供的例子，控制台会报Property or method "id" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option.

Invalid prop: type check failed for prop "fixed". Expected Boolean, got String.
请问如何解决

cell跳转无法穿参

我尝试了cell的to属性，但是无法传参，只能是字符串，并不支持object

如何获取Button对象并操作其API

需求是这样的， 需要通过外围控制button的disabled和type参数。但是目前没有看到如何获取该对象的示例，烦请指点，谢谢。

无限滚动加载的问题

我是以cnd方式引入mint-ui的，没有用到开发脚手架，以传统的开发方式开发，但是为什么Infinite scroll无效？？
请问该如何解决这个问题呢？

你们的轮播图不流畅

请问怎么解决？我没找到方法，bug 为不流畅和闪屏，如果长按的话会出现前一张图片，然后松开就不轮播了

popup不能设置点击modal层不关闭

popup中，不管设置closeOnClickModal为true还是false点击popup框之外的地方都会关闭popup框，现在想不关闭弹窗，怎么设置？这个感觉是个问题

官网示例中，Filed组件input的宽度有问题

官网中就能看到这个BUG。

图片

上图可以看到，A对应的Input里面能够输入的内容长度有限制。而B对应的Input正常。正常的应该是同B那样向右铺满整行的。

测试浏览器：火狐53.0.3 (64 位) ， 谷歌 59.0.3071.86 64位 都有这个问题。

页面不在顶部时，loadmore的下拉刷新仍会被触发

使用loadmore的下拉刷新时的一个bug：当页面的列表超出视口，用户将列表拉到下方再重新想回到顶部时，会一直触发下拉刷新，导致无法回到页面顶部。请问这一问题有什么解决方法呢？在配置时是否有要注意的问题？

Mint UI 按照官方文档引入header 组件的时候报错

返回
<script> import { Header } from 'mint-ui' Vue.component(Header.name, Header) export default { name: 'header' } </script>

报错 ：head.vue?cb18:12 Uncaught ReferenceError: Vue is not defined
at eval (head.vue?cb18:12)
at Object. (app.js:1036)
at webpack_require (app.js:660)
at fn (app.js:86)
at eval (head.vue?a56b:1)
at Object. (app.js:1206)
at webpack_require (app.js:660)
at fn (app.js:86)
at eval (index.js?3672:1)
at Object. (app.js:1043) 但是我在main.js 里面都有做了注册了的

sushi.css加载报错

因为不习惯用cooking，我尝试自己通过webpack来实现，现在遇到一个问题是结合sushi页面会报错：

Cannot find module "./fonts/icon.eot?h67jts"

实际上我在webpack里面是有引入对eot的loader的：

{
        test: /\.(eot|woff|ttf|svg)$/,
        loader: 'url-loader?limit=30000&name=[name]-[hash].[ext]'
      }

不知道发这里是否合适，麻烦帮忙看看

文档上修改日历起始时间的方法

因为引用了mintui的日历组件，在这里掉坑了，爬出来了，各位用的童鞋可以参考
<mt-datetime-picker ref="pickerBirth" v-model="birthVisible" type="date" :start-date="startDate" year-format="{value} 年" month-format="{value} 月" date-format="{value} 日" @confirm="handleBirthConfirm"> </mt-datetime-picker>
在data () { return { startDate: new Date('1950') }
声明一下即可,1950是其实时间，结束时间类似

loading

你那个组件Loadmore 怎么整,请问

indicator.close()失效

如果使用toast或者message这两个组件，如果在Promise中的catch或者finally中，并且在无论在indicator.close()的line after或者line before都会导致indicator.close()失效。

例如这种写法
js

Indicator.open({
text:'正在请求...',
 spinnerType:'double-bounce'
})
axios.post(url,...).then(res=>{
...
}).catch(err=>{
Indicator.close()
message.alert('成功','提示'）
})

loadmore ios 体验很不好 希望能改进

安卓还好 ios因为使用的是游览器的的overflow滚动 不然很卡 需要添加 -webkit-overflow-scrolling: touch; 属性但和loadtop和loadbottom就冲突了。要滚动物理加速停止才算 。此外还发现 东西多了越滚越卡甚至死机。 官方的pushup 例子也有要到400多条才越明显。 希望能借鉴iscroll 从写下 mint很棒 也很用心 但不能因为这个坑我们转战别的阵营

start error?

报错信息如下：

> [email protected] dev /Users/zhangpu/Documents/frontEnd/mint-ui-docs
> npm run build:router && cooking watch -p


> [email protected] build:router /Users/zhangpu/Documents/frontEnd/mint-ui-docs
> node bin/build-router

router file done

[[email protected]] - Loaded success: saladcss
[[email protected]] - Loaded success: lint
[[email protected]] - Loaded success: vue

[[email protected]] - Loading server...
[[email protected]] - Listening at http://10.204.131.8:8075
Build completed in 17.827s


ERROR in /usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-21dec0e0&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/app.vue
Module build failed: TypeError: plugins.slice is not a function
    at Object.module.exports (/Users/zhangpu/Documents/frontEnd/mint-ui-docs/node_modules/vue-loader/lib/style-rewriter.js:49:31)
 @ ./~/vue-style-loader!/usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-21dec0e0&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/app.vue 4:14-270 13:2-17:4 14:20-276
 @ ./src/app.vue
 @ ./src/main.js
 @ multi app

ERROR in /usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-1ac83258&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/navbar.vue
Module build failed: TypeError: plugins.slice is not a function
    at Object.module.exports (/Users/zhangpu/Documents/frontEnd/mint-ui-docs/node_modules/vue-loader/lib/style-rewriter.js:49:31)
 @ ./~/vue-style-loader!/usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-1ac83258&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/navbar.vue 4:14-282 13:2-17:4 14:20-288
 @ ./src/components/navbar.vue
 @ /Users/zhangpu/~/babel-loader!./~/vue-loader/lib/selector.js?type=script&index=0!./src/app.vue
 @ ./src/app.vue
 @ ./src/main.js
 @ multi app

ERROR in /usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-2f3a6756&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/phone.vue
Module build failed: TypeError: plugins.slice is not a function
    at Object.module.exports (/Users/zhangpu/Documents/frontEnd/mint-ui-docs/node_modules/vue-loader/lib/style-rewriter.js:49:31)
 @ ./~/vue-style-loader!/usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-2f3a6756&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/phone.vue 4:14-281 13:2-17:4 14:20-287
 @ ./src/components/phone.vue
 @ /Users/zhangpu/~/babel-loader!./~/vue-loader/lib/selector.js?type=script&index=0!./src/app.vue
 @ ./src/app.vue
 @ ./src/main.js
 @ multi app

ERROR in /usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js!./~/vue-loader/lib/selector.js?type=style&index=0!./~/vue-markdown-loader/.cache/README-1.vue
Module build failed: TypeError: plugins.slice is not a function
    at Object.module.exports (/Users/zhangpu/Documents/frontEnd/mint-ui-docs/node_modules/vue-loader/lib/style-rewriter.js:49:31)
 @ ./~/vue-style-loader!/usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js!./~/vue-loader/lib/selector.js?type=style&index=0!./~/vue-markdown-loader/.cache/README-1.vue 4:14-234 13:2-17:4 14:20-240
 @ ./~/vue-loader!./~/vue-markdown-loader/.cache/README-1.vue
 @ ./src/pages/README.md
 @ ./src/route.js
 @ ./src/main.js
 @ multi app
Child html-webpack-plugin for "index.html":

webpack: bundle is now VALID.
webpack: bundle is now INVALID.

Build completed in 1.285s


ERROR in /usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-21dec0e0&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/app.vue
Module build failed: TypeError: plugins.slice is not a function
    at Object.module.exports (/Users/zhangpu/Documents/frontEnd/mint-ui-docs/node_modules/vue-loader/lib/style-rewriter.js:49:31)
 @ ./~/vue-style-loader!/usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-21dec0e0&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/app.vue 4:14-270 13:2-17:4 14:20-276
 @ ./src/app.vue
 @ ./src/main.js
 @ multi app

ERROR in /usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-1ac83258&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/navbar.vue
Module build failed: TypeError: plugins.slice is not a function
    at Object.module.exports (/Users/zhangpu/Documents/frontEnd/mint-ui-docs/node_modules/vue-loader/lib/style-rewriter.js:49:31)
 @ ./~/vue-style-loader!/usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-1ac83258&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/navbar.vue 4:14-282 13:2-17:4 14:20-288
 @ ./src/components/navbar.vue
 @ /Users/zhangpu/~/babel-loader!./~/vue-loader/lib/selector.js?type=script&index=0!./src/app.vue
 @ ./src/app.vue
 @ ./src/main.js
 @ multi app

ERROR in /usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-2f3a6756&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/phone.vue
Module build failed: TypeError: plugins.slice is not a function
    at Object.module.exports (/Users/zhangpu/Documents/frontEnd/mint-ui-docs/node_modules/vue-loader/lib/style-rewriter.js:49:31)
 @ ./~/vue-style-loader!/usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-2f3a6756&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/phone.vue 4:14-281 13:2-17:4 14:20-287
 @ ./src/components/phone.vue
 @ /Users/zhangpu/~/babel-loader!./~/vue-loader/lib/selector.js?type=script&index=0!./src/app.vue
 @ ./src/app.vue
 @ ./src/main.js
 @ multi app

ERROR in /usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js!./~/vue-loader/lib/selector.js?type=style&index=0!./~/vue-markdown-loader/.cache/README-1.vue
Module build failed: TypeError: plugins.slice is not a function
    at Object.module.exports (/Users/zhangpu/Documents/frontEnd/mint-ui-docs/node_modules/vue-loader/lib/style-rewriter.js:49:31)
 @ ./~/vue-style-loader!/usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js!./~/vue-loader/lib/selector.js?type=style&index=0!./~/vue-markdown-loader/.cache/README-1.vue 4:14-234 13:2-17:4 14:20-240
 @ ./~/vue-loader!./~/vue-markdown-loader/.cache/README-1.vue
 @ ./src/pages/README.md
 @ ./src/route.js
 @ ./src/main.js
 @ multi app

node版本：v6.2.2

npm版本：3.10.6

cooking版本：1.2.12

另外问一下，成功之后访问什么地址？

message-box 写的不够详细

初学者可能以为是promise形式Resolved是点击确认，Rejected是点击失败，建议添加说明

if (action === 'confirm') {
... //点击确定执行操作
} else if (action === 'cancel') {
... //点击取消执行操作
}

更新2.2.12后picker组件有bug

版本更新到2.2.12以后，picker组件的联动上会出现一个不出发onchange的问题，希望尽快修复，版本2.2.10正常

Field组件中， type=date不兼容火狐浏览器 

<mt-field v-model="birthday" type="date" placeholder="请选择生日"></mt-field>

上面这段代码在火狐浏览器中无法将选择的值与birthday变量绑定

刚开始以为是mint-ui的bug， 后来发现是火狐浏览器的问题 ， 见下面的链接：
Date and time inputs

火狐浏览器从51版本支持了type=date的input标签， 但是默认没有enable，需要手动配置浏览器， 但是我实际测试了一下， enable之后还是不行（firfox for android 54）

希望官方在文档中给出相关提示。

MessageBox返回action的问题 

  使用MessageBox.confirm()的时候取消的状态在then(action => {})中不能获取，而是在catch中拿到，应该是直接使用了reject。
  而使用MessageBox(showCancalButton: true)的时候取消的状态在then(action => {})中则能获取，应该是使用了resolve返回action。这种差别应该是下面中的判断导致，不知道是有意为之还是怎样？

if ($type === 'confirm' || $type === 'prompt') { if (action === 'confirm') { if (instance.showInput) { currentMsg.resolve({ value: instance.inputValue, action }); } else { currentMsg.resolve(action); } } else if (action === 'cancel' && currentMsg.reject) { currentMsg.reject(action); } } else { currentMsg.resolve(action); }

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.