展开

关键词

修改源码实现小程序UIiview weapp的modal组件自定义宽高

记一下小程序端UIiview weapp的modal模态窗自定义样式修改 因为项目需要在模态窗中显示内容,小程序端的iview没有类似popup这种的弹出框,所以就选择了modal对话框来承载弹出内容

92530

iView-Admin基础版后台管理框架改写

先贴仓库地址: iview-admin-amend演示站地址: iview-admin-amend 演示?? ----简单介绍: iView admin 是基于 Vue.js,搭配使用 iView UI 组件库形成的一套后台集成解决方案。 GitHub地址 因为之前使用的是Vue-Element-Admin的后台框架,但是在后面发现这款UI的框架更为精致,又转战到了这边。 但是对比iView admin Pro版本来说,基础版的适配之类的问题是没有解决的。主要是因为专业版的价格偏高。抵不住囊中羞涩,就想着修改一下基础版的,让使用以及体验更加完美。 因为iView UI存在改版,升级为view-design。所以在我修改的这个版本中,原本的iView已经被替换为view-design。

42930
  • 广告
    关闭

    云产品限时秒杀

    云服务器1核2G首年38元,还有多款热门云产品满足您的上云需求

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

    iview可能会抢走你的前端饭碗

    (我是iview) 皮一下,开始聊事。大家都知道,iview作为一款基于vue.js的UI组件库,被众多公司采用,目前最新的npm版本在v3.4.2。 就在前天,也就是7月27号,Aresn作为iview技术团队的带头大哥,在北京东直门成功举办了iview 2019 新品发布会,上线了 iView 专业版 平台,并发布了 iView Pro 和 iView Admin Pro 两款产品、 iView 4.0 的预告,以及公布了和美团 mpvue 团队合作的移动端新 UI 组件库 iview-mpvue。 基础字号加大,对组件的 UI 进行整体的提升,并对许多老的组件进行样式上的迭代。2. 更强大。增加多个全新的组件,全局配置也将更丰富,超过数十个组件的功能迭代。3. 几乎可以直接升级。 其实这些UI组件,如果你技术OK,花点时间也能自己搞出一套来,但这活儿如果交给后端小哥哥们来搞,会将他们逼疯。

    1.1K20

    分享几个基于Vue的UI库和开源项目

    2、mint-ui。 3、iViewiView 是一套基于 Vue 的高质量 UI 组件库,拥有大量实用而美观的组件,非常友好的接口,不同层次水平的开发人员都可以轻松使用,官方文档非常详尽,目前 Github 的 star 数是 2.33 2、iview-admin。 大致相同,vue-element-admin 基于 element-uiiview-admin 基于 iView,都是优秀的前端模版。

    57210

    五分钟上手-微信小程序组件库 iView Weapp

    微信UI组件库 iView Weapp介绍:iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称,大幅度降低了学习成本,是一套一套高质量的微信小程序 UI 组件库。 文件里面引入组件{ usingComponents: { i-button: ....distbuttonindex}}在wxml页面,,复制文档组件库代码示例这是一个按钮代码完成之后,可以在左侧查看按钮效果iView

    22410

    表现层设计模式

    每种方法的UI呈现都是相同的,不同的是接口,展示器等1MVP-PV视图接口public interface IView{ string Tips { set; }对应TextBox控件 string Detail iView; public Presenter(IView view) { this.iView = view; } public void Initialize() { iView.Items = 下面为了将这段UI控件显示逻辑从视图挪走,放到Presenter中,代码修改如下:首先,在IView中添加如下代码bool BtnEnable { set; }string BtnText { set; model);结束执行计算的时候,更新UI显示}视图接口实现public partial class Form_MVP_SC : Form,IView { Presenter prt; public Form_MVP_SC iView; public Presenter(IView view) { this.iView = view; } public void Initialize() { iView.AddItems

    44940

    五分钟上手-微信小程序组件库 iView Weapp

    微信UI组件库 iView Weapp介绍:iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称,大幅度降低了学习成本,是一套一套高质量的微信小程序 UI 组件库。 文件里面引入组件{ usingComponents: { i-button: ....distbuttonindex}}在wxml页面,,复制文档组件库代码示例这是一个按钮代码完成之后,可以在左侧查看按钮效果iView

    46820

    想做前端开发?推荐几个必备珍品组件库

    维护团队:Aresn (Talking Data)iView 是我在写 Vue 的时候使用到的组件库,可以说看了 iView 的源码后对 Vue 的组件开发有了一些认识,iView 是 Aresn 个人发起的 生态:iview-admin(开箱即用的中台解决方案),iview-Weapp(微信小程序组件库),iview Run(在线编辑器)MATERIAL-UI类型:基于 React 组件库官网:https: Design 设计语言开发的 React UI 组件库。 material-ui 团队维护频率很高,下图是 material-ui 主要的开发者的Github首页基本上每天的都会有提交,而且最多一天有36次的提交。 组件数量上基本覆盖了中台日常需要使用的组件代码层面:文件结构清晰,组件的定义简洁明了,适合学习生态:mint-ui (Mobile UI elements for Vue.js) element-angular

    15550

    vue UI 框架

    (1)Element 饿了么 vue 2.0后台UI框架 (Star:18382) https:github.comElemeFEelement (1-1)Vuetify 最新的ui 框架  https :vuetifyjs.comzh-Hansgetting-startedroadmap(2)iview组件库 (Star:10186)   iView 主要服务于 PC 界面的中后台业务,很优秀的组件库 和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。 https:github.comairylandvux https:vux.li(4)Mint-UI 饿了么移动端组件库 (Star:8062)  由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js :wangdahoo.github.iovonicdocs#(10)Radon-ui awe大神最近写的一套UI (Star:791) https:github.comluojilabradon-ui

    45720

    Android MVP理解

    MVP模式的核心思想: MVP把Activity中的UI逻辑抽象成View接口,把业务逻辑抽象成Presenter接口,Model类还是原来的Model。 接口,把所有视图逻辑的接口都放在这里,其实现类是当前的ActivityFragment 由UML图可以看出,Activity里包含了一个IPresenter,而PresenterCompl里又包含了一个IView 抽象方法如果需要新的操作ui,需要抽取到IView里,Activity去实现抽象方法,在PresenterCompl里可以调用IView的抽象方法。 LoginPresenterCompl保留了ILoginView的引用,因此在LoginPresenterCompl里就可以直接进行UI操作了,而不用在Activity里完成。 和IPresenter,把Activity的UI Logic和Business Logic分离开来,Activity just does its basic job!

    51560

    Android MVP理解

    MVP模式的核心思想: MVP把Activity中的UI逻辑抽象成View接口,把业务逻辑抽象成Presenter接口,Model类还是原来的Model。 接口,把所有视图逻辑的接口都放在这里,其实现类是当前的ActivityFragment 由UML图可以看出,Activity里包含了一个IPresenter,而PresenterCompl里又包含了一个IView 抽象方法如果需要新的操作ui,需要抽取到IView里,Activity去实现抽象方法,在PresenterCompl里可以调用IView的抽象方法。 LoginPresenterCompl保留了ILoginView的引用,因此在LoginPresenterCompl里就可以直接进行UI操作了,而不用在Activity里完成。 和IPresenter,把Activity的UI Logic和Business Logic分离开来,Activity just does its basic job!

    4220

    前端必知的两个开源框架

    开源框架地址:https:github.comNervJStaroiView WeappiView Weapp 是一套高质量的微信小程序 UI 组件库。 一直关注过我的读者都知道,我之前分享过很多关于微信小程序的开发框架,关于 UI 组件库这边,比较出名除了今天分享的之外,还有 ZanUI-WeApp 是有赞技术团队开源的 UI 组件库,另外还有微信官方的 小程序已经提供了很多组件和 API,但它们过于基础,实际开发时仍需要一定的封装和 UI 调整。 iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称,大幅度降低了学习成本,使用起来如鱼得水。 如果你是 iView 的核心用户,用起 iView Weapp 来甚至不用看文档!当然,我们对新用户也很友好,事无巨细的文档、友好的 API 和完整的示例,几分钟就可以上手啦。

    20340

    GitHub开源的10个超棒后台管理面板

    目录1、AdminLTE2、vue-Element-Admin3、tabler4、Gentelella5、ng2-admin6、ant-design-pro7、blur-admin8、iview-admin9 1、AdminLTE简介:非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架。网站:https:github.comColorlibHQAdminLTE? 2、vue-Element-Admin简介:一个基于 vue2.0 和 Element 的控制面板 UI 框架。 8、iview-admin简介:基于 iView 的 Vue 2.0 控制面板。网站:https:github.comiviewiview-admin? 10、layui简介:layui,是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTMLCSSJS 的书写与组织形式,门槛极低,拿来即用。网站:https:www.layui.com?

    20440

    微信小程序开发入门系列教程

    关于前端 UI 方面,目前也有很多选择,比如官方的 WeUI WXSS、iView 出品的 iView WeApp、有赞出品的 ZanUI WeApp、蘑菇街出品的 MinUI、以及Wux WeApp。 我们后续会基于 iView WeApp 演示 UI 框架的引入和使用。最后,后端 API 接口方面,我们基于之前 Laravel 框架开发的博客项目为基础,构建出一个完整的小程序版的博客项目。 开发博客应用首页基于微信小程序框架 WePY 开发博客应用文章详情页微信小程序版博客应用上线及访问统计基于微信小程序框架 WePY 开发博客文章点赞功能微信小程序用户登录授权功能实现微信小程序前端 UI 框架 iView WeApp 的引入和使用基于 WePY + iView WeApp 在小程序中实现用户评论功能开发和学习过程中有什么问题欢迎在教程下方的评论框与我讨论,还可以加入「学院君和他的朋友们

    1.3K21

    Vue.js学习

    前言最近在看Vue.js相关的东西,比如说vue-router、vuex,还有基于Vue.js的前端UI框架Element-UI和iviewVue router其中,Vue Router 是 Vue.js 手册目录指南开发指南组件iview uiiview ui是一套基于 Vue.js 的高质量UI 组件库关于iViewiView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品 安装 #2.安装1.使用 npm$ npm install iview@1.0.1 --save或使用 2.示例 export default { data () { return { value: Toolkit for Web https:element.eleme.ioiviewuihttps:www.iviewui.comiview - githubiview-码云iview webapp 一套高质量的 微信小程序 UI 组件库

    36510

    5个最优秀的微信小程序UI组件库

    自从微信小程序面世以来,不断有一些开源组件库出来,下面5款就是排名比较靠前,用户使用量与关注度比较高的小程序UI组件库。还没用到它们的你,可以关注和了解一下哦! WeUI WXSSWeUI WXSS是腾讯官方UI组件库WeUI的小程序版,提供了跟微信界面风格一致的用户体验。 iView WeAppiView是TalkingData发布的一款高质量的基于Vue.js组件库,而iView weapp则是它们的小程序版本。 GitHub地址:https:github.comTalkingDataiview-weapp npm下载:npm i iview-weapp? Wux WeAppWux WeApp也是一个非常不错的微信小程序自定义 UI 组件库,组件比较丰富,值得使用。

    5.8K73

    Vue管理后台框架选择推荐

    1、elementElement UI 是一套采用 Vue 2.0 作为基础框架实现的组件库,它面向企业级的后台应用,能够帮助你快速地搭建网站,极大地减少研发的人力与时间成本。 今天,经过两周多的完善, Element UI 的文档正式上线啦!目前它处于 rc 阶段,正式版将于 Vue 2.0 发布后第一时间跟进。 基于vue.js,使用vue-cli脚手架快速生成项目目录,引用Element UI组件库,方便开发快速简洁好看的组件。分离颜色样式,支持手动切换主题色,而且很方便使用自定义主题色。 image.png ----4、iview-admin基于Vue.js,搭配使用iView UI组件库形成的一套后台集成解决方案,由TalkingData前端可视化团队部分成员开发维护。 iView admin遵守iView设计和开发约定,风格统一,设计考究,并且更多功能在不停开发中。地址:https:github.comiviewiview-admin ?

    2K30

    推荐6款Vue管理后台框架,收藏好,留备用

    1、elementElement UI 是一套采用 Vue 2.0 作为基础框架实现的组件库,它面向企业级的后台应用,能够帮助你快速地搭建网站,极大地减少研发的人力与时间成本。 今天,经过两周多的完善, Element UI 的文档正式上线啦!目前它处于 rc 阶段,正式版将于 Vue 2.0 发布后第一时间跟进。 基于vue.js,使用vue-cli脚手架快速生成项目目录,引用Element UI组件库,方便开发快速简洁好看的组件。分离颜色样式,支持手动切换主题色,而且很方便使用自定义主题色。 ----4、iview-admin基于Vue.js,搭配使用iView UI组件库形成的一套后台集成解决方案,由TalkingData前端可视化团队部分成员开发维护。 iView admin遵守iView设计和开发约定,风格统一,设计考究,并且更多功能在不停开发中。地址:https:github.comiviewiview-admin ?

    60840

    C#开发BIMFACE系列49 Web网页中加载模型与图纸的技术方案

    iView 一套基于 Vue.js 的高质量 UI 组件库。 包含(1)iView Pro 以 View UIiView) 为基础,扩展了 30+ 全新的组件, 除了基础组件外,还包含了业务组件,比如页头组件、城市选择器组件、登录组件、通知菜单组件等。 (2)iView Admin Pro Admin Pro 是一套企业级的通用型中后台前端解决方案, 它基于 View UIiView),并内置了 View UI Pro。 iView官方还对微信小程序专门封装了一套高质量的UI组件库,叫 iView Weapp。 iViewiView Weapp 校本库都是基于Vue.js封装的。 iViewiViewiView Weapp 两款组件实现并适配了PC端、移动端、小程序等常用场景, 这里我比较推荐它。大家可以尝试用用。

    8710

    重拾swift版本MVP

    之前我们聊过MVP的,也简单写了个人采用swft版本MVP,今天我们结合实例进行简单优化实践……talk is cheap ,show you codepublic protocol IView {}public protocol IPresenter { associatedtype View: IView var mView: View? to view: View)} public protocol Contract { associatedtype Presenter: IPresenter associatedtype View: IView MainMenu) { }}这个View很简单就是实现一个TableView点击的响应传递,此处我们将ViewController作为MVP中的View,而Controller只需要接受MVP传递的数据和事件完成UI func tableViewSelectionDidChange(_ notification: Notification) { } } Presenter比较复杂啦,除了需要对VIew进行绑定,同时需要对UI

    47940

    扫码关注云+社区

    领取腾讯云代金券