【技术实现步骤摘要】
一种把任意块元素转为侧滑按钮的方法
本专利技术涉及一种web前端开发，具体涉及一种把任意块元素转为侧滑按钮的方法。
技术介绍
模块化是指解决一个复杂问题时自顶向下逐层把系统划分成若干模块的过程，有多种属性，分别反映其内部特性。在系统的结构中，模块是可组合、分解和更换的单元。模块化是一种处理复杂系统分解成为更好的可管理模块的方式。它可以通过在不同组件设定不同的功能，把一个问题分解成多个小的独立、互相作用的组件，来处理复杂、大型的软件。模块化开发因其可控，可维护，可扩展，重用性的特点成为当今各种软件产品开发的主流方法。web前端开发模块化也不例外，特别是在如今移动应用混合型开发方式广为流行的前提下，更为如此。而模块的重用性是提高开发效率。侧滑按钮是在近来的移动端开发中一个经常出现的模块，目前的开发方法大多将侧滑按钮内容部分样式固定，或者以模板的形式导入，重用性不足，对开发效率的提升有限。
技术实现思路
[要解决的技术问题]本专利技术的目的是解决上述现有技术份问题，提供一种把任意块元素转为侧滑按钮的方法。[技术方案]为了达到上述的技术效果，本专利技术采取以下技术方案：一种把...
【技术保护点】
一种把任意块元素转为侧滑按钮的方法，其特征在于它包括以下内容：滑动按钮模块的html结构：对网页重构后，使滑动按钮模块的html机构包括box、slider，，以及用于放置原dom结构的seat、btn和cover；将原dom结构添加到html结构中，利用一个遮罩层屏蔽原dom结构的促发事件；在对滑动按钮模块的html结构进行构建的过程中，将html结构的所有元素设定为块级元素，然后将原dom结构的所有元素样式转化为内嵌样式，将原dom的定位样式去除，并将去除的定位样式转移到html结构最外层的元素上，把原dom的高宽赋予html结构中的最外层元素。
【技术特征摘要】
1.一种把任意块元素转为侧滑按钮的方法，其特征在于它包括以下内容：滑动按钮模块的html结构：对网页重构后，使滑动按钮模块的html机构包括box、slider，以及用于放置原dom结构的seat、btn和cover；将原dom结构添加到html结构中，利用一个遮罩层屏蔽原dom结构的触发事件；在对滑动按钮模块的html结构进行构建的过程中，将html结构的所有元素设定为块级元素，然后将原dom结构的所有元素样式转化为内嵌样式，将原dom的定位样式去除，并将去除的定位样式转移到html结构最外层的元素上，把原dom的高宽赋予html结构中的最外层元素。2.根据权利要求1所述的把任意块元素转为侧滑按钮的方法，其特征在于所述把原dom的高宽赋予html结构中的最外层元素是根据原dom结构的样式其box-sizing属性值来确定html结构最外层元素的尺寸是否需要加上原dom结构样式的padding和border值。3.根据权利要求2所述的把任意块元素转为侧滑按钮的方法，其特征在于当原dom的box-sizing为border-box，则原dom的尺寸直接赋予相应元素；当原dom的box-sizing为content-box时，则赋值...
【专利技术属性】
技术研发人员：王鑫，王艳艳，
申请(专利权)人：四川长虹电器股份有限公司，
类型：发明
国别省市：四川;51
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。