2020年08月_thinkasany

11月 08月 07月 05月 04月

原创网站如何在pc端和手机端切换显示两套不同的代码

App.vue<template> <div class="box"> <router-view v-if="showPage == 1" name="m"></router-view> <router-view v-else="showPage == 2" name="pc"></router-view> </div></template><script>exp..

2020-08-21 14:54:30 1922

原创 vue实现审批功能审核通过与拒绝 axios jsonserver

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>demo</title> <script src="https://cdn.jsdelivr.net/n.

2020-08-12 15:09:05 4387

原创前端实现未读消息提示小红点 cdn引入axios

db.json{ "temp": [{ "unReadMessageNum": " " }, { "unReadMessageNum": " 0" }, { "unReadMessageNum": " 1" }, { "unReadMessageNum": "10 " }, { "unReadMessageNum": " " }, { "unReadMessag.

2020-08-10 19:17:09 2314 1

原创密码点击显示和星号隐藏

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.jsdelivr.n.

2020-08-10 10:37:38 830

原创 vuecli 引入jq jq语句在vue中的使用有演示图片和代码

致谢看了这篇成功的https://blog.csdn.net/ai520587/article/details/84098601记录一下怎么引用的万一以后要用呢注意这里配置的是vue-cli3.0引入jquery的方法，不是vue-cli2.0的配置方法一、安装jquery npm install jquery --save在package.json查看jquery的安装二、在vue根目录下创建vue.config.js文件进行vue.config.js配置这个是以前用于其他

2020-08-07 13:40:22 619

原创纯vue 鼠标移入移出放大手风琴特效 vue+jQuery vue鼠标悬停放大 vue鼠标悬停图片手风琴特效

vue鼠标悬停图片风琴特效开篇下载链接那有什么东西都是可以照搬的当然得有自己改的地方开篇日常切图搬砖中，不仅仅完成psd设计稿的样式，还需要增添一些效果增强交互效果代码是晚上下载的，那为什么还要发呢还不是因为下载要币下载链接该链接无需用币也可以查看演示https://www.mk2048.com/demo/demo_target_desc_ckkiiahjkaa.html那有什么东西都是可以照搬的当然得有自己改的地方这个特效是默认加载了一个on的 class，然后不管怎么样

2020-08-07 10:41:10 2201

原创自定义滚动条 element-ui隐藏滚动条组件el-scrollbar的使用

element-ui隐藏滚动条组件el-scrollbar的使用效果展示贴上代码借鉴学习借鉴基础的延伸文本对齐及换行修改样式批评指正，或者推荐更好的操作呗效果展示贴上代码<template> <div> <div style="height:100px"></div> <div class="box"> <el-scrollbar> 我志愿加入中国共产党，拥护党的纲领，遵守党的章程

2020-08-06 16:54:20 543

原创 vue实现点击后动态添加class及删除同级class vue单击呈现不同样式 vue点击选中不同样式

vue实现点击后动态添加class及删除同级class代码丑丑的写法，但是一看就能理解上面的意思参考链接代码html<template lang="html"> <div> <div @click="changeIndex(index)" v-for="(item,index) in arr" :class="{on:currentIndex===index}"> {{item}} </div>

2020-08-03 12:07:00 1892

原创 element组件修改样式分页器修改样式＞＞＞穿透

https://blog.csdn.net/Alex81320/article/details/86234369vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>，穿透scoped。有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名)<style scoped> 外层 >>> 第三方组

2020-08-02 19:28:32 2954