element
关注
分享
扫一扫
csstmg
这个作者很懒，什么都没留下…
展开
-
重新上传的方法
【代码】重新上传的方法。原创 2022-11-29 12:04:13 · 1224 阅读 · 0 评论 -
修改element tab样式
【代码】修改element tab样式。原创 2022-08-23 10:20:24 · 794 阅读 · 0 评论 -
vue 点击页面其他位置 监听隐藏下拉
代码】vue 点击页面其他位置 监听隐藏下拉。原创 2022-08-18 10:09:33 · 678 阅读 · 0 评论 -
vue递归组件--vue递归目录--vue递归tree
代码】vue递归组件--vue递归目录--vue递归tree。原创 2022-08-11 17:14:31 · 330 阅读 · 0 评论 -
element开关样式更改
element el-switch开关样式更改原创 2022-07-19 11:46:44 · 332 阅读 · 0 评论 -
苹果home兼容问题修改--苹果fixed定位被遮挡-或者距离太近
苹果home 安全距离兼容原创 2022-06-10 10:43:05 · 653 阅读 · 0 评论 -
pc 多张图片文件上传 多张单张上传
效果<template> <div class="myBox" :class="{'big':isbig}" v-loading="loading"> <div :class="{'dragBoxBig':isbig}"> <div class="dragBox "> <!-- contain --> <div class="mr-10 mt-1原创 2022-04-22 14:08:39 · 319 阅读 · 0 评论 -
loadmore v-loadmore 指令 el-select下拉加载更多
export default { loadmore: { bind (el, binding) { const SELECTWRAP_DOM = el.querySelector( '.el-select-dropdown .el-select-dropdown__wrap' ) SELECTWRAP_DOM.addEventListener('scroll', function () { const condition =原创 2022-03-25 18:07:56 · 1103 阅读 · 0 评论 -
el-tabs样式调整
默认修改为<el-tabs v-model="myradio" @tab-click="val=>{handleTabClick(val.name)}" class="new-tabs-header"> <el-tab-pane label="PC端" name="1"> </el-tab-pane> <el-tab-pane label="移动端" name="2"> </原创 2022-03-24 09:35:17 · 4899 阅读 · 0 评论 -
while的一次使用--有关路由面包屑
路由面包屑 点击一级 二级 3级跳转问题 const firstRouter = this.$router.options.routes.find(x => x.name === levelList[0].name) let path = '' if (!item.parent) { // 点击一级菜单 path = firstRouter.path let children = firstRouter.children原创 2022-03-18 10:04:17 · 101 阅读 · 0 评论 -
el-cascader添加全选功能-多级
<el-cascader class="myCascader" :options="areaData" :props="regionalInfosProps" collapse-tags clearable v-model="editDepartmentForm.regionalInfos" @change="changecascader($event,'edit')" popper-class="cascader-department cascaderOwner" size="small...原创 2022-03-17 11:03:13 · 1392 阅读 · 1 评论 -
vue_cli3做的一次多页面应用demo
好处前提 h5项目 越写越大 可以对一些文件进行拆分成多个入口文件可以共用组件 提高页面的渲染效率访问 http://localhost:8081/page1.html#/vue.config.js 配置module.exports = { pages: { // 配置展开写法 page1: { // 必需项:应用入口配置，相当于单页面应用的main.js // src\pages\page1\main.js entry: '原创 2022-03-11 18:29:31 · 1078 阅读 · 0 评论 -
视频播放 切换上一个还会播放的问题
class PubSub { constructor() { this.sub = [] } add(instance) { this.sub.push(instance) } clear() { this.sub = [] } get instance() { const [el] = this.sub return el }}export default new PubSub()使用import Pubsub fr原创 2022-03-10 21:20:16 · 351 阅读 · 0 评论 -
echarts的一次使用
先上效果// 监测视口大小 window.addEventListener('resize', () => { setTimeout(() => { this.myEchart && this.myEchart.resize() }, 200) })<template> <div class="analysisChart"> <div ref="myDiv" :style原创 2022-03-07 18:30:02 · 559 阅读 · 0 评论 -
版本回退revert 比reset好一点 reset 必须强退
git revert -n 8b89621019c9adc6fc4d242cd41daeb13aeb9861有可能会冲突在git addgit commit -m “revert add text.txt”没冲突就直接git push原创 2022-02-14 16:57:19 · 177 阅读 · 0 评论 -
table中空样式
.el-table__empty-block { height: 260px !important; background: url(~@/assets/tb-empty.png) no-repeat top; background-size: 400px 200px; padding: 20px 0 60px; margin-top: 20px; position: relative; &::after{ content: '查找不到相关内容～'; p.原创 2022-01-24 17:37:55 · 486 阅读 · 0 评论 -
webpack的学习知识
webpack 学习不建议全局安装–使用本地安装npm install webpack webpack-cli -D-D 本地使用 --save 线上用直接运行webpacknpx webpack绝对路径相对路径compress 服务器压缩插件打包html插件可以打包出不同的js文件清除插件使用数组或者正则单页 引入多个js 或者说是（多入口）多页面 （多入口多出口）多页面入口jshtml 插件也需要配置多个一般都是单入口web原创 2022-01-17 17:25:32 · 368 阅读 · 1 评论 -
input带出-账号-密码解决方法
.is-hidden { position: absolute; left: -10000px; top: -10000px;}让input看不见，而不是直接display: none，如果直接display: none，有些浏览器则不生效，比如谷歌<input type="text" class="is-hidden" /><input type="password" class="is-hidden" />修改readonly属性原创 2021-12-04 14:37:44 · 1072 阅读 · 0 评论 -
改变element全局样式的颜色-使用theme-chalk工具
public/index.html<head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="time" content="<%= htmlWebpackPlugin.options.createDate %>"> <!-- 关闭dege浏览器自动识别电话 --> .原创 2021-11-23 14:19:31 · 7167 阅读 · 0 评论 -
tabel里面样式总结
<el-table-column prop="labelList" label="客户标签" min-width="250"> <template slot-scope="scope"> <template v-if="scope.row.labels.length"> <el-row class="row-tag"> <el-col :span=..原创 2021-11-18 09:41:48 · 393 阅读 · 0 评论 -
每日一算法3--双指针
其实通过观察可以优化，我们制作一个窗口，让窗口中的字符串满足题目要求（无重复）怎么让他满足要求呢？ 那就要滑动窗口了，循环去掉左边第一个元素，直到窗口中元素无重复，此时再扩大窗口滑动窗口有两个关键点：扩张 + 收缩首先（右指针）扩张到滑动窗口不满足条件的时候暂停，（左指针）开始收缩窗口，让窗口满足条件后再进行扩张（右指针）function lengthOfLongestSubstring(s) { let len = s.length; let result = 0; let s.原创 2021-10-24 18:03:19 · 65 阅读 · 0 评论 -
每日一算法2--链表
这是一链表的运算表达的应该清楚了吗，不清楚大家讨论下原创 2021-10-22 16:55:18 · 72 阅读 · 0 评论 -
前端优化--webpack等
https://juejin.cn/post/6844904150988226574splitChunksconst path = require('path')const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin// const UglifyJsPlugin = require('uglifyjs-webpack-plugin')function resolve (dir) .原创 2021-09-17 17:11:51 · 95 阅读 · 0 评论 -
改写meta标签
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 改写为=======> if (process.env.NODE_ENV !== 'development') { const meta = document.createElement('meta') meta.content = 'upgrade-insecure-requests' .原创 2021-09-14 11:24:24 · 246 阅读 · 0 评论 -
background:使用背景图
background: url(~@/assets/listBg.png) no-repeat bottom;原创 2021-08-31 17:45:23 · 297 阅读 · 0 评论 -
一次vue插槽的深度使用----里面有pdf-视频-链接-小程序-文字样式
<collapse :collapseList="collapseList" @handleChange="handleChange" > <template #[slotName]> <dynamicComponent class="mb-10" :itemInfo="componentName" ></dynamicComponent>原创 2021-08-04 22:10:26 · 191 阅读 · 0 评论 -
ui-li点击背景色-以及改变文字颜色，下面的是左右拖动--以及顶部固定
<div class="myHead"> <ul class="navbar" :class="'active' +active"> <li @click="navChange(1)">企业话术</li> <li @click="navChange(2)">团队话术</li> <li @click="navChange(3)">个人话术</li> .原创 2021-08-04 21:25:40 · 616 阅读 · 0 评论 -
搜索组件--列表组件--分页组件
搜索组件<template> <div class="search-content-box"> <el-form ref="ruleForm" :label-width="formdata.labelWidth" :inline="formdata.inline" class="demo-form-inline" :model="formdata" > <el-form.原创 2021-08-01 18:42:02 · 527 阅读 · 0 评论 -
列表上移下移
// 上移下移 moveUp(index, row) { var that = this if (index > 0) { const upDate = that.tableData[index - 1] that.tableData.splice(index - 1, 1) that.tableData.splice(index, 0, upDate) } else { this.$mes..原创 2021-07-30 14:59:01 · 417 阅读 · 0 评论 -
模仿微信头像 单人 以及群聊的 头像
模仿微信头像 单人 以及群聊的 头像<template> <div> <div class="avatar-wrap"> <template v-if="avatar.length==1"> <el-avatar :src="avatar[0]" shape="square" class="horizonta-1"></el-avatar> </template>原创 2021-07-26 18:33:40 · 619 阅读 · 0 评论 -
定义request 带 headers的写法
// 获取应用的权限验证配置export function wechatAgentInfo (params) { return request({ url: '/customerSopApi/agentInfo', method: 'post', params, headers: { 'content-type': 'application/x-www-form-urlencoded' } })}原创 2021-07-23 14:18:53 · 358 阅读 · 0 评论 -
常用的动态class
:class="{'radarConBox':true, 'active':ix===currentIndex}":class="[isActive ? activeClass : ' ', errorClass]"在这里插入代码片原创 2021-07-22 09:31:02 · 227 阅读 · 0 评论 -
base64上传为表单提交给后台的方法
一个base64文件"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASUAAADkCAYAAADepDLSAAAgAElEQVR4Xuy9abSuW1YW9n777NPcW0VfQoZWg/7AGBz5kzEcUfPDmB4CyUhEkxE1NlGEACKS2AQjQTFICDG0akIgoBFE04BgF01rTG+SwY/4xxBGoBqwCquse0+zm4zZPGs9a75zNe+3922q6p4zzjh7f9/7rnbOZz5rrrnmOv3g.原创 2021-07-17 16:04:40 · 2870 阅读 · 0 评论 -
一次文本展示3行...显示展开与关闭--以及视频组件--ie判断
组件引用 <foldText :showContent="item.content+'几千万我偶偶奇文件哦亲解耦IQ将诶几千万我偶偶奇文件哦亲解耦IQ将诶哦亲忘记问偶尔去哦我切剑桥闻鸡几千万我偶偶奇文件哦亲解耦IQ将诶哦亲忘记问偶尔去哦我切剑桥闻鸡哦亲忘记问偶尔去哦我切剑桥闻鸡起舞我哦技巧文件哦亲我我偶尔'"></foldText>组件<template ><div class="wrap"> <div :class="te..原创 2021-07-09 09:41:26 · 257 阅读 · 1 评论 -
文本超出隐藏。。。展示
1行text-overflow: ellipsis;overflow: hidden;white-space: nowrap;多行text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;兼容ie的方法–1.chychxItem:nth-child(4)::after{ float: right;原创 2021-07-05 11:24:29 · 105 阅读 · 0 评论 -
链接拼接 有时候对象转字符串会乱码苹果打不开 用base64加密解决
//1.加密 var str = 'adja阿斯加德好看就'; var base = new Base64(); var result = base.encode(str); //2.解密 var result2 = base.decode(result);原创 2021-06-26 18:00:32 · 116 阅读 · 0 评论 -
关于视频的一个组件
<template lang="pug"> .Video_message video(v-if="!isIE" controls :id="id" width="300" height="400" controlslist="nodownload" disablePictureInPicture="true").video source(:src="value.video.videoUrl" type="video/ogg" ) source(:src="v.原创 2021-06-25 17:41:04 · 100 阅读 · 0 评论 -
循环引入文件
<script>const components = {}// 一个对象const componentsContext = require.context('../msgTypeComponent', true, /.*.vue$/)componentsContext.keys() // ['./card.vue'].forEach(component => { const componentConfig = // 每个.vue文件对象属性 componentsCo.原创 2021-06-25 17:07:21 · 119 阅读 · 0 评论 -
违禁词替换关键词 --v-html
<p class="twoText overHide" v-html="item.otherContent"></p> this.tabelList = res.data.list.map(one => { // 替换关键词 one.keywordsList.map(item => { const highlightStr = `<span style="color:#3e98ff">${item}</s.原创 2021-06-22 14:30:36 · 604 阅读 · 0 评论 -
权限拦截判断
思路后台根据接口返回id 自己在路由中配置相应的id包括了按钮的权限路由树结构的是 重新挂载按钮根据v-if判断是否渲染我是把方法 写在了vuex中--store --module --user.js后台返回的结构 getUserPermission ({ commit, state }, list) { return new Promise((resolve, reject) => { getUserPermission()...原创 2021-05-18 14:10:54 · 125 阅读 · 0 评论