- 博客(25)
- 资源 (1)
- 收藏
- 关注
原创 vue-router meta(2)页面进入详情页面时,无子项导航栏时,该菜单未高亮。
原因管理系统,左侧导航栏有个单级的菜单(无子一级的菜单),进入后页面显示的是具体的房间列表。点击具体的房间可以进入房间详情页面,展示具体的房间数据。这时页面路由发生变化。发现,导航栏中不存在高亮的选项。进入导航栏页面<el-menu ....//其他配置项 :default-active="$route.path" .... </el-menu>上述列表项<el-menu-item index="/roomIndex"> <span slo
2020-12-10 20:10:09
725
原创 html,input输入框自动填充后有背景色,firefox和chrome 去除方法
登录页面,帐号密码的input。因为浏览器用记忆功能,在选择记住的的帐号密码的时候。chrome 上会出现灰蓝色的背景填充input。firefox 上会出现黄色的背景颜色填充input解决/* chrome */input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 100px white inset; box-shadow: 0 0 0px 100px white inset;}/* firefox */input {
2020-12-02 08:21:20
1219
1
原创 vue,element中表格和分页的组合使用
html 部分表格 el-talbe 组件<template> <el-table :data="tableData" style="width: 100%"> <el-table-column type="index" label="序号" width="70"> <template slot-scope="scope">
2020-11-28 15:21:29
1245
原创 CSS 浮动高度塌陷问题及清浮动
出现原因: 子元素浮动,父元素无浮动且高度为自动(也就是没有设置高度)代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Index</title> <
2020-11-13 17:03:42
180
原创 vue,axios请求封装以及跨域代理设置
axios 的封装项目中,在scr目录下建一个名为api 的文件夹。里面需要有两个js文件,分别为 request.js 和 http.jsrequest.js 中import axios from 'axios';axios.defaults.timeout = 30000;//http request 拦截器axios.interceptors.request.use(config => { config.baseURL = process.env.NODE_ENV =
2020-11-10 19:18:15
863
原创 vue,再封装 element MessageBox 弹框
element 中 MessageBox 已经是封装好了的。但是根据实际项目中的需要,弹框的类型肯定是不止一种的。这里以 MessageBox 中的 confirm 为例。@util/alert.js 中import ElementUI from "element-ui";//这里是引入 element /** * Alert 包含确认和取消按钮的,callback回去确定按钮事件 * @param content 弹框中提示的内容 * @param callback 点击确认后返回的函数
2020-11-09 16:52:58
1910
原创 vue-router meta(1) 公用组件指定页面不显示
vue-router 中的 meta ,路由元的一个作用。如:app.vue中<div id="app"> <topNav v-if="$route.meta.showNav"></topNav > <router-view /></div>在 router 的 index.js 中,路由的配置页面中Router({ mode: 'history', routes: [{ path: '/l
2020-11-02 14:36:51
1678
原创 vue 兄弟组件通讯。监听和销毁
背景main.vueye页面 需要加载两个不同的组件,并且在点击 A 组件的时候,B组件中的内容会对应的改变。使用
2020-10-16 18:11:51
1587
原创 小程序:wx.request直接fail,errMsg: “request:fail “
背景:上班打开IDE准备继续调试小程序代码。发送了点击发送请求,发送几次都提示 request:fail 。开发者工具中,在console中打印,发现没有进去wx.request 中的success,都是直接 fail 了。并且报错,request:fail 。并且在调试栏过程:...
2020-08-19 10:40:05
4411
3
原创 小程序记录:全局公用组件的引入和使用
背景甲方需要一个小程序来完成业务中的部分功能。第一次接触下程序并开发。没有具体去了解相关的框架,直接使用小程序原生完成。功能小程序自带的加载框样式不符合甲方的UI需求。甲方需要一个白底,黑色图标的弹框(载入中、正确、错误等提示)。书写一开始,是在需要使用到的页面中,都在它们对应的JSON 文件中对应的引入。在大概写了5、6个页面之后发现这种方式比较繁琐,并且基本上每个页面都要再单独引入一次。后来发现可以在APP.JSON 中使用 usingComponents 单独引入。这样就不需要在每个 页
2020-08-18 20:11:13
4515
1
原创 css圆环加载效果,两种效果
场景:在H5页面发送请求或者是其他需要反馈操作的时候,出来的加载效果。之前使用的时候图片,但是在适配的时候,图片的效果比较差,所以就手动写了两种效果。第一种代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Dot1</title> <style type="text/css"> * { margin: 0;
2020-08-13 16:36:04
998
原创 css 矩形加载进度条 缩放效果
代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>矩形Loading</title> <style type="text/css"> * { margin: 0; padding: 0 } body { margin: 0; height: 100vh; display: flex
2020-08-13 16:18:38
528
原创 css 渐变圆边旋转效果2
上个效果我理解错误,搞成了整个圆边都是渐变的线条,实际上要的是渐变的颜色,就把上次的代码改了一点。先上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>circle</title> <style type="text/css"> * { margin: 0; pa
2020-08-12 21:00:15
232
原创 css 渐变圆边旋转效果
代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>圆边</title> <style type="text/css"> * { margin: 0; padding: 0 } body { margin: 0;
2020-08-10 17:37:30
874
原创 移动端遮盖层底层滑动问题
移动端遮盖层底部滑动问题背景:公司公众号需要一个给用户预约服务的页面。出现场景:用户在预约之前需要勾选一个用户个人信息的保密协议。页面上使用弹窗弹出,并且展示个人协议。发现在出现这个协议的时候,页面底层会随着拖动而滚动。分析:弹窗的渲染,先给页面添加一个 fixed 定位的黑色透明背景。再在内部添加一个白色的可阅读区域,并且可以滑动。解决方案尝试:在阅读框出现的时候给body 添加了 overflow:hidden 属性。发现在 Chrome...
2020-08-04 10:15:24
479
原创 我了解的,css基础写法
写法CSS 样式,有三种写法。内嵌在标签上的写法;在HTML 页面内,使用style 标签的内部样式;在HTML 页面内,使用 link 标签,href 外联外部文件。1.内嵌在 HTML 中,写一个div 标签。在标签上添加一个style的属性名。之后就可以在style里面填充自己需要的css 样式。<div class="box1" style="width: 100px;height: 100px;background-color: #f00"></div>
2020-08-04 08:52:10
125
原创 我了解的:HTML入门
我所知道的HTML内容做个记录。HTML,指的是超文本标记语言(Hyper Text Markup Language)。基础概念,知道为什么叫HTML。当你看到这个文章的时候,至少是已经对HTML感兴趣了,其他内容也多做解释。最基本的网页是由一个个标签组成的。要怎么查看呢?这里以Chrome 和 百度 做为例子(Firefox也可以),来介绍怎么查看一个网站的标签。打开百度的新闻页面。在页面空白部分点击‘右键’,弹出的菜单栏最底部,有一个‘检查’功能,快捷键 Ctrl+Shift+I。...
2020-07-01 19:55:46
188
1
省市区编码对应json.json
2020-08-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人