分类: 前端设计

12 篇文章

【Vue进阶】element ui中switch组件使用注意事项
需求描述 1、根据后台传值动态显示开关状态及文字说明(0为文字,1为图标) 实现方法 Swich默认是boolean类型,而后台传值为number类型,这个时候我们需要用number来取代boolean类型;   <template #default="{ row }"> <el-switch v-model="row.…
解决Vuetify.js 没有颜色的问题
问题 开了新坑,打算试试Vuetify.js 按照官网说明折腾了半天之后算是跑起来了。css样式文件也加载进来,但是加载组件后发现基本样式丢失,颜色也是黑白的,并且console也没有报错。 解决 经过翻文档和查资料,发现是Vuetify要求必须把组件包含在<v-app>标签内。于是乎我把App.vue 内的路由外包了一层<v-a…
[代码片段]谷歌的一个不错的CSS样式,不得不说大厂的前端设计师美感就是好。
代码 直接上效果图 我本来以为这个彩色的边框是个背景图片,看了一下源码竟然是个background样式,看来我学识还是太浅。 拿走了拿走了#滑稽 使用方法 实现这个效果需要2个div嵌套,外层的我取class为outer-div,内层的我取class为inner-div .outer-div{ background: linear-gradient…
【WeeIndex V1.0】基于Vue.js+AntDesign开发的简单软件官方页面 – 微官网
软件介绍 产品名:微官网 英文名:WeeIndex 简介:这是一个纯前端的简单单页面网站,适用于小工具、小软件当作官网网站。软件采用Vue.js开发,使用AntDesign UI 及其设计规范。 特点:全站所有内容均可通过json自定义。 结构:Header + Left Content + Right Content + Footer(版权不可修…
16进制透明度(Alpha通道)
透明度百分比对应的十六进制: (说明:百分比计算出来会有小数,按照常规的四舍五入处理,详情请往下查看) 百分比:0% HEX: 00 百分比:1% HEX: 30 百分比:2% HEX: 50 百分比:3% HEX: 80 百分比:4% HEX: A0 百分比:5% HEX: D0 百分比:6% HEX: F0 百分比:7% HEX: 12 百分比…
[Vue.js]如何巧妙的制作一个通讯录组件
前言 自己的项目需要做一个通讯录的功能,看了看网络上分享的相关的代码都不太和我心意,所以,作为一个微博认证的前端工程师(*/ω\*),这点东西还是难不倒我的hhh୧(๑•̀⌄•́๑)૭ 需求 要做的是通讯录组件,大体就是要有如下几个功能 1、按名字首字母分栏和排序 2、在浏览时显示当前浏览的是哪个首字母 3、右侧要有筛选索引,A~Z和# 有了明确的…
Vue完美解决支付宝返回的form表单问题,这可能是最有效的解决办法了
该说的话写前面 SB支付宝,都TM9102年了,你还给我返form让我执行 由于写本文事作者非常生气,所以布局可能比较杂乱,但是请您一定看完,绝对有效! 网上的代码我都试了,要么是无法跳转,要么是跳转回当前页面(_blank之后还是当前页面)。 捉摸了几个小时之后,最终解决办法 let divForm = document.getElementsB…
thumbnail
Vue 路由跳转页面加载进度条
安装 cnpm install --save nprogress 在main.js中引入 import NProgress from 'nprogress' import 'nprogress/nprogress.css' 在main.js中进行配置 NProgress.configure({ easing: 'ease', // 动画方式 spe…