import Vue from 'vue'; import { Button, TextField, AppBar, Toolbar, IconButton, Typography, Menu, MenuItem } from '@material-ui/core'; import MenuIcon from '@material-ui/icons/Menu'; const components = { Button, TextField, AppBar, Toolbar, IconButton, Typography, Menu, MenuItem, Me...
电话 邮件 设置 主体 mui.init(); 1. 2. 3. 4. 5.
消息 点名 联系人 </
将iconfont.css及iconfont.ttf两个文件分别拷贝到mui工程css及fonts目录下,然后即可在mui中引用刚生成的字体图标,我们以选项卡为例,代码如下: 首页发现
{"title":"首页","id":"a1","href":"1.html","icon":"mui-icon-home"}, {"title":"消息也","id":"a2","href":"2.html","icon":"mui-icon-email"}, {"title":"个人中心","id":"a3","href":"3.html","icon":"mui-icon-contact"} ]//要跳转的 页面跟他的ID要先写好 var nav...
底部选项卡切换(Div模式)首页电话
...图1.4 MUI页面框架 2、添加页面内容 在MUI官网https://dev.dcloud.net.cn/mui/有各种组件,直接选择合适的组件,复制粘贴,完成布局 3、代码实例 ?...class="mui-content"> mui-bar mui-bar-tab"> mui-tab-item mui-active...mui-media mui-col-xs-4 mui-col-sm-3"> mui-icon mui-icon-home...
在主页面中加载子页面 首页 电话
先去掉返回箭头。 然后继续输入mtab,回车,底部导航栏也出来了,我们修改一下导航栏的内容,把代码稍微调整一下。 整体代码如下: <!DOCTYPE html> M-BOX
先去掉返回箭头。 然后继续输入mtab,回车,底部导航栏也出来了,我们修改一下导航栏的内容,把代码稍微调整一下。 整体代码如下: <!DOCTYPE html> M-BOX