如题,宜搭的pc组件是基于fusion的,想知道那移动端的组件是怎么适配的,是重新写了一个移动端的组件还是组件模板、逻辑复用,修改样式而已
基于 Fusion Design 的 PC 端组件与移动端组件的适配方式,一般有以下几个:
重新编写移动端组件:因为移动设备屏幕尺寸、交互模式等与PC端存在较大差异,可能需要对界面和交互进行重新设计和开发;
组件模板、逻辑复用:如果 PC 端和移动端的组件功能和数据结构相似,则可以采用组件模板和逻辑复用的方式,在移动端上快速创建适配的组件;
样式调整:如果 PC 端和移动端组件的基础样式设计是一致的,则只需要针对不同的屏幕尺寸和分辨率调整样式表即可。
无论采用何种适配方式,都需要考虑移动设备的特性,并根据实际情况灵活采取策略,以达到用户体验和使用效果的最佳平衡。
宜搭的移动端组件开发是基于 React Native 技术栈实现的。与 Fusion PC 端使用的是 Web 技术不同,移动端使用了原生控件来达到更好的性能和用户体验。
在宜搭移动端开发中,开发者需要针对不同的平台,包括安卓和 iOS,分别进行适配。例如在 iOS 平台中,可以使用 UIKit 来实现原生控件,而在安卓平台中,则需要使用 Android SDK 来实现原生控件。
为了提供更好的开发体验,并让开发者轻松使用移动端组件,宜搭提供了丰富的组件库和配套的文档与示例代码。开发者只需要按照文档指引,即可快速学习和使用移动端组件。
对于移动端的组件适配,通常会采取一些不同的策略,具体取决于组件库的设计和需求。以下是一些常见的适配方法:
重新编写移动端组件:在某些情况下,移动端的组件可能需要重新编写以适应移动设备的特殊要求。移动设备通常具有较小的屏幕尺寸、触摸输入和不同的交互方式,因此需要对组件进行重新设计和开发,以提供更好的用户体验。
组件模板和逻辑复用:在一些情况下,可以在移动端上重用部分组件的模板和逻辑。移动设备和桌面设备之间可能存在一些共享的业务逻辑和功能,因此可以重用这些部分,并进行适当的样式修改来适应移动设备的界面。
响应式设计:另一种常见的方法是使用响应式设计技术,使组件能够自适应不同的屏幕尺寸和设备类型。通过使用CSS媒体查询和其他响应式技
宜搭目前是基于 JavaScript、React 体系开发的,宜搭的组件体系目前是基于阿里巴巴开源的组件库 Fusion。
宜搭混合云版可以专享专属设计定制服务,不仅可以自定义企业Logo,还可以自定义表单样式,其中页面层新增支持PC端和移动端布局/组件样式 如 组件尺寸、标题位置、标题宽度、标题字重、背景色等属性配置。页面层设计定制的样式默认读取平台设计定制的属性,一旦调整后,将归该页面个性化所有。
宜搭自定义页面可以实现双端适配,自定义组件属性分为双端搭建、属性定义( propTypes)、生命周期及唯一标识四个模块。
其中,双端搭建:双端搭建为配置开关,开启即可进行 PC 端及移动端完全分离,分别设计,以满足双端适配的个性业务需求。
楼主你好,宜搭的移动端组件是通过对基于Fusion的PC组件进行适配得来的。通常情况下,基于Fusion的PC组件包含着样式、模板和逻辑等多个方面的内容。
在适配移动端组件时,宜搭的开发人员会根据不同设备分辨率、屏幕大小等因素综合考虑,选择性地对PC组件中的各个方面进行修改和调整,使其在移动端上能够更好地呈现。
具体而言,移动端组件的实现方式可能有所不同,但通常会采取重用PC组件的模板和逻辑,同时针对样式方面进行优化和调整。这样做可以避免重复编写代码,提高开发效率和代码质量。
移动端的组件通常需要重新设计和适配,因为移动设备的屏幕尺寸和分辨率与桌面设备不同,并且用户在移动设备上的使用方式也有所不同。因此,即使在移动端与PC端使用相同的应用程序或网站,也需要不同的UI设计和交互方式。
通常情况下,为了提高开发效率和代码复用率,可以采用组件模板和逻辑复用的方式来实现移动端组件。具体而言,可以将PC端的组件模板进行修改和调整,以使其适合于移动端的设计和使用方式。然后,可以重用PC端组件的逻辑代码,并根据需要进行一些修改来满足移动端的需求。最后,可以通过CSS样式表来调整组件的样式以适应移动端。
值得注意的是,在移动端适配过程中,还需要考虑到性能和响应速度等方面。移动设备通常具有更少的内存和处理能力,并且网络连接质量可能不稳定,因此需要特别关注性能优化和数据传输效率。
宜搭的移动端组件库是基于 Vue 和 Vant 组件库开发的。Vant 是有赞开源的移动端组件库,提供了丰富的组件和样式,适用于各种移动端场景。
因此,宜搭的移动端组件库应该是重新开发的,使用了 Vue 和 Vant 进行开发,并在设计上根据移动端的特点进行了适配。但是在组件模板和逻辑上,可能仍然可以复用 PC 端的一些代码,并进行相应的修改和样式调整。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。