1.滴滴 Web 移动端组件库 cube-ui 开源
2.人人商城V3、移动源码人人商城、端商动端人人商城源码、城源人人商城小程序源码、码移人人商城小程序
3.基于VUE2.0移动端H5 -NUT组件源码Progress分析
滴滴 Web 移动端组件库 cube-ui 开源
滴滴 WebApp 团队在去年底用 Vue.js 2.0 对业务进行重构,商城并开发了一套移动端组件库 cube-ui 支撑业务的移动源码社保统计指标源码开发。经过了一年多的端商动端业务考验,cube-ui 也日趋成熟,城源而且我们相信除了在滴滴内部,码移cube-ui 也一定也有它的商城用武之地。好的移动源码东西必须要和大家分享,所以我们非常开心的端商动端告诉大家, cube-ui 在今天正式开源,城源batis源码大咖源码地址: github.com/didi/cube-ui。码移
cube-ui 从滴滴业务中提炼而来,商城由滴滴 WebApp 前端架构组开发和维护。cube-ui 的目标是让移动端的开发更加容易,让开发人员更加专注于业务逻辑的开发,提升研发效率。
cube-ui 的特性包括:精简提炼自滴滴内部组件库,每个组件都有充分单元测试;追求迅速响应、动画流畅、接近原生的交互体验;遵循统一的设计交互标准,接口标准化,支持按需引入和后编译,源码分享音乐游戏轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。
cube-ui 相对于同类型的移动端组件库的优势在于,其组件主要包括基础组件、弹出层组件和滚动组件,总共开源了 个组件,且在组件的体验和交互,包括易用性上我们都追求极致。cube-ui 支持 2 种使用方式,声明式和 API 式。
cube-ui 的某些组件有着很好的扩展性,可以根据实际场景需求做功能的锦鲤红包互换源码扩展,例如基于弹层类组件的基类开发更丰富的弹层类组件,或者基于移动端选择器组件扩展出城市选择器组件。
cube-ui 底层依赖了 Vue 和 better-scroll,并依赖了一系列工具做了构建部署、单元测试等工作。未来我们会持续对 cube-ui 迭代和优化,包括但不限于开发更多通用的组件,支持换肤功能,以及考虑对静态类型检查的支持。
人人商城V3、人人商城、人人商城源码、cci指标原始源码人人商城小程序源码、人人商城小程序
分销人人商城提供了多个版本的V3系列,涵盖企业开源版、企业开源版+前端小程序和全开源vip尊享版,每个版本都具备独特的功能和特点,满足不同商业需求。以下是一些核心版本及其主要功能: V3..1 企业开源版 主要功能包括:采用推荐优先原则锁定会员推荐关系,实施最高三级分销业务。
灵活设置成为下线条件、成为分销商条件、分销商多等级管理。
具备严谨的佣金结算规则、申请、审核、提现、打款流程。
是企业会员销售裂变有效的业务模式之一。
V3..0 企业开源版+前端小程序 除基础功能外,还增加了前端小程序的支持,便于在移动端进行分销操作。 V3..1 全开源vip尊享版 提供多种营销工具,如秒杀、团购、优惠券,以及多商户、直播、接龙、分销功能,全面增强商城的营销能力。 V3..1 全开源新增直播插件带新版小程序 在此版本中,增加了直播插件和新版小程序,进一步丰富了分销和营销手段。 人人分销商城提供的版本在功能设计上兼顾了灵活性和高效性,支持佣金计算方式的多样性、分销商的等级设定、红包提现等特色功能,旨在打造全民分销模式。此外,该系统强调插件模块的开源,确保了系统的正统性与安全性。用户需自备Notepad++或其他编辑代码的软件,通过特定方法进行配置,以实现系统功能的优化和个性化需求的满足。 总之,人人分销商城的V3系列版本提供了一套全面且灵活的分销解决方案,适合各类企业构建高效、安全的分销体系。基于VUE2.0移动端H5 -NUT组件源码Progress分析
为了满足显示需求,布局采用flex布局,使%的文字位于右侧。
颜色通过div的背景实现,红色部分在浅色背景内部,使用绝对定位确保红色覆盖并实现动画效果,使用frame animation技术。
"nut-progress-outer"代表浅色背景,"nut-progress-inner"代表红色部分宽度,文字设置在"nut-progress-inner"的左侧。
若需文字位于右侧,则放置在"nut-progress-outer"后面。
scss实现时,将"progress"设为flex布局。
在js中,通过设置属性来实现上述布局和效果。