XMUI
基于vue 2+ ，为公司产品打(zao)造(lun)的(zi)可复用UI组件，适用于 移动 和 部分PC 端，其中包括 基础组件 和 应用组件，目前 组件 和 文档 在不断完善中。
特性
基于 Vue
>=v2.1.4开发的可复用 UI 组件，并且可随产品需要扩展使用Vue官方的工作流，支持 ES6
一系列线上产品都在使用中
关于SEO问题推荐使用插件 prerender-spa-plugin
浏览器支持
适用于 移动 和 部分PC 端(Chrome,safari,IE9+等)
开发
全局引入 -- 在 webpack 入口文件 main.js 中如下配置：
# 安装 cnpm install x-m-ui --save # 引入css import 'x-m-ui/package/xmui.min.css' # 引入xmui.min.js import xmui from 'x-m-ui' # 注入到vue Vue.use(xmui)
按需引入 -- 在 入口文件 main.js 或 组件内 中如下配置：
# 全局组件 main.js引入
import Toast from 'x-m-ui/package/comps/components/toast'
Vue.prototype.$toast = Toast
# 一般组件
import xmButton from 'x-m-ui/package/comps/components/button'
import xmButtonGroup from 'x-m-ui/package/comps/components/buttongroup'
import xmModal from 'x-m-ui/package/comps/components/modal'
...
components: {
xmButton,
xmButtonGroup,
xmModal
...
}
更多说明，请查看在线文档
查看示例
组件列表
按钮
标签
加载更多
搜索框
单元格
表单
网格和图标
flexbox
Modal
Toast
Loading
工单流程
skeleton骨架
轮播
ActionSheet
Popup
无缝滚动
左右滑菜单
时间选择器
标签页
导航栏(顶部)
标签栏(底部)
关于如何构建 Vue 组件库的文章，有兴趣的朋友可了解一起探讨
贡献
在此不一一感谢所有付出脑力体力的同仁，如有疑问，请与我们联系
如果你在使用时遇到问题，或者有好的建议，欢迎给我们提 Issue 或 Pull Request
-
手机型号为华为Mate20pro 1.电脑上下个HiSuite（华为手机助手）安装好 2.手机上 设置——系统——关于手机——点击版本号 开启开发者模式（这里有点不太记得要按几次了，我机器到手就开了，隐约记得要按蛮多次的） 3.手机上 设置——系统——开发人员选项——USB调试开启 4.用数据线把手机和电脑连起来 5.Hbuilder——运行——运行到手机或模拟器 然后应该就能看到手机，点击就是了
-
一 mui打开新界面的几种方式和区别 1.初始化时创建子页面 2.直接打开新页面 3.预加载页面 【示例】 1.初始化时创建子页面 mui.init({ subpages: [{ url: your - subpage - url, //子页面HTML地址，支持本地地址和网络地址 id: your - subpage - id, //子页面标志
-
手机型号为华为Mate20pro 1.电脑上下个HiSuite（华为手机助手）安装好 2.手机上 设置——系统——关于手机——点击版本号 开启开发者模式（这里有点不太记得要按几次了，我机器到手就开了，隐约记得要按蛮多次的） 3.手机上 设置——系统——开发人员选项——USB调试开启 4.用数据线把手机和电脑连起来 5.Hbuilder——运行——运行到手机或模拟器 然后应该就能看到手机，点击就是了
-
1.首先不能使用127.0.0.1 和localhost ， 2.手机和电脑要在同一个局域网中 3.要关闭防火墙，之前一直都是被这个给坑了，之前是关了的不知道win10 怎么回事又把 它开启了很坑 后来用同事的电脑访问我的Java后台 也无法访问，立马就想到是防火墙问题了（主要是对Java熟悉知道没得问题），关闭防火墙，测试，立马OK！
-
本文向大家介绍基于vue2的canvas时钟倒计时组件步骤解析，包括了基于vue2的canvas时钟倒计时组件步骤解析的使用技巧和注意事项，需要的朋友参考一下 今天给大家介绍一款基于vue2的canvas时钟倒计时组件，这个时钟倒计时组件采用canvas动画的炫酷动画效果形式，根据剩余时间的多少变换颜色和旋转扇形的速度，适合抢购、拍卖、下注等业务场景，且对移动端友好。 具体步骤分析： 假如设定倒计
-
Canvas 组件参考 UITransform 组件参考 Widget 组件参考 Button 组件参考 Layout 组件参考 EditBox 组件参考 ScrollView 组件参考 ScrollBar 组件参考 ProgressBar 组件参考 LabelOutline 组件参考 Toggle 组件参考 UIMeshRenderer 组件参考 ToggleGroup 组件参考 Slider
-
页面显示图 想做成的页面显示图，只想知道二级-2222拖动到了二级-4444 并重新赋值
-
如果您在声明组件时更喜欢基于类的 API，则可以使用官方维护的vue-class-component装饰器： import Vue from 'vue' import Component from 'vue-class-component' // @Component 修饰符注明了此类为一个 Vue 组件 @Component({ // 所有的组件选项都可以放在这里 template:
-
本文向大家介绍详解基于webpack2.x的vue2.x的多页面站点，包括了详解基于webpack2.x的vue2.x的多页面站点的使用技巧和注意事项，需要的朋友参考一下 本文介绍了基于webpack2.x的vue2.x的多页面站点，分享给大家，具体如下： vue的多页面 依旧使用vue-cli来初始化我们的项目 然后修改主要目录结构如下： 编写每个页面 可以看到这里我们有4个单独的页面，分别是b
-
本文向大家介绍基于Vue2的移动端开发环境搭建详解，包括了基于Vue2的移动端开发环境搭建详解的使用技巧和注意事项，需要的朋友参考一下 前言 vue2.0发布了，那么还在用vue1.x的你，是不是也有所心动呢？下面这篇文章就给大家详细介绍基于Vue2的移动端开发环境搭建的详细步骤，下面来一起看看吧。 一、vue-cli 首先还是介绍我们的脚手架工具，因为它能让我们省去大部分的配置时间，这里只给出简