Vue 适配
淋雪小新
这个作者很懒,什么都没留下…
展开
-
echarts markPoint显示(上面图片文字)
echarts markPoint显示(上面图片文字) data() { return { option1: { textStyle: { color: '#fff' }, grid: { top: '34px', bottom: '34px' }, xAxis: { type: 'category',原创 2021-12-10 09:50:47 · 2448 阅读 · 0 评论 -
vue 移动端适配vant
Vant 中的样式默认使用 px 作为单位,如果需要使用 rem 单位,推荐使用以下两个工具:postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 remlib-flexible 用于设置 rem 基准值下面我们分别将这两个工具配置到项目中完成 REM 适配。一、使用 lib-flexible 动态设置 REM 基准值(html 标签的字体大小)1、安装npm i amfe-flexible2、然后在 main.js 中加载执行该模块import 'amfe-原创 2020-12-18 16:50:50 · 718 阅读 · 2 评论 -
PC端flexible + postcss-pxtorem布局
1、安装npm i lib-flexible2、然后在 main.js 中加载执行该模块import ‘lib-flexible’3.npm install postcss-pxtorem4.然后在项目根目录中创建 .postcssrc.js 文件module.exports = { plugins: { 'postcss-pxtorem': { rootValue: 80, propList: ['*']} }}5.在flexible.js文件中原创 2020-12-18 16:43:33 · 852 阅读 · 3 评论 -
vue PC端自适应
PC端自适应,不改变字体大小vue PC端自适应,不改变字体P大小mounted() { // 自适应 window.onresize = this.resize; this.resize(); // 自适应 },methods:{resize() { this.resizeFunc(1920, 1080); },resizeFunc(designWidth, designHeight) { // console.log("wid原创 2020-12-18 16:39:49 · 1456 阅读 · 3 评论