小程序--组件--视图容器

日常记录学习~~

参数参考官方文档： >

前端页面主要使用vant+postcss-pxtorem+lib-flexible,后端管理页面主要是使用elementUI进行开发。

出现问题

postcss-pxtorem转化把px转化rem或者vm的时候会影响elementui的相关样式，所以在后端管理页面的编码中会出现直接从elementui粘贴过来的版式问题，下面是我的postcssconifgjs文件的相关配置

moduleexports = {

plugins: {

//

'postcss-px-to-viewport': {

unitToConvert: 'px',

viewportWidth: 320,

unitPrecision: 5,

propList: [''],

viewportUnit: 'vw',

fontViewportUnit: 'vw',

selectorBlackList: ['el'],

minPixelValue: 1,

mediaQuery: false,

replace: true,

exclude: undefined,

include: undefined,

landscape: false,

landscapeUnit: 'vw',

landscapeWidth: 568

}

}

}

登录后复制



排除其他的配置情况请注意 selectorBlackList 该字段可以排除某些样式不转化为vm，我在这里加上 el 就是把elementui相关的组件都不转化为vm，因此在开发后端页面的时候就可以看到直接从elementui粘贴复制过来的东西可以直接调整使用了。

前两天看 文档 看到选择器那块儿的时候，前面4个基本都能理解： class ， #id ， element ， element, element ，但后面两个 ::after 和 ::before （文档中说，分别表示在view 组件的后面和前面插入内容），表示有点没有理解。于是上网仔细查了下。以下是笔记

wxml

wxss

js

效果

其实，after和before可以添加的不仅仅是像上面这种字符串，以下是可以添加的常用的内容

具体的请参考这篇文章

以上就是关于小程序--组件--视图容器全部的内容，包括:小程序--组件--视图容器、如何使用vue的use方法使用element组件、同时引入elementui和vantui有什么问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！