baidu_41601048的博客

1 关于van-tabs：这是

第一种：手动设置以设计稿是375为例。1 在plugins文件夹中新建一个fontsize.client.js文件，计算根字体大小document.documentElement.style.fontSize=document.documentElement.clientWidth/3.75+"px"2在nuxt.config.js文件中引入plugins: [ { // src: '@/plugins/lib-flexible.js', src: '@/plugi...

今天碰到一个问题：如图：一个标准的页面。设计稿底部白色区域是200px,上面绿色区域放一张图片。这个简单的布局最初样式如下<div class='wrap'><divclass="imgBoxcenter"><imgv-lazy="imgUrl"alt/></div><divclass="foot"></div></div>.imgBox {100...

记录几个vue-masonry插件使用中的坑：1 引入方法：通过npm ivue-masonry以后，引入方法是import{VueMasonryPlugin}from'vue-masonry';我用的版本是0.11.8而不是网上很多文字写的那样 importmasonryfrom'vue-masonry';如npm 官方包所述（个别人发布文章非常不负责任，误人子弟）2 一定要记得给item选项添加v-masonry-tile属性。vue-masonry...

最近遇到一个小场景。进入首页以后，需要有一个弹窗。弹窗的内容可能是一个图片。可能是一个视频。也可能是html字符串。所以想到封装成一个组件。对于视频。则有一个需求。如果用户不看完该视频是不允许关闭弹窗的。代码如下:（注contentType://弹窗内容类型1图片2视频3其他）结果发现videoObj 报错 null？？？说好的mounted 中获取do...

开发中有这样一个常见场景。在发送某个异步请求以后，需要给出一个提示，提示停顿一定时间以后再路由跳转至其他页面。vant的toast中有这样一个方法：最初的写法是这样的：而这也是才坑所在。然后你会看到：死循环。栈溢出了。解决的办法：lettoast=Toast({message:"提交成功",type:"success"})setTimeout(()=&gt...

今天遇到了一个问题。实现类似淘宝的购物车全选/全不选效果。记录下这里面的问题：这里面有这样几成逻辑：（我们把图中的京东，网易，天猫等看成一个模块）1每一个单独模块有一个控制该模块是否全选的按钮，点击全选/全不选切换，该模块下的所有复选框要被勾选/全不勾选同时每一个模块的全选/全不选按钮也会影响到整个页面最底部的全选按钮状态，当每个模块都会全选状态时，整个页面底部的全选按钮将被勾选...

1 最近项目需要临时做一个调查问卷页面。考虑到性能和复杂度，决定通过使用cdn方式编写该页面。效果如下：移动端采用vant.ui遇到的问题：（1）通过cdn方式进行开发的时候，引入官网的链接。查看network会报302错误。<link rel="stylesheet" href="https://unpkg.com/vant/lib/vant-css/index...

定制主题一般发生在我们需要对又有组件颜色都要整体统一时用到。vant在vant/lib/style/var.less中预定义了很多的变量。主要包括一些颜色值和变量名。如图：官方的说明其实写的不够详细。在这过程中遇到了一些坑。主要步骤：-------------------------------------------------------------------------...