开发环境:angular
自定义组件实现过程中,发现加的行内样式在macos 和 win下现实的长度不一致

<input type="button" class='form-control read-only' style="width: 170px" ng-click="selectTime()" value="选择日期" />

本意是想和某输入框大小保持一致

解决方案:
用ng-style 通过ctl 动态更改style

<input type="button" class='form-control read-only' ng-style="osWidthStyle()" ng-click="selectTime()" value="选择日期" />			

ctl.ls

 $scope.osWidthStyle = function (){
         if (navigator.userAgent.indexOf('Mac OS X') !== -1) {
            return {
                'width':'24%'
            }

         } else {
             return {
                 'width':'28%'
             }
         }
     }
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐