lin-view-ui
是一款基于 Vue.js 2.0
的前端 UI 组件库,主要集成了平时在开发中使用到的 UI 组件。
Vue
开发的 UI 组件npm install lin-view-ui -S
import Vue from "vue"; import LinUI from "lin-view-ui"; Vue.use(LinUI); // or import { Input, Button, // ... } from "lin-view-ui"; Vue.component(Input.name, Input); Vue.component(Button.name, Button);
前言 这篇文章主要是记录我在重构的时候遇见的困难和坑点。 重构内容 这次重构主要包含4个方面。 打包方面的重构。 原本的组件库是使用@vue/cli3生成的项目改造出来的,这种方法可以减少书写打包配置的麻烦,但是带来的缺点就是不利后面的扩展,比如我想在打包过程中生成版本文件,在@vue/cli3脚手架中实现起来就有点困难了。 @vue/cli3脚手架只能有一个配置文件,对于一个组件库来说,一个配置
前言 虽然目前有很多vue组件库,比如Element-UI,iview等等。每个组件库都有各自的特点,但是每个公司需要的业务组件是不尽相同的,没有哪一个组件库能够非常完美的符合各种需求。比如我现在使用的是Element-UI,我需要使用到Select组件,但是现在有个需求需要进行分页加载,这个时候Element-UI的Select组件就不能适应这种业务场景了。所以我就想着开发一套属于自己的组件库,
前台: <view class="page"> <!-- 时间段 --> <view class="picker_group"> <picker mode="date" value="{{date}}" end="{{date2}}" bindchange="bindDateChange"> <view class="picker">
顾名思义,为了达到更好的阅读效果,合理地对内容进行分割,这就是分割线。我们来看下今天要开发的几种分割线的实际效果: 大体就是: 普通分割线 垂直分割线 文字分割线 虚线分割线 以及以上分割线的组合使用 定义props 看看我们定义了哪些props来完成以上的几个功能: props: { // 水平或者垂直 type: { type: String, default: “horizontal” },
在开发项目时,我们可能会用到直接封装好的UI库,用UI库的好处是可以快速的实现某些需求,更重要的是样式效果也很美观,像我们开发PC端项目用得较多的UI框架就是iview和element,而开发移动端用得较多的就是vant,今天我们来学习一下这三个ui库的安装使用吧。 iview View UI,即原先的iView,是一套基于 Vue.js 的开源 UI 组件库,主要服务于PC 界面的中后台产品。官
ViewTree的遍历过程performTraversals。 遍历过程主要对应三个函数performMeasure(计算大小),perforLayout(计算位置),performDraw(绘制内容)。具体看下这三个步骤执行的条件,及怎么执行的? 1)performMeasure private void performTraversals() @ViewRootImpl.java{ //mVi
ViewTree的绘图遍历 绘图遍历也就是ViewTree遍历过程的最后一步。这个过程有3个核心的步骤: 1)canvas= mSurface.lockCanvas(dirty); 2)mView.draw(canvas); 3)surface.unlockCanvasAndPost(canvas); 和View直接交互的是canvas,可以认为是作画的工具集。应用程序跟surfaceflinge
那些情况会引起ViewTree的遍历 1)应用程序刚启动时,会在构造出整棵ViewTree后,执行第一次遍历。 public void setView(View view, WindowManager.LayoutParams attrs, View panelParentView) @ViewRootImpl.java{ requestLayout(); } public void re
在AngularJS中,视图(view)指的是浏览器加载和渲染之后,并且在AngularJS根据模板、控制器、模型信息修改之后的DOM。 在AngularJS对MVC的实现中,视图是知道模型和控制器的。视图知道模型的双向绑定。视图通过指令知道的控制器,比如ngController和ngView指令,也可以通过绑定知道,比如\{\{someControllerFunction()\}\}。通过这些方
Lin UI 是由林间有风团队精心打造的一套微信小程序组件库,组件丰富、设计优美,并且拥有完整的商业案例,是您开发微信小程序的不二选择。 特点 现在市面上已经有了许多组件库:Vant Weapp、iView Weapp、Color UI、Wuss Weapp、Wux Weapp 等等等等,他们每一套也都能称得上是成熟的组件库。那我为什么还要使用 Lin UI 呢? Lin UI 吸引我的地方主要有
Lin-CMS-Koa 一个简单易用的CMS后端项目 Lin-CMS 是林间有风团队经过大量项目实践所提炼出的一套 内容管理系统框架。 Lin-CMS 可以有效的帮助开发者提高 CMS 的开发效率。 简介 | 版本日志 简介 什么是 Lin CMS? Lin-CMS 是林间有风团队经过大量项目实践所提炼出的一套内容管理系统框架。Lin-CMS 可以有效的帮助开发者提高 CMS 的开发效率。 本项目
Lin-CMS-Flask 一个简单易用的CMS后端项目 | Lin-CMS-Flask Lin-CMS 是林间有风团队经过大量项目实践所提炼出的一套 内容管理系统框架。 Lin-CMS 可以有效的帮助开发者提高 CMS 的开发效率。 简介 | 快速开始 | 下个版本开发计划 简介 什么是 Lin CMS? Lin-CMS 是林间有风团队经过大量项目实践所提炼出的一套内容管理系统框架。Lin-CM
Lin-CMS-Koa-Core 一个简单易用的CMS后端项目 | Lin-CMS-Koa的核心库 Lin-CMS 是林间有风团队经过大量项目实践所提炼出的一套 内容管理系统框架。 Lin-CMS 可以有效的帮助开发者提高 CMS 的开发效率。 简介 | 快速开始 | 下个版本开发计划 简介 什么是 Lin CMS? Lin-CMS 是林间有风团队经过大量项目实践所提炼出的一套内容管理系统框架。L
本文向大家介绍vue中的router-view组件的使用教程,包括了vue中的router-view组件的使用教程的使用技巧和注意事项,需要的朋友参考一下 开发的时候有时候会遇到比如 点击这个链接跳转到其他组件的情况,氮素,我们不想跳转到新页面,只在当前页面切换着显示,那么就要涉及到路由的嵌套了,也可以说是子路由的使用。 比如我们在一个导航组件中写了三个导航链接,他们的地址分别为:/food,/r