mui常用

            input::-webkit-input-placeholder,
            textarea::-webkit-input-placeholder {
                color: #555;
            }
            
            input::-moz-placeholder,
            textarea::-webkit-input-placeholder {
                /* Mozilla Firefox 19+ */
                color: #555;
            }
            
            input:-moz-placeholder,
            textarea::-webkit-input-placeholder {
                /* Mozilla Firefox 4 to 18 */
                color: #555;
            }
            
            input:-ms-input-placeholder,
            textarea::-webkit-input-placeholder {
                /* Internet Explorer 10-11 */
                color: #555;
            }

1.scroll回到顶部
mui('.mui-scroll-wrapper').scroll().scrollTo(0, 0);


2.从app内跳转到浏览器打开页面
http://ask.dcloud.net.cn/question/188


3.关闭popover弹出层
mui('#share-warpper').popover('hide');

4.滑动删除后自动回弹
var li = elem.parentNode.parentNode;
mui.swipeoutClose(li);

5.取消事件绑定
mui("#list").off("tap","li",foo_1); 

6.vue @click获取元素的文本内容
console.log(e.target.innerText);

7.mui页面跳转后关闭父页面不闪屏
xlutil.pageJump("../purchase/returnRecord"); //可能要传一个参数
                                setTimeout(function() {
                                    plus.webview.currentWebview().close("pages/purchase/return");
                                }, 1000);
8.监听传参
var main = plus.webview.getWebviewById("../finance/sortManage");
                        mui.fire(main, "sendTitle");
                        mui.back();
9.禁止轮播滚动
mui("#slider").slider().stopped = true;
10.指定轮播返回到第几个页面
mui("#slider").slider().gotoItem(0);
11.在指定页面退出app的方法
var firstBack=0;
        var isWaibu=0;
        var oldBack=mui.back;
        mui.back=function(){
            if(isWaibu==1){
                xlutil.pageJump("../main/index");
                isWaibu=0;
                return;
            }
            if(firstBack==0){
                xlutil.toast("小数提醒您:再按一次退出本程序");
                firstBack=1;
                setTimeout(function(){
                    firstBack=0;
                },2000)
                return;
            }
            if(firstBack==1){
                 plus.runtime.quit();
            }
        }

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: MUI Echarts是一个基于Vue.js和ECharts的移动端图表组件库。 MUI Echarts提供了丰富的图表类型,包括折线图、柱状图、饼图、雷达图等。通过简单的配置和数据绑定,可以生成美观、交互丰富的移动端图表组件。 MUI Echarts的使用非常简单。首先,需要引入MUI和ECharts的相关依赖。然后,在Vue组件中使用<MuiEcharts>标签来包裹需要绘制图表的区域。 在<MuiEcharts>标签中,可以设置图表的类型、数据、样式等属性。可以通过props的方式传递数据给图表组件,也可以通过事件的方式监听图表的交互事件。 例如,要绘制一个折线图,可以在Vue组件的template中添加以下代码: ``` <MuiEcharts :option="lineChartOption" /> ``` 然后,在Vue组件的data属性中定义lineChartOption对象,用于设置折线图的配置,如以下代码所示: ``` data() { return { lineChartOption: { title: { text: '折线图示例' }, xAxis: { data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'] }, yAxis: {}, series: [{ name: '销量', type: 'line', data: [5, 20, 36, 10, 10, 20, 5] }] } } } ``` 这样就可以在移动端页面上展示一个简单的折线图了。 除了基础的图表类型,MUI Echarts还提供了丰富的图表样式配置、交互功能、动画效果等。可以根据自己的需要进行配置和定制。 总的来说,MUI Echarts的使用简单方便,是移动端开发中绘制图表的一种高效工具。无论是企业管理系统,还是移动端的数据可视化,MUI Echarts都可以帮助开发者快速实现图表展示功能。 ### 回答2: mui是一款基于HTML5+的前端框架,而echarts是一款流行的数据可视化库。结合使用mui和echarts可以轻松地开发出交互性强、功能丰富的数据可视化应用。 首先,我们需要引入mui和echarts的相关库文件。通过在页面中引入这些文件,我们就可以使用它们提供的功能了。 接下来,我们可以使用mui提供的组件和样式来构建用户界面。mui提供了丰富的UI组件,例如按钮、导航栏、卡片等,这些组件可以让我们的应用看起来更加美观和易于使用。 一旦我们完成了用户界面的构建,就可以使用echarts来创建数据可视化图表。echarts提供了多种类型的图表,例如折线图、柱状图、饼图等。我们可以根据具体的需求选择合适的图表类型,并通过echarts提供的API来设置图表的样式和数据。 最后,我们可以使用mui的事件处理机制来实现与图表的交互。例如,可以通过监听按钮的点击事件来改变图表的显示内容,或者通过监听图表的点击事件来展示相关的数据详情。 总之,通过结合使用mui和echarts,我们可以灵活地构建出功能丰富、交互性强的数据可视化应用。这种组合可以帮助我们更好地展示数据,并为用户提供更好的数据分析和决策支持。 ### 回答3: mui echarts 是一款基于 MUI 框架封装的图表插件,可以方便地在移动端应用中使用。使用 mui echarts 可以快速创建各种类型的图表,例如折线图、柱状图、饼图等。 首先,我们需要在项目中引入相应的资源文件,包括 mui 和 echarts 的 JavaScript 和 CSS 文件。然后,我们可以使用 mui echarts 提供的 API 创建一个图表实例,并指定需要展示的图表类型。 在创建图表实例后,我们可以使用相关的方法和属性来设置图表的数据、样式以及交互行为。例如,可以使用 setOption 方法设置图表的数据源和样式,可以使用 on 方法监听图表的点击事件等。 此外,mui echarts 还提供了其他一些常用的功能,例如图表的刷新、重绘、自适应等。可以通过调用相应的方法来实现这些功能。 总的来说,mui echarts 是一个功能强大且易于使用的图表插件,适用于移动端应用开发。通过使用 mui echarts,我们可以快速创建并定制各种类型的图表,为移动端应用提供丰富的数据可视化功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值