余九月丶-优快云博客

原因管理系统，左侧导航栏有个单级的菜单（无子一级的菜单），进入后页面显示的是具体的房间列表。点击具体的房间可以进入房间详情页面，展示具体的房间数据。这时页面路由发生变化。发现，导航栏中不存在高亮的选项。进入导航栏页面<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> &lt

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 4412 3

原创小程序记录：全局公用组件的引入和使用

背景甲方需要一个小程序来完成业务中的部分功能。第一次接触下程序并开发。没有具体去了解相关的框架，直接使用小程序原生完成。功能小程序自带的加载框样式不符合甲方的UI需求。甲方需要一个白底，黑色图标的弹框（载入中、正确、错误等提示）。书写一开始，是在需要使用到的页面中，都在它们对应的JSON 文件中对应的引入。在大概写了5、6个页面之后发现这种方式比较繁琐，并且基本上每个页面都要再单独引入一次。后来发现可以在APP.JSON 中使用 usingComponents 单独引入。这样就不需要在每个页

2020-08-18 20:11:13 4517 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行、块标签

行标签和块标签

2020-07-05 14:55:06 1213 1

原创我了解的：HTML入门

我所知道的HTML内容做个记录。HTML，指的是超文本标记语言（Hyper Text Markup Language）。基础概念，知道为什么叫HTML。当你看到这个文章的时候，至少是已经对HTML感兴趣了，其他内容也多做解释。最基本的网页是由一个个标签组成的。要怎么查看呢？这里以Chrome 和百度做为例子（Firefox也可以），来介绍怎么查看一个网站的标签。打开百度的新闻页面。在页面空白部分点击‘右键’，弹出的菜单栏最底部，有一个‘检查’功能，快捷键 Ctrl+Shift+I。...

2020-07-01 19:55:46 188 1

sepgit的博客

原创使用vue3 开发H5 ，需要注意的部分点

原创 vue3中pinia的使用：state和actions

原创 vue2.7 setup语法中使用vuex

原创 VUE3组件 (4) 关于 Provide Inject 依赖注入

原创 VUE3组件 (3) 关于 slot 插槽

原创 VUE3组件 (2) 关于defineEmits()

原创 VUE3组件 (1) 关于defineProps()

原创 vue-router meta（2）页面进入详情页面时，无子项导航栏时，该菜单未高亮。