web前端
weixin_42602504
这个作者很懒,什么都没留下…
展开
-
display: flex与position:absolute,IOS个别机型样式不兼容
在小程序页面中父元素使用display:flex时,子元素使用position:absolute后。在苹果6s/6P/6sP的系统下会出现兼容问题,子元素position:absolute不生效页面出现布局混乱。所以当子元素要用position:absolute,父元素不能使用 display: flex布局。否则会出现兼容问题(开发工具测不出问题,真机会在6s/6P/6sP才能测出问题)...原创 2020-08-21 15:49:55 · 1223 阅读 · 0 评论 -
图片懒加载
html 结构<div class="container"> <div class="img-area"> <img class="my-photo" alt="loading" data-src="./img/img1.png"> </div> <div class="img-area"> <img class="my-photo" alt="loading" data-src="./img/img2.pn原创 2020-06-19 23:31:10 · 104 阅读 · 0 评论 -
axios实现loading
配合element-ui的loading 使用import axios from 'axios'import { Loading} from 'element-ui'let loading // 定义loading变量let flag = truefunction startLoading () { // 使用Element loading-start 方法 loading = Loading.service({ lock: true, text: '加载中……'原创 2020-06-19 23:21:15 · 590 阅读 · 0 评论 -
标题两端对其
//1.web端使用.title { text-align: justify; text-align-last: justify;}//2.兼容微信小程序.title { text-align: justify; width: 120rpx; height: 22px; }.title::after { width: 100%; display: inline-block; content: ""; }原创 2020-06-19 23:19:28 · 130 阅读 · 0 评论 -
前后端资源共享
原创 2020-06-19 23:15:28 · 136 阅读 · 0 评论 -
打卡,见证坚持的力量
自律生活,每日打卡,见证坚持的力量,定下目标,不盲目https://www.zhudk.cn:442/#/原创 2020-06-19 23:13:26 · 79 阅读 · 0 评论 -
vue中配置使用lib-flexible
1.需要安装的包npm i postcss-plugin-px2rem lib-flexible --save2.在 main.js 中添加以下代码import "lib-flexible";3.添加 vue.config.jsmodule.exports = { // 输出文件目录 outputDir: "dist", // 默认dist // 用于嵌套生成...原创 2020-04-11 19:47:50 · 2024 阅读 · 0 评论