随笔分类 - Html

javascrip 用canvas绘制矩形在第一次加载时无法正确显示的解决办法

摘要：<canvas class="canvas-block" id="myCanvas" width="400" height="400"></canvas> // 点击按钮绘制图像 handleTagClick (item) { this.loadCanvas() }, loadCanvas (val 阅读全文

posted @ 2023-01-17 10:19 搬砖的苦行僧阅读(277) 评论(0) 推荐(0) 编辑

防止移动端点击输入框页面放大

摘要：在入口文件index.html中加入 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cov 阅读全文

posted @ 2021-06-03 11:37 搬砖的苦行僧阅读(253) 评论(0) 推荐(0) 编辑

在Html中使用echarts图表

摘要：命令安装：npm install echarts --save 在index.html的<head></head>标签中引入echarts <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script> 阅读全文

posted @ 2021-05-29 10:22 搬砖的苦行僧阅读(1771) 评论(0) 推荐(0) 编辑

html+css模拟微信对话

摘要：HTML: <div class="dialog-wrap"> <ul v-for="item in dataList" :key="item.id"> <li class="dialog-left" v-if="item.sign 'left'"> {{ item.text }} </li> <l 阅读全文

posted @ 2021-05-27 14:04 搬砖的苦行僧阅读(660) 评论(0) 推荐(0) 编辑

解决Entrypoint undefined = index.html

摘要：遇到的问题：解决方法：在module.exports增加配置stats: { children: false }即可解决；即：阅读全文

posted @ 2021-04-27 15:52 搬砖的苦行僧阅读(1531) 评论(0) 推荐(0) 编辑

实现轮播图滑到当前位置放大的效果(使用的是vantUI库)

摘要：实现上图所示的轮播图的效果html: <div class="swiper-scale-wrap"> <van-swipe class="swiper-block" :loop="true" :width="160" @change="onChange"> <van-swipe-item class 阅读全文

posted @ 2021-02-26 17:49 搬砖的苦行僧阅读(998) 评论(0) 推荐(0) 编辑

当img图片的src为空时会出现边框怎么办？

摘要：当想要img的src值为空时想要去掉边框：img[src=""], img:not([src]){opacity: 0} 阅读全文

posted @ 2021-02-07 11:11 搬砖的苦行僧阅读(200) 评论(0) 推荐(0) 编辑