开发者社区> 问答> 正文

宜搭的pc组件是基于fusion的,想知道那移动端的组件是怎么适配的

如题,宜搭的pc组件是基于fusion的,想知道那移动端的组件是怎么适配的,是重新写了一个移动端的组件还是组件模板、逻辑复用,修改样式而已

展开
收起
游客vb26q5rulxfqy 2023-05-25 21:50:38 12735 1
来自:钉钉宜搭
8 条回答
写回答
取消 提交回答
  • 基于 Fusion Design 的 PC 端组件与移动端组件的适配方式,一般有以下几个:

    1. 重新编写移动端组件:因为移动设备屏幕尺寸、交互模式等与PC端存在较大差异,可能需要对界面和交互进行重新设计和开发;

    2. 组件模板、逻辑复用:如果 PC 端和移动端的组件功能和数据结构相似,则可以采用组件模板和逻辑复用的方式,在移动端上快速创建适配的组件;

    3. 样式调整:如果 PC 端和移动端组件的基础样式设计是一致的,则只需要针对不同的屏幕尺寸和分辨率调整样式表即可。

    无论采用何种适配方式,都需要考虑移动设备的特性,并根据实际情况灵活采取策略,以达到用户体验和使用效果的最佳平衡。

    2023-05-26 14:26:02
    赞同 展开评论 打赏
  • 月移花影,暗香浮动

    宜搭的移动端组件开发是基于 React Native 技术栈实现的。与 Fusion PC 端使用的是 Web 技术不同,移动端使用了原生控件来达到更好的性能和用户体验。

    在宜搭移动端开发中,开发者需要针对不同的平台,包括安卓和 iOS,分别进行适配。例如在 iOS 平台中,可以使用 UIKit 来实现原生控件,而在安卓平台中,则需要使用 Android SDK 来实现原生控件。

    为了提供更好的开发体验,并让开发者轻松使用移动端组件,宜搭提供了丰富的组件库和配套的文档与示例代码。开发者只需要按照文档指引,即可快速学习和使用移动端组件。

    2023-05-26 11:28:48
    赞同 展开评论 打赏
  • 热爱开发

    对于移动端的组件适配,通常会采取一些不同的策略,具体取决于组件库的设计和需求。以下是一些常见的适配方法:

    重新编写移动端组件:在某些情况下,移动端的组件可能需要重新编写以适应移动设备的特殊要求。移动设备通常具有较小的屏幕尺寸、触摸输入和不同的交互方式,因此需要对组件进行重新设计和开发,以提供更好的用户体验。

    组件模板和逻辑复用:在一些情况下,可以在移动端上重用部分组件的模板和逻辑。移动设备和桌面设备之间可能存在一些共享的业务逻辑和功能,因此可以重用这些部分,并进行适当的样式修改来适应移动设备的界面。

    响应式设计:另一种常见的方法是使用响应式设计技术,使组件能够自适应不同的屏幕尺寸和设备类型。通过使用CSS媒体查询和其他响应式技

    2023-05-26 11:23:55
    赞同 展开评论 打赏
  • 十年摸盘键,代码未曾试。 今日码示君,谁有上云事。

    宜搭目前是基于 JavaScript、React 体系开发的,宜搭的组件体系目前是基于阿里巴巴开源的组件库 Fusion。

    宜搭混合云版可以专享专属设计定制服务,不仅可以自定义企业Logo,还可以自定义表单样式,其中页面层新增支持PC端和移动端布局/组件样式 如 组件尺寸、标题位置、标题宽度、标题字重、背景色等属性配置。页面层设计定制的样式默认读取平台设计定制的属性,一旦调整后,将归该页面个性化所有。

    宜搭自定义页面可以实现双端适配,自定义组件属性分为双端搭建、属性定义( propTypes)、生命周期及唯一标识四个模块。

    其中,双端搭建:双端搭建为配置开关,开启即可进行 PC 端及移动端完全分离,分别设计,以满足双端适配的个性业务需求。

    2023-05-26 09:42:35
    赞同 1 展开评论 打赏
  • 天下风云出我辈,一入江湖岁月催,皇图霸业谈笑中,不胜人生一场醉。
    1. 宜搭的PC端和移动端组件采用相同的组件逻辑和数据结构,保证两端组件功能的一致性。
    2. 移动端组件的样式使用Flexbox、vw/vh等移动端更友好的布局方式进行定义,并考虑不同设备屏幕尺寸的适配。
    3. 对于一些交互比较复杂的组件,在移动端会做适当的交互优化,以提供更流畅的用户体验。例如下拉菜单的展开方式等。
    4. 一些PC端常用但移动端使用较少的组件属性或功能,在移动端组件中会被移除或简化。
    5. 针对移动端的手势交互,一些组件会增加相应的touch事件绑定及相应逻辑。
    6. 使用PostCSS等工具,为移动端样式增加必要的browser hacks、兼容性前缀等,解决样式在不同移动端浏览器的兼容性问题。
    7. 通过config进行编译期字体大小、spacing单位等的转换,使样式可以根据不同屏幕尺寸显示合适的大小。
    2023-05-26 08:47:24
    赞同 展开评论 打赏
  • 十分耕耘,一定会有一分收获!

    楼主你好,宜搭的移动端组件是通过对基于Fusion的PC组件进行适配得来的。通常情况下,基于Fusion的PC组件包含着样式、模板和逻辑等多个方面的内容。

    在适配移动端组件时,宜搭的开发人员会根据不同设备分辨率、屏幕大小等因素综合考虑,选择性地对PC组件中的各个方面进行修改和调整,使其在移动端上能够更好地呈现。

    具体而言,移动端组件的实现方式可能有所不同,但通常会采取重用PC组件的模板和逻辑,同时针对样式方面进行优化和调整。这样做可以避免重复编写代码,提高开发效率和代码质量。

    2023-05-26 08:42:58
    赞同 展开评论 打赏
  • 全栈JAVA领域创作者

    移动端的组件通常需要重新设计和适配,因为移动设备的屏幕尺寸和分辨率与桌面设备不同,并且用户在移动设备上的使用方式也有所不同。因此,即使在移动端与PC端使用相同的应用程序或网站,也需要不同的UI设计和交互方式。

    通常情况下,为了提高开发效率和代码复用率,可以采用组件模板和逻辑复用的方式来实现移动端组件。具体而言,可以将PC端的组件模板进行修改和调整,以使其适合于移动端的设计和使用方式。然后,可以重用PC端组件的逻辑代码,并根据需要进行一些修改来满足移动端的需求。最后,可以通过CSS样式表来调整组件的样式以适应移动端。

    值得注意的是,在移动端适配过程中,还需要考虑到性能和响应速度等方面。移动设备通常具有更少的内存和处理能力,并且网络连接质量可能不稳定,因此需要特别关注性能优化和数据传输效率。

    2023-05-26 07:59:18
    赞同 展开评论 打赏
  • 宜搭的移动端组件库是基于 Vue 和 Vant 组件库开发的。Vant 是有赞开源的移动端组件库,提供了丰富的组件和样式,适用于各种移动端场景。

    因此,宜搭的移动端组件库应该是重新开发的,使用了 Vue 和 Vant 进行开发,并在设计上根据移动端的特点进行了适配。但是在组件模板和逻辑上,可能仍然可以复用 PC 端的一些代码,并进行相应的修改和样式调整。

    2023-05-26 07:59:18
    赞同 展开评论 打赏
滑动查看更多
问答分类:
问答标签:
问答地址:
关联地址:
相关产品:
来源圈子
更多
收录在圈子:
+ 订阅
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
相关文档: 宜搭
问答排行榜
最热
最新

相关电子书

更多
宜搭 - 企业智能化应用搭建平台 立即下载
《云市场-宜搭解决方案》 立即下载
《宜搭开发手册》 立即下载