HTML/CSS/JavaScript
关注
分享
扫一扫
HTML/CSS/JavaScript
一方湖泊
静下心来做一件事
展开
-
JS的一些实现
无原创 2022-06-22 13:18:46 · 90 阅读 · 1 评论 -
CSS样式实现
1.标题前蓝色小竖杠 <h3 class="title-left">订单明细</h3> <style scoped> .title-left { position: relative; padding-left: 13px; margin: 24px 0; } .title-left:before { content: ""; background-color: #3796EC; width: 3px; height: 20px; po原创 2022-02-13 12:31:37 · 577 阅读 · 0 评论 -
调整ElementUI的原生样式
<style scoped> /* 去除el-upload组件过渡效果 */ /deep/ .el-upload-list__item { transition: none !important; } </style>原创 2022-02-10 13:54:24 · 743 阅读 · 0 评论 -
js中计算付款金额（显示为 .000的样式）
背景：Vue项目。 selectionChange(list) { this.selectionList = list; // 计算本次付款金额 this.currPay = 0.0 this.selectionList.forEach(ele => { this.currPay += Number(ele.agentamount) * 1000; }); this.currPay = (this.curr原创 2022-01-26 16:10:58 · 1328 阅读 · 0 评论 -
avue的一些样式设置
<style scoped> /* 去除列表页上方按钮处空白(隐藏新增删除按钮后，希望去除空白) */ /deep/ .avue-crud__menu { display: none; } /* 隐藏分页 */ /deep/ .avue-crud__pagination { display: none; } </style>原创 2022-01-26 14:27:31 · 1628 阅读 · 0 评论 -
dialog内部定位，按钮垂直居中
参考：https://www.bilibili.com/video/BV14J4114768?p=226原创 2022-01-26 13:54:04 · 1303 阅读 · 0 评论 -
让一个div定位在页面正中间
背景： vue项目。 <style scoped> .button-class { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%原创 2022-01-20 09:02:00 · 984 阅读 · 0 评论 -
element ui el-dialog 居中，并且内容多的时候内部可以滚动
<el-dialog title="图标设置" :visible.sync="iconModal" custom-class="pub_dialog"> </el-dialog> css 放到公共css文件里（放到App.vue的css中），不能放到页面的style里 // dialog自定义 .pub_dialog { position: absolute; top: 50%; left: 50%; margin: 0 !important;原创 2022-01-19 20:32:45 · 1101 阅读 · 0 评论 -
鼠标悬停变小手
.small-hand { cursor: pointer; /鼠标悬停变小手/ }原创 2021-12-21 10:43:18 · 775 阅读 · 0 评论 -
HTML隐藏滚动条方法
方法1：html标签加属性(亲测可用) <html lang="en" class="no-ie" style="overflow:hidden;"> 方法2：body中加入以下代码 这种方法我不会用… <styletype="text/css"> html{ overflow-x:hidden; overflow-y:hidden; } </style> 为了防止以前的css文件覆盖掉body的的style 直接在html中写一个css原创 2021-11-10 14:43:56 · 6300 阅读 · 0 评论 -
`＜a＞＜/a＞`超链接不跳转
<a></a>超链接不跳转 <a href="javascript:void(0);" class="look" onclick="skipQueryPublic('+ row.schoolId +')">查看信息</a> href属性加"javascript:void(0);"就不跳转了.原创 2020-07-08 13:25:19 · 169 阅读 · 0 评论