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