- 博客(15)
- 收藏
- 关注
RSS订阅
1原创 css之图片等比例均匀分布排列
图片随着伸缩跟着放大缩小，使占据的一行铺满css部分：* { box-shadow : inset 0 0 3px red }section { display: flex; flex-flow: wrap;}div { flex-grow; margin: 5px; position: relative; overflow: hidden;}img { position: absolute; left: 0; top: 0; display: block; w.
2022-02-24 18:52:35
1634
原创 css之照片墙-鼠标滑过图片放大且不超出容器宽度
如上图效果：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
2022-02-18 10:39:34
556
原创 photoshop之logo图标为透明色
1.先把p的图片放进去2.先复制一份，然后先解锁，把原图眼睛的地方点掉3.用魔术棒工具点击背景4.按下delete按键就可消除5.点击左上角文件，存储为png格式就行
2021-12-29 09:56:08
2408
原创 通过for循环出来的element-ui中dialog弹框会叠加多次的解决方法
前提是已经引入了vue.js， element-ui.js，element-ui.css<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script><script src="https://unpk
2021-11-25 15:10:27
3565
原创 小程序报：TypeError: WebAssembly.instantiate():错误
直接在微信开发者工具里右上角详情中勾选，主要是红框未勾选，如下图：
2021-11-23 10:56:20
1318
原创 用less使页面随着屏幕放大缩小并用媒体查询
1.首先使less的使用方法：先准备以下文件：从这里去下载less.jsLess 中文网 也可以cdn引入2.在页面中引入less，需要标注 ： rel="stylesheet/less"，js引入需要放在 link 后面，如下图：3.在less文件中写样式，如下图：@rpx: 10rem;@media (min-aspect-ratio: 1920/1080) { html { font-size: calc(1000vh / 1080); ...
2021-11-17 15:06:13
663
原创 小程序~未找到app.json文件的问题
基本上简化成三步：1.首先把最外层目录中project.config.json文件复制到dist/dev/mp-weixin/文件夹下，里面需要添加："miniprogramRoot":"./dist上一级目录文件名/dist/dev/mp-weixin",如下图：2.在app.json中，添加"miniprogramRoot":"./dist/dev/mp-weixin"如下图：3.基本就可以加载出来了，如果还没有看最外层project.config.json...
2021-11-12 20:09:12
2038
原创 css文字底部效果
.title-bg { font-size: 36rpx; font-weight: bold; color: #000000; position: relative; z-index: 9; &::after { content: ''; z-index: -1; position: absolute; ...
2021-11-09 16:48:13
591
原创 css添加文字底部阴影效果
.title-circle-bg {position: relative;z-index: 1;font-size: 28rpx;font-weight: bold;color: #000000;text-align: center;&::before {content: “”;display: block;position: absolute;left: 50%;top: 50%;transform: translateX(-50%);z-index: -1;cli.
2021-11-04 16:35:02
964
原创 css的文本折行展示和溢出隐藏
一般情况只要定好文字所在容器的宽度文字就会折行，想控制一段文本不折行，设置如下的样式：white-space: nowrap;word-wrap: normal;word-break: keep-all;相反，如果一段文本不能折行了，那么可能是设置了如上的样式，则将样式改为white-space: normal;word-wrap: break-word;word-break: break-all;含有很长英文情况定好文字所在容器的宽度后文字不会折行，效果：.
2021-10-28 14:13:09
2443
原创 echarts百分比实现225度圆弧
echarts实现225度圆弧百分比@TOC Document <script type="text/javascript"> // 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); let current = 50.00;// 当前用量 let all = 100;// 总量 // 指定
2021-09-02 21:36:45
414
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人