IOS下小程序 textarea 标记默认内边距去除处理

2020-02-18 727 0 admin 所属分类:Hbuilder

基于ColorUI 样式下的修复

① 判断类型加到 main.js 中

var is_mp_ios = false;
// #ifdef MP-WEIXIN
   if (uni.getSystemInfoSync().platform=='ios') {
      is_mp_ios = true;
   }
// #endif

② 引入到page中加到main.js 供所有page共享

Vue.mixin({
    data() {
        return {
            is_mp_ios: is_mp_ios
        }
    }
})

③ 补上兼容样式 App.vue中

.iostextarea {
    position: relative;
    top: -17rpx;
    left: -10rpx;
    width: calc(100% +20rpx)!important;
}

④ 指定textarea标记中判断

:class="is_mp_ios?'iostextarea':''"

另外在附上一张截图

IOS下小程序 textarea 标记默认内边距去除 处理