场景:XDialog组件的遮罩的透明度是background: rgba(0, 0, 0, 0.6);而期望是75%的透明度: 项目构成:vue,vux 最终实现效果: 思路:首先想到了修改组件下weui-mask的样式,把background: rgba(0, 0, 0, 0.6);改成 background: rgba(0, 0, 0, 0.75),然而,不论是覆盖,还是将样式写在<x-dialog :dialog-style="{'max-width': '100%', width:…

项目中有个地方需要用到下拉框,使用VUX的selector组件,使用value-map属性进行接口数据转换未成功,出来的还是原数据 看了又看也没写错呀,字段什么的都是复制上去的,去网上查了也没查到怎么回事,回到官网就看到右下角有个版本要求最低2.7.2,看了一下我们项目的VUX版本是2.5.6,然后更新一下版本就可以正常玩耍啦~ npm install vux@2.7.2…

1. 问题描述:popup弹出层在遮罩层下面的 2.原因:因为滚动元素和mask遮罩层在同一级,vux框架默认把遮罩层放在body标签下的 3.解决方法:更改一下源码,把mask遮罩层放在popup同级下,这个问题就可以解决 代码如图: ps: 在组件中找到popup.js 文件 ,在文件中修改成 红色部分…

问题场景: 在电脑浏览器点击清除icon正常 在手机浏览器,手机微信,微信开发者工具中点击清除icon失效 查看vux中的x-input组件中的源码发现,清除icon使用了v-show显示与隐藏,对应源码如下所示: 在电脑浏览器中,使用触发点击的那一刻,v-show为true,此时可执行clear事件,然后v-show变成false,是正常的. 在手机浏览器,手机微信,微信开发者工具中,使用触发点击的那一刻,此时v-show马上变成false,icon组件隐藏了,所以导致clear事件无法触发.…

问题描述: 将百度地图封装成一个独立的组件BMapComponent,具体见 Vue系列:如何将百度地图包装成Vue的组件(http://www.cnblogs.com/strinkbug/p/5769075.html),然后将BMapComponent作为vux的popup组件的子组件,代码如下: <popup :show.sync="showPositionContainer" style="position:absolute"> <b-map…

vue中element组件样式修改无效 <style> .detail{ .el-input__inner { height: 48px; } } </style> 直接写style注意不加scoped,然后用一个组件最外层的class包裹住,就不会改到所有的组件的样式了.…

一.自定义组件1.组件命名   A.dom模板在HTML模板中始终使用kebab-case命名组件 <kebab-cased-component> </kebab-cased-component> B.字符串模板比如script标签模板.js内联模板..vue组件,可以使用kebab-case(短横线分隔命名).camelCase(驼峰式命名)或PascalCase(单词首字母大写命名). 2.组件通信prop是单向绑定的,父组件的属性变化时,会使用prop给子组件传数据,反过来不…

vue使用了单文件组件方式来解耦视图即.vue后缀文件名 单文件组件组成部分: <template> </template> <script> </script> <style> </style> 其中template.script以及实现了私有化 那么style如何实现私有化? 为此vue为style提供了一个scoped属性用于实现样式私有化 <style scoped> </style> 实现样式私有化的…

好久没有写有关android有关的博客了,今天主要来谈一谈android中四大组件.首先,接触android的人,都应该知道android中有四大组件,activity,service,broadcast receiver,content provider,简单的翻译就是页面,服务,广播,和内容提供者. activity:activity指的是app中的每一个页面,他是整个项目最基本的组成部分,一个项目就是有很多很多个activity组成的,activity显示的内容可以分为两种声明方式,第一种…

例子,在ScrollView下加入的组件,无论如何也不能自动扩展到屏幕高度. 布局文件. [html] <?xml version="1.0" encoding="utf-8"?> <!-- 背景:蓝色 --> <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"     android:id="@+id/scrollV…