分类：UI

2020
10-10

vue element ui validate 主动触发错误提示操作

elementUI使用了async-validator进行表单验证，但是当我使用下拉树（el-cascader）时，发现其不主动触发，于是我只能主动去触发，方法如下：this.$refs['form'].fields[0].validateMessage='errormessage'this.$refs['form'].fields[0].validateState='error'补充知识：element-ui打开页面触发校验问题如果你设置了关闭弹出页就resetFields（），此时打开页面仍然触发校验效果，一般是下拉框和时间选择导致的，解决办法就是... 继续阅读 >

2020
10-10

Vue+Element ui 根据后台返回数据设置动态表头操作

由于后端是多人开发，也没有规范数据格式，所有页面是我一个人开发，所以就会遇到同样的页面不同的返回数据格式问题。一、根据element文档，利用prop属性绑定对应值，label绑定表头。html<el-tableclass="tb-edit"highlight-current-row:data="tableData"borderstyle="width:100%"><templatev-for="(col,index)incols"><el-table-column:prop="col.prop":label="col.label"></el-table-column>... 继续阅读 >

2020
10-10

Vue+Element UI 树形控件整合下拉功能菜单（tree + dropdown +input）

这篇博客主要介绍树形控件的两个小小的功能：下拉菜单输入过滤框以CSS样式为主，也会涉及到Vue组件和element组件的使用。对于没有层级的数据，我们可以使用表格或卡片来展示。要展示或建立层级关系，就一定会用到树形组件了。使用Vue+ElementUI，构建出最基本的树如下图所示：现在我们就要在这个基础上进行改造，使页面更加符合我们的交互场景。下拉菜单将下拉菜单嵌到树节点中，使操作更加简便、紧凑。效果演示效果如图... 继续阅读 >

2020
10-09

vue数据更新UI不刷新显示的解决办法

vue比较常见的坑就是数据（后台返回）更新了，但是UI界面并没有更新，常见于以下情况：一、数据为数组时1.通过数组索引修改数组元素例如：此时UI数据并不会刷新2.修改数组长度时：解决方案：如果data为JSON数组则如下：第一个参数为要更新数据的数组，第二个参数为要更新的数组中具体的元素下标，第三个参数为新数据备注:数组原型上的方法vue可直接检测到变化：push(),pop(),shift(),unshift(),splice(),sort()二、数据为对象时:Vu... 继续阅读 >

2020
10-08

解决Vue的项目使用Element ui 走马灯无法实现的问题

1.在vue项目中引入elementuihttp://element.eleme.io/#/zh-CN/component/carousel引入后，HTML部分<el-carouselheight="150px"><el-carousel-itemv-for="iteminimgList":key="item"height="300px"><h3><img:src="item"alt=""></h3></el-carousel-item></el-carousel>JS部分<script>exportdefault{data(){return{imgList:[require('../../assets/img/images/a1.png'),require('../../assets/img/images/a2.png'),requ... 继续阅读 >

2020
09-29

Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码

Taro就是可以用React语法写小程序的框架，拥有多端转换能力，一套代码可编译为微信小程序、百度小程序、支付宝小程序、H5、RN等摘要：年后入职了一家新公司，与前同事交接完之后，发现公司有一个四端的项目（iOS，Android，H5，小程序），iOS和安卓都实现了左滑右滑的效果，而h5和小程序端没实现，询问得知前同事因网上没找到对应的插件，相关博客也特别少，所以没做就搁置下来了。趁这段时间相对来说比较富裕，于是乎在网上也... 继续阅读 >

2020
09-27

Unity实现UI渐隐渐显效果

本文实例为大家分享了Unity实现UI渐隐渐显效果的具体代码，供大家参考，具体内容如下1、在UI对象上添加组件：CanvasGroup;2、在对象上添加脚本：UI_FadeInFadeOut脚本；脚本信息：（BlocksRaycasts=true可以交互；BlocksRaycasts=false无法交互）usingSystem.Collections;usingSystem.Collections.Generic;usingUnityEngine;///<summary>///UI的渐入渐出///</summary>publicclassUI_FadeInFadeOut:MonoBehaviour{pr... 继续阅读 >

2020
09-27

Unity实现UI渐变效果

本文实例为大家分享了Unity实现UI渐变效果的具体代码，供大家参考，具体内容如下在做背包系统时，在提示面板中想实现的更加炫酷点，决定使用渐变效果来提示档次渐变效果实现采用改变该UI的透明度来控制其显示和隐藏在UI对象上添加CanvasGroup组件通过控制Alpha改变其透明度来控制显示和隐藏（Alpha=0隐藏；Alpha=1显示）（BlocksRaycasts=true可以交互；BlocksRaycasts=false无法交互）添加一个脚本改在到该UI对象上usingUnity... 继续阅读 >

2015
11-08

UI设计师该如何学习前端？

笔者的经历在知乎就可以看到，大学专业是数字媒体艺术，大一实习过动效设计师，大二拿到了人生第一个大公司的offer是交互设计师，后来转岗到淘宝旅行的前端团队，现在在微信电影票做前端研发。也是走过了不少野路子，不过还好有小右哥@尤雨溪这样艺术/设计转前端的大神在前面做典范，也证明这条路是玩的通的接下来就说说自己的学习建议吧，一个小教程，也是自己走过的流程，仅供参考哈————背景篇在这个时代学习新东西... 继续阅读 >

2015
01-14

前方高能反应！设计师最常见的五个设计误区

走的路多了，总会知道哪里有坑，哪里有捷径。即使是资深的设计师也难免犯错，今天这篇文章就是Facebook设计主管JulieZhuo的经验之谈，根据自己的工作经验，总结设计师最容易踏错的5个设计误区。在学习的道路上难免犯错，至少对我而言，这样的事情并不鲜见。幸运的是，生在互联网快速发展的时代，我们可以轻松地让错误暴光在互联网的聚光灯之下，让问题无所遁形，试图通过一同探讨，解决问题。1、过于约束的设计... 继续阅读 >

2014
12-25

程序员如何做出“不难看”的设计

经常看到程序员展示自己做的东西，有一些是创业项目，有一些是WeekendProject,不客气地说，大部分都挺难看的。在10年前，只要你做出一个功能齐全的东西，哪怕非常难看也会有很多人叫好，而现在网站和其它互联网产品多如牛毛，没有人再愿意忍受难看的东西了。我觉得“不难看”是对一个产品最起码的要求，难看的产品往往都很难用。程序员在写代码的时候往往只注重功能的实现和性能的提升，忽视了外观和易用性，其实很... 继续阅读 >

2014
12-03

IE11开发人员工具：UI响应工具详解

我讨厌debug，相信也没多少开发者会喜欢。但是当代码出错之后肯定是要找出问题出在哪里的。不过网页开发的时候遇到BUG是一件再正常不过的事情了，我们不能保证自己的代码万无一失，于是使用浏览器的开发人员工具调试是我们解决问题最快捷的方法了。微软在Windows8.1预览版中带来了全新的IE11浏览器，不光加入了诸如WebGL支持等功能，还将F12开发人员工具进行了重新设计，这是IE有史以来开发人员工具最大的更新。新的开... 继续阅读 >