自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 oracle小数点前零丢失的问题

注意:不要用VARCHAR2,会导致0.05,变成.05。表设计时,类型设置为FLOAT,长度这里设置的126。

2024-10-21 09:35:19 294

原创 thinkphp5.1前后端一体项目初始化流程

准备:1.安装composer 2.安装phpstudy小皮(部署项目用) 3.环境变量已配置好。-> 如何配置环境变量+用phpstudy安装composer,请看这篇。1.打开cmd窗口,依次输入以下两条命令,初始化项目。3. 访问你配置的域名,出现如下画面就是成功啦。2.使用phpstudy部署项目在本地。

2024-04-03 17:04:11 305

原创 vue el-table 动态表头及表格数据生成

需求:table表头内容不固定,无法正常用官方文档中prop匹配。解决:后端返回的JSON包含:表头名称和表格数据,示例如下。

2023-12-21 09:59:44 1241

原创 el-image 图片存在缓存,页面未及时更新图片

解决:添加一个时间戳或随机数来确保每次请求的URL都不同,从而避免缓存。问题::src是从后端接口拿到的最新图片地址,页面显示的是上一张图片。

2023-12-11 17:17:50 1219 1

原创 vue el-table 表格数据导出为CSV文件并保存在本地

2.页面添加el-button,点击按钮触发导出事件。3.methods中处理方法。1.npm安装js库。

2023-12-08 13:26:24 1001

原创 Vue本地引用Iconfont(阿里巴巴图标库) SVG及普通图标

1.本地src目录下,新建xxx文件夹,自定义文件夹名称。目录结构如下:fontSy对应svg,fontUn对应普通图标。2.在iconfont上下载对应zip(正常icon和SVG),zip中包含的2个demo文件可删除,保留以下文件。//普通图标引入css。3.vue 中,main.js引入本地文件夹下的iconfont。

2023-05-15 10:39:57 534

原创 Element表单input框,复合型输入框嵌入按钮样式修改

用element复合型输入框可实现初步效果,遇到一点坑。1. 悬停时input框的聚焦效果,内嵌的按钮没有2.点击输入时,input聚焦效果,内嵌的按钮依旧没有效果图:鼠标悬停时/ input输入内容时 cssjs控制input聚焦、失焦时,给插槽添加边框

2022-12-07 14:59:00 4874

原创 Vue 滚动条下拉时更换导航栏组件背景样式

下拉时更改导航栏样式

2022-07-08 15:29:54 967

原创 vue 字节转换

data(){ metrics: [], // 接口返回需要转换的值 } watch: { metrics: function(val) { let data = []; for (let key in val) { data[key] = this.formatByte(val[key]); // watch监听中使用 } this.format = data; }, },// methods中..

2022-05-12 20:42:39 1844

原创 Vue 内嵌微信登录二维码及修改默认样式

1. index.html 引入微信官方提供的js文件 <script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>2.需要内嵌二维码的页面中// template 代码 <div id="wxcode"> </div>// methods 代码 createWxQrcode() {

2022-04-26 16:26:04 4677 3

原创 VuePress中使用UI库

1.在docs -> .vuepress 下新建一个js文件官方文档中给出的作用:docs/.vuepress/enhanceApp.js: 客户端应用的增强。2.在enhanceApp.js中加入以下import Element from 'element-ui'; //引入组件库import 'element-ui/lib/theme-chalk/index.css';export default ({ Vue, options, router }) =&gt..

2021-11-07 14:27:53 996

原创 jQuery完成的tab切换

代码:<!doctypehtml><htmllang="en"><scripttype="text/javascript"src="//apps.bdimg.com/libs/jquery/1.12.4/jquery.min.js"></script><head><metacharset="UTF-8"><style>.tabs{list-s...

2021-09-13 10:50:18 755

原创 css横向拖拽条隐藏

问题:设置overflow:scroll,出现横向和竖向拖拽条需求:只要保留竖向拖拽条css代码:overflow-x:hidden; //隐藏x轴的拖拽条。就是横向

2021-09-05 14:04:26 284

原创 css去掉bootstrap面包屑导航中的分隔符

Bootstrap中会自带分隔符,想去掉。css中代码:.breadcrumb-item+.breadcrumb-item::before{font-family:FontAwesome;content:"\f178"!important; //更改下content里内容}

2021-09-04 11:08:53 692

原创 CSS中设置两个div有间隔,同时div2居中

成品图:方法:设置margin:15px260px margin:上下 左右;这里的距离是用网站工具测出来的,260px是父元素宽度-子元素div宽度再除以2.

2021-09-04 11:02:28 968

原创 CSS两个div并排

成品图: -为了布局看得清晰,加了个背景色方法:div1设置左浮动,div2设置右浮动(同时在父元素清除浮动带来的影响)有时候想不起来div咋并排,记录一下...

2021-08-28 17:38:54 1683

原创 CSS移动子元素div,父元素div跟着移动问题解决

成品图:需求:标题div和父级div之间有距离,设置margin-top结果父元素也跟着移动。解决:给父元素添加padding-top:1px;,再移动子元素就可以了还可以给父元素设置: padding-top: 1px; border: 1px solid red; overflow: hidden;...

2021-08-28 17:20:00 1911

原创 css溢出文字隐藏为省略号(文字有两行及以上情况)

一开始长这样:设置完后长这样:步骤:overflow:hidden;//溢出文字隐藏text-overflow:ellipsis;//溢出的显示为省略号..display:-webkit-box; //显示为弹性伸缩盒子-webkit-box-orient:vertical;//盒子中的子元素垂直-webkit-line-clamp:2; //文字显示为2行总结:一开始没想到设置弹性伸缩,只写了前两行,啥用没有。更新:想去掉首行文本前的空格,...

2021-08-28 10:38:52 308

原创 css在input输入框中设置融入图标

出来长这样:一开始想用font-awesome,然后发现搜索图标是直接在input里面的。方法:css中给input设置背景图background:url(../img/search.png)no-repeat; //引入图片,避免图片重复background-position:right; //让图片在搜索框右边background-size:35px; //调整图片大小...

2021-08-24 12:13:41 2291

原创 node.js express框架基本day1

constexpress=require('express');constquerystring=require('querystring');constapp=express();app.listen(8080); <以上基本是必写的>//路由:用户响应文件(get/search)app.get('/search',(req,res)=>{res.sendFile(__dirname+'/search.html');});//添...

2021-07-22 22:36:32 94

原创 小米官网练习中遇到的问题-记录2

问题:设置左侧菜单栏字体颜色失败原因:设置样式时,选择类不够具体,字体颜色被.nav-wrapper li a影响重新xi.all-goods-wrapper.left-menua

2021-06-13 10:28:04 128

原创 小米官网练习中遇到的问题-记录

1.目前进度:设计弹出层的样式遇到的问题:设置width: 100%; 弹出层还是不能铺满页面看老师用了position: relative/absolute

2021-06-12 21:59:55 216

原创 小米官网新头部logo保存CSS中显示不全问题

视频中老师使用的原代码如下:

2021-06-12 16:58:24 205

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除