- 博客(24)
- 资源 (3)
- 收藏
- 关注
原创 el-table使用vuedraggable自定义表头,实现可拖拽、显示、隐藏
【代码】el-table使用vuedraggable自定义表头,实现可拖拽、显示、隐藏。
2024-07-08 14:24:10
514
原创 el-table自定义筛选表头组件封装
图片效果代码展示<template> <el-popover v-model="visible" title="显示的列" placement="left" width="369" :visible-arrow="false" > <div> <div> <el-checkbox :indeterminate="isIndeterminate"
2023-09-21 10:57:34
341
原创 Vue3的设置左侧导航高度全屏显示和element-icon在循环时如何使用
项目左侧导航自动获取高度 <el-row class="tac" :style="containerHeight" > </el-row>export default { name: "LeftNav", data () { return { number: 100, circleUrl: "../assets/img/tx.png", containerHeight: { height
2022-04-15 17:09:21
1606
原创 Vue3.0新建项目
安装vue-clinpm install -g @vue/cli -g在控制台输入创建的项目vue create <my-project> //vue3vue init webpack <my-project> //vue2创建成功后运行测试成功结果图:npm run serve //vue3npm run dev //vue2运行成功效果图:...
2022-04-09 16:18:13
530
原创 git的基本使用(1)
1. GIT本地库初始化命令:git init注意:.git目录存放的是本地库相关的子目录和文件,不要删除,也不要修改。2. 设置签名 形式:用户名:tomEmail地址:111@qq.com 作用:区分不同开发人员身份 辨析:这里设置的签名与登录远程库(代码管理中心)的账号密码毫无关系 命令:项目级别/仓库级别:仅在当前本地库范围内有效git config user.name tom_progit config user.email 111@qq.com查看效果图:
2022-04-08 18:02:47
117
原创 Vue实现点击列表切换并改变颜色
Vue实现点击列表切换并改变颜色实现效果图如下通过Vue的父子组件传值实现效果,单击切换颜色会进性改变并添加下划线父组件代码实现(Home.vue)需要进性对子组件的导入import TabControl from ‘@/components/content/TabControl’ <tab-control :titles="['流行','新款','经典']" class="tab-control" />js代码<script>
2021-11-10 21:58:44
2168
原创 Vue-cli3--配置端口号
Vue3–配置端口号在Vue-cli3中很多东西是没有的,需要自己创建,和Vue-cli2创建的项目有一定的区别。第一步:首先在根目录下面创建vue.config.js,第二部:打开vue.config.js,在里面配置端口module.exports = { configureWebpack: { resolve: { //设置别名 alias: { 'components': '@/components', 'content':
2021-11-10 10:50:53
4266
原创 background-color不显示
background-color不显示我在css设置,在我的浏览器显示正常,在老板的浏览器背景色无法显示,被说了好久这个问题。写成十六进制在使用移动端观看也无法显示出来。有的出来了,有的不出来,这出现了严重的兼容性问题。有的浏览器是不支持这一种写法,要改写成rgb的样子才能够解决出来。原本写法 background-color: #e7e7e7e8;改成十六进制背景色就实现了background-color: rgb(231 231 231 / 91%);...
2021-03-26 10:18:31
1484
原创 video.js插件的使用
头部导入导入video.js和video.css<link href="static/css/vedio.css" rel="stylesheet" /> <script src="static/js/vedio.js"></script>如何使用 <video class="vedio video-js vjs-default-skin vjs-big-play-centered" id="example_video_1" preload="no
2021-03-25 18:08:26
2223
原创 a标签使用方法和跳转方式
1、a标签的跳转方式和使用方法a元素最重要的属性是 href 属性,它指示链接的目标。a标签的跳转方式有五种:写法为<a href="http://vue.ydui.org/docs/#/flexbox" target="value"></a>_blank表示跳到新页面打开,打开一个新窗口_self表示当前页面打开链接_parent表示在父集框架中打开_top表示在整个窗口中打开framename表示在指定的框架中打开需要哪种方式跳转到页面,即需要在targ
2021-03-25 09:37:38
20721
原创 superslide轮播图的使用
除了swiper轮播插件还有superslide需要结合juery它的一起使用里面的介绍很详细,基本的效果都能实现,唯一不好的有的效果需要支付它的官网地址 http://www.superslide2.com/index.html第一步导入js <script type="text/javascript" src="../jquery1.42.min.js"></script> <script type="text/javascript" src="../jquery
2021-03-24 19:33:26
593
原创 swiper自定义分页器
swiper自定义分页左边分页导航不动,右边图片轮播,内容随图片变化而变化页面布局代码 <div class="store_detail hd" style="width: 20%;"> <ul class="storelist"> </ul> </div> <div class="bdbox" style="wi
2021-03-24 12:35:00
604
原创 jQuery的验证码图形插件GVerify
效果图失去焦点是的样子表单提交验证html代码 <div class="f"> <div class="font">验证码</div> <div class="inputvalue"> <input class="yzm" type="text" id="inputtext" placeholder="输入验证码
2021-03-02 10:12:34
476
原创 jQuery实现验证码60秒倒计时
前端页面代码 <div class="f"> <div class="font"><span>*</span>联系手机</div> <div class="inputvalue"> <input type="text" id="inputtext">
2021-03-01 15:10:20
1059
1
原创 微信小程序模拟拨打电话
微信小程序模拟拨打电话使用单击事件 gophone: function () { wx.makePhoneCall({ phoneNumber: '4000111212',/*模拟的电话号码*/ }) },
2021-02-08 16:13:58
1398
原创 微信小程序如何跳转到你指定的页面
微信小程序如何跳转到你指定的页面?微信小程序一共有五种页面跳转,分别代表着不同的跳转方式,今天主要介绍一种页面跳转如需其他方式可以进入微信小程序官方查看链接: https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html. /** * 生命周期函数--监听页面卸载 */ onUnload: function () { wx.reLaunch({ url: '../log
2021-02-08 16:08:15
2434
原创 微信小程序Radio的样式改变
这里写自定义目录标题微信小程序radio的样式改变微信小程序radio的样式改变如何修改小程序的样式?如何将一般的样式都是第一张图片的样子改成第二张图片的radio的样式。将原来的的radio颜色改变//radio需要放大.xieyi radio{ transform: scale(0.7);}//背景色改变.wx radio .wx-radio-input.wx-radio-input-checked { background:#42b89e;}2.radio变成第二
2021-02-08 15:57:37
495
原创 css控制div里面文字水平居中垂直居中
使div里面文字水平居中垂直居中效果图html代码 <div class="white"> <p>中国企业产品质量协会</p> <p>授予“全国重质量、守信誉”企业 </p> <p>(2014—2015)</p> </
2021-01-06 15:37:30
336
1
原创 css控制不管页面处于任何大小的状态下轮播图一直处于页面中间
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-01-06 15:20:25
569
3
原创 跨域数据请求
VsCode如何跨域请求IDEA数据VsCode-axios请求配置下面展示配置文件代码。import axios from 'axios'//导入axiosimport router from '../router'axios.defaults.timeout = 5000 // 超时时间是5秒axios.defaults.withCredentials = true // 允许跨域// Content-Type 响应头axios.defaults.headers.post['Conten
2020-11-20 12:19:08
152
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人