首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

element-ui 简单二次开发

背景 当前项目为vue 2.6 + element-ui 2.14.1, 我们需要开发一个类似表格的表单组件, 可以看到除了表格样式以外,我们还需要嵌套各种表单组件,而组件功能基本与框架功能一致,如果对每个组件都做独立开发...项目目录 root/ program/ element-ui/ element目录概览 build/ 构建配置 | 构建脚本 examples/ 文档, 组件用例 src/ 项目源码| 项目入口 packages...所以其实 element-ui 的样式作为独立的主题包存在。 ? image.png 开发自定组件 这里我们以 row 为例子,通过在源组件基础上修改一个自己的新组件 z-row 。.../packages/z-row/index.js", ... } 编写文档/用例 新增文档 // /examples/docs/zh-CN/ 新增 z-layout.md ## z-layout...组件目录下新增了我们的自定义组件, 这里是支持热更新的,修改文档的同时,内容也将即时显示。

1.8K30
您找到你想要的搜索结果了吗?
是的
没有找到

vue老项目sass和element-ui开发踩坑

公司的一个各种依赖比较老的项目,习惯了之前的iview和stylus开发,刚接手还是有很多不习惯的地方。...项目部分依赖element-ui:2.2.2sass:1.26.1sass-loader:7.3.1webpack: 3.6.0vue: 2.5.2vue-router: 3.0.1vuex: 3.0.1sasssass...之前用的 node-sass,替换成 sass(dart-sass)^1.56.1 版本后,深度选择器 ::v-deep 覆盖 element-ui 组件样式死活无效,降到 1.26.1 版本并且用...element-ui 2.2.2 版本的 el-input-number 数字输入框的 placeholder 无效,升级到 2.15.11会报错找不到这个文件:element-ui/lib/theme-chalk...覆盖选择框 el-select 右侧的箭头图标,升级element-ui 版本,图标的content值可能发生变化,可以放到全局的 var.scss 中定义一个变量去统一维护。

33420

Chartist 图例开发入门-文档

(2) css直接引入 一种最快捷的方式就是直接引入下载的chartist编辑的js/css文件,它允许开发人员使用默认的命名方式或者可配置的方式来应用chartist到项目中,也可以通过修改chartist.../latest/chartist.min.js"> (3) sass 如果项目中要求的定制化要求较高,也可以直接引入sass源代码文件进行定制化开发...default; 2、第一个应用 这部分文档是一个简易的应用项目,让开发人员能快速掌握chartist的使用方式,入门项目中会通过默认的基础配置实现一个线性图形解构,如果你有更复杂的应用需求,可以参考一下高级应用部分或者查看示例文档...,如320x240和300x200两个不同的比例,对于设计人员可能思考的更多的是4:3或者3:2的比例关系,而对于开发人员思考的更多的是具体的像素数据 chartist中开发人员不需要设置固定的宽度或者高度...Chartist提供了一种事件驱动的动态图例方式,允许开发人员通过draw事件直接操作图例中的任意数据和样式,我们通过一个案例观察如何通过数据动态设置图例 <!

4K20

没有需求文档,拒绝开发

读者提问: 在我们公司,需求都是开发口头去问产品,就直接开发了。产品不给写需求文档开发和测试同学应该接受吗 ? 阿常回答: 不能接受。 1、没有需求文档,拒绝开发。 2、没有需求文档,拒绝测试。...为什么必须要沉淀文档? 1、没有需求文档开发口头问产品聊来的需求不准确,在此基础上开发的功能容易出现偏差。 2、没有需求文档,测试不知道有哪些测试点,同时极大地增加了产研测之间的沟通成本。...3、产品口头说的需求,过两天产品又需求变更了,产品自己忘记了原来的需求,开发很苦恼,测试也无奈。 沉淀文档有哪些形式呢? 1、confluence 上原始需求文档沉淀。...2、axure 交互设计稿文档沉淀。 3、jira 任务备注测试点(附confluence / axure 等链接)。...4、如果实在没时间整理需求文档,起码要在 jira 任务里写清楚测试要点、业务逻辑。 另外,如果有需求变更也应该及时同步。否则,也会极大增加沟通成本。 阿常碎碎念: 六一上海全面解封啦!

95610

SDK开发经验之文档

我们遇到的问题 我们的SDK做了这么久,被开发商嗤之以鼻最多的问题之一就是文档。主要表现在: 问题的原因比较多,主要是三个方面: 没有完整的线上文档,所有的接口文档都是跟随版本包。...由于以上的问题,经常出现: 游戏更新版本以后没有同步使用新版本的文档,无法同步更新我们已经修正的文档错误或者新增的版本内容 或者由于文档比对太过麻烦和版本太多,开发修改文档错误以后比较难同步修改到其余版本...因为这样开发商下载到一次以后就再也不会更新了…… 文档online化总要解决,不然上面的问题会一直存在。为了让伟大的开发哥哥们不受困于wiki,最后在github终于找到了神器。...使用Markdown可以大大提高开发者的开发效率。 分模块:如果你的SDK够大,建议最好是按照模块来写文档。...包括SDK包内容介绍、SDK的架构的简单介绍、开发者接入SDK、更新SDK的操作指引、打包的混淆规则等内容。 API文档:按照模块区分介绍对应模块API的使用方法。

1.6K80

bookStore商城开发文档

bookStore商城开发文档 一、项目演示 看课堂笔记。 二、需求分析   2.1、系统体系结构 基于BS结构进行开发。(浏览器与服务器:瘦客户端)   2.1、系统总体流程 ?   ...前端:前端开发人员做成静态网页。 后端:后端开发人员实现动态网页。    2.4.1、前台界面     商城首页 ?     注册页面 ?     登录页面 ?     图书浏览页面 ?     ...orders` (`id`), FOREIGN KEY (`product_id`) REFERENCES `products` (`id`) ) 四、系统设计   4.1、开发环境...    开发本系统我们所使用的工具与技术有: Myeclipse10 tomcat7.x mysql5.x   jst标签库  EL表达式  jsp  servlet  javabean...commons-dbutils commons-fileupload  commons-beanutils  c3p0  jdk1.6   jdbc   4.2、架构设计     采用javaweb开发的三层架构

2K10

文档代码化:重塑软件开发文档系统

文档代码化,将文档以类代码的领域特定语言的方式编写,并借鉴软件开发的方式(如源码管理、部署)进行管理。它可以借助于特定的工具进行编辑、预览、查看,又或者是通过专属的系统部署到服务器上。...面向非技术人员的文档代码化的一种常见架构模式是:编辑-发布-开发分离』。 最近一个月里,我在开发一个基于 Git + Markdown 的全新文档系统。...在我的那一篇《云研发:研发即代码》中,设计了一个完全代码化的软件开发流程。而今天我们将讨论另外一个有趣的存在:文档。 在《架构金字塔》中,我将文档定义为支撑五层架构模型的一种存在。...因为文档在一个系统中是非常重要的存在,我们用它来指导开发工作,用它来记录问题,用它来写下规范……。总而言之,它很重要,所以我们重新讨论一下这个话题。 引子 1:架构决策记录:格式化文档 ?...发布这个项目 我们已经在 GitHub 上发布了这个文档化系统,你可以参与到其中的使用和开发

1.3K20

Element-UI快速入门

什么是Element UI Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 Element UI是基于Vue 2.0的 Element UI 提供一组组件...插件 npm i element-ui --save 整合:element-ui引入 官方提供了2种引入方式:完整引入、按需引入 完整引入:引入了eui所有的组件,学习时/开发时常用 按需引入...并将element ui 注册给vue /* 导入element-ui样式 */ import 'element-ui/lib/theme-chalk/index.css' import Vue from...对页面进行划分(上、下、左、中) 官方文档 : https://element.eleme.cn/#/zh-CN/component/container 用于布局的容器组件,方便快速搭建页面的基本结构:...步骤一: 修改src/main.js 导入 element-ui 样式和组件 /* 导入element-ui样式 */ import 'element-ui/lib/theme-chalk/index.css

3.9K20
领券