生产疑难杂症

1.关于小程序中的拨打电话问题(用uni-app开发),如何动态获取我们的号码,即从后台传过来的

Api: uni.makePhoneCall (从官网贴一个过来)

uni.makePhoneCall({
	phoneNumber: '114' //仅为示例
});

 方法一:这边也是从网上宕的,加上个人理解

// HTML内写法:
// 这边我们调接口拿到数据后,用v-for循环出来我们想要的数据,即(item.businessManagerPhone/item.fixedPhone),直接在标签里写上onCall('' + 我们得到的参数),不要直接上插值表达式,会出错
<text class="iphone" @click.stop="onCall(''+item.businessManagerPhone)">{{item.businessManagerPhone}}</text> //
<text class="iphone" @click.stop="onCall(''+item.fixedPhone)" v-show="item.fixedPhone!=''"> / {{item.fixedPhone}}</text>

// script内写法:
onCall(tel) {
    if (!tel) return
    uni.makePhoneCall({
        phoneNumber: '' + tel
    })
}

 实现效果

 方法二:思路(定义一个全局变量,在每次获取到号码后,可以赋值给我们刚刚定义的变量,然后走一遍onCall方法)

2.用css3使页面一键置灰(应用于纪念场合)

网上提供的思路,copy过来

html {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
	}

原来的样式: 

加了filter置灰后: 

 

 

我们可以发现使用filter后,页面的position定位会失效(针对小程序),那怎么解决呢?我在网上查询了一些方法,我们来看看css滤镜filter导致position：fixed失效的问题？ | 微信开放社区马上5.12了，公司领导提出让小程序主题整体置灰的需求。添加css滤镜filter之后，会导致使用了position为fixed的块级元素全部失效，目前安卓机型存在这个问题，ios没有。有遇到过这种情况的嘛？如何解决？在线等！急急急！https://developers.weixin.qq.com/community/develop/doc/000e2ab7fac9a0da86edaae8c56400?jumpto=comment&commentid=000eae3c15cfe00b88ed73b10564

css filter 的坑 - 简书【背景】 全局主题置灰需求，采用 filter: grayscale(1); 实现。 在实际应用过程中，发现了一些坑点。 记录分享，希望对你有些许帮助。 1、配置了 css ...https://www.jianshu.com/p/cfa24ca921ce主要解决方式: web端 -------> 将 filter 设置在 html 上即可

                       小程序 -------> 需逐个元素排查，确保设置了 filter 的元素，不包含存在 fixed 定位的子元素