- 博客(47)
- 收藏
- 关注
原创 echarts遇到的问题
这里引入是做的其他图例,可以正常显示,现在我要做的是3D饼图,官网没有这个类型的图例,我在网上找的大神做的引入时却报错后来在使用图例的组件中重新引入了一下echarts问题解决...
2022-07-26 17:17:02 679
原创 js部分方法儿(遇到没用过的用的少的就更新)
js控制元素后添加样式//添加一个样式let a = document.getElementsByClassName('details1')[0];//获取元素a.style.display = 'none'//添加样式添加多个样式let c = document.getElementsByClassName('details4')[0];//获取元素c.innerHTML='暂无数据';//添加文本c.style.cssText = 'font-size: 18px;margin: 1
2022-01-06 15:41:08 466
原创 vue实现多个/单个关键词高亮功能
我做的功能是根据关键词搜索,关键词在内容中高亮我的这个方法是将关键词放入一个数组中,然后通过forEach去循环关键词数组,然后每次循环再通过for循环去检查每条数据,找到关键词替换并使用span标签包裹。
2023-06-07 14:39:40 422
原创 16进制颜色透明度
B选项是设置透明度的,下发16进制的颜色可以看到对应e6,其他百分比的代码拖动左侧进度条就可以了。我这里只罗列了这十种,每百分之一都有对应的代码,如果想要其他的可以在ps拾色器查看。
2023-05-25 10:04:48 368
原创 vue使用v-for循环渲染本地图片失败
数组中这样写路径list:[ { img:require('../assets/images/renwu1.png'), text:"防疫" }, { img:require('../assets/images/renwu2.png'), text:"妇联" }, {
2022-03-17 18:03:18 784
原创 vue指令 v-cloak作用
在网速较慢的时候,Vue.js还没有加载成功时 ,因为Vue 来不及渲染,这时页面就会显示出 Vue 源代码。这种情况可以使用 v-cloak 指令来解决这一问题。v-cloak要写在你出现这个问题的页面上html:<div id="workbench" v-cloak> {{index}}</div>css:[v-cloak]{ display: none;}......
2022-03-07 13:32:59 556
原创 点击iframe内某个按钮时替换iframe的src路径
首先在点击事件中打印这句break是我的iframe的idconsole.log(self.parent.document.getElementById("break").src);如果打印出来的路径是对的就对src进行赋值(建议先把路径赋值给一个变量)let URL = "./Views/JieDao/WoDeBiaoDan/BiaoDanRenWuXiaFa/YuanMuBiao.html";self.parent.document.getElementById("break")...
2022-03-04 15:35:17 836
原创 基于vue的tab切换
html部分<!-- tab切换 根据tabIndex等式是否成立来决定第二个类名active是否存在--> <div class="TabCut"> <ul> <li @click="qh(1)" :class="['shen',{'active':tabIndex === 1}]"> 程序员 </li> <li @click="qh(2)" :class="['shen'..
2022-03-04 09:42:37 520
原创 vue报错
意思是:模板应该只负责将状态映射到UI。避免在模板中放置带有副作用的标记,例如<script>,因为它们不会被解析。这是因为我再页面有个div没有关闭标签
2022-03-03 10:01:26 499
原创 uniapp中使用scss
在项目中有几个相同的样式,比如下边的 flex 我们可以把它写成一个变量,通过混合器应用 @mixin标识符定义,下边的这段sass代码在 uni.scss中增加如下代码:@mixin chenflex { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}然后再页面使用时再需要用到的地方这样写.title{ width: 100%; ..
2022-02-26 14:03:54 1992
原创 uniapp小程序底部导航栏图片显示问题
像首页图片路径是对的,但是页面上就是显示不出来,试了好多方法儿,后来在一篇文章中看到只要把图片放在static文件中就可以了首页是原本的路径,发现和我的是改之后的
2022-02-25 15:15:57 1086 1
原创 初入微信小程序遇到的问题
刚创建完uniapp项目,运行时微信小程序报错:在配置文件project.config.json中添加一行代码解决问题"miniprogramRoot": "unpackage/dist/dev/mp-weixin/",这时再编译就没问题了
2022-02-23 17:26:55 171
原创 element控件table的排序功能(sortable=“custom“远程排序即在后台排序)
首先在el-table标签内添加监听事件 @sort-change="SortChange"然后再要排序的列标签上添加参数 sortable="custom" 页面上只需要改动这两处js方法 这是排序箭头触发的事件(即table中添加的监听事件)// table排序箭头变化时触发 SortChange(column, prop, order){ // 在方法触发时先获取并保存接口需要的字段,调用分页方法,分页方法中掉用了获取列表数据方法...
2022-02-18 14:56:16 5813
原创 路由拦截代码
//登录页Login() { let _this = this; if (!_this.loginForm.UserName || !_this.loginForm.PassWord) { _this.$message.warning("请填写完整用户名或密码!"); return; } // 点击登录时储存登录令牌user localStorage.setItem("user", _this.l.
2022-02-16 12:32:02 483
原创 使用@media根据屏宽来选择样式文件
//如果文档宽度小于 300 像素则修改背景颜色(background-color):@media screen and (max-width: 300px) { body { background-color:lightblue; }}
2022-02-12 15:38:13 518
原创 关于element-ui的使用
:picker-options="pickerOptions" //标签内添加的//下面是全局data中写的pickerOptions: { disabledDate(time) { return time.getTime() > Date.now() - 8.64e6; }},
2022-01-10 13:20:08 391
原创 session添加数据,获取数据,删除数据
添加sessionStorage.setItem("aa","1"); //aa是数据名 , 1是数据获取var index=sessionStorage.getItem("aa");删除sessionStorage.removeItem("aa");我用到的场景是,在一个点击事件中存入并打开一个弹框,点击这个弹框的返回按钮时判断session里时候有这个值,有的话原路返回,并删除session中的这条数据上面是点击事件中的代码这是点击弹框的返回按钮中的代码.
2021-12-31 14:35:00 1094
原创 element-ui文件上传修改上传文件的格式
accept=".txt" //多个文件类型用逗号隔开在<el-upload></el-upload>标签里添加上面的代码就可以改上传文件的类型了
2021-12-29 10:34:47 910
原创 弹框可拖拽,松开鼠标后停留在当前位置
js部分 // 弹框拖拽效果 directives: { drag:{ // 指令的定义 inserted: function(el) { // el.drag(); console.log(el); //获取元素 // var dv = document.getElementById("dv"); let x = 0; let y = 0; let l .
2021-12-28 19:10:45 383
原创 阿里图标库使用
1.进入图标库后选择一个图标加入购物车,2.然后打开购物车,选择加入到项目,3.再点资源管理中的 "我的项目"4.进入到我的项目后,点下载到本地5.下载完成后解压文件并移入项目中(我是放到assets中)6.再min.js中引入7.页面中这样写注意 icon-angle-left 是图名字 可以在iconfont.css找到这里也可以改图标大小和颜色到这里图标就可以在项目中完整显示了...
2021-12-17 11:32:17 698
原创 css斜切角/内阴影
//这是添加斜切角linear-gradient(-45deg, transparent 12px, #5bdcfa 0) right(如果多个角要切用逗号隔开再加一行),linear-gradient(135deg, transparent 12px, #5bdcfa 0) left;(方向和角度可以自行调整)//这是内阴影box-shadow: inset 0 0 14px 3px #01aceb;(有内阴影但是无法兼顾切角)//这是使用clip-path剪切掉多余的部分 .
2021-12-16 17:22:42 605
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人