【tailwindcss 支持微信小程序配置】教程文章相关的互联网学习教程文章

微信小程序中css的使用技巧总结

这篇文章介绍了最近很火的微信小程序中css的使用技巧总结,有需要的同学可以参考一下本文微信小程序 css使用技巧1:用纯CSS创建一个三角形的原理把上、左、右三条边隐藏掉(颜色设为 transparent).demo {width:0;height:0;border-width:20px;border-style:solid;border-color:transparenttransparentredtransparent;}2:设置最高高度..超过后可以滑动 max-height:550rpx;overflow-y:scroll;3: text-overflow 当属性规定当文本溢出包...

CSS3实现微信小程序瀑布流布局的代码示例【代码】

本篇文章给大家带来的内容是关于CSS3实现微信小程序瀑布流布局的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。1.column-count 属性规定元素应该被分隔的列数:-moz-column-count:3; /* Firefox */ -webkit-column-count:3; /* Safari 和 Chrome */ column-count:3;2.column-gap 属性规定列之间的间隔:-moz-column-gap:40px; /* Firefox */ -webkit-column-gap:40px; /* Safari 和 Chr...

CSS3实现微信小程序瀑布流布局的代码示例【代码】

本篇文章给大家带来的内容是关于CSS3实现微信小程序瀑布流布局的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。1.column-count 属性规定元素应该被分隔的列数:-moz-column-count:3; /* Firefox */ -webkit-column-count:3; /* Safari 和 Chrome */ column-count:3;2.column-gap 属性规定列之间的间隔:-moz-column-gap:40px; /* Firefox */ -webkit-column-gap:40px; /* Safari 和 Chr...

前端常见面试题(VUE/CSS/JS/JQuery/微信小程序)

文章目录 一、Vue面试题1.vue的特点是什么2.vue父与子如何传值Vue父组件传给子组件Vue子组件给父组件传值需要使用自定义事件 3.v-show和v-if指令的共同点和不同点?共同点:区别: 4.vue当中的指令和它的用法?5.vue-loader是什么?使用它的用途有哪些?用途 6.axios是什么?怎么使用?7.单页面应用和多页面应用区别及优缺点8.npm install常用的-S.-D、-g有什么区别?9.谈谈你对MVVM开发模式的理解MVC模式(Model-View-Controller) 10、前...

tailwindcss 支持微信小程序配置【代码】

安装postcss插件npm install -D postcss-class-renamepostcss-class-rename 是将小程序不支持的css类重命名tailwindcss配置移除不支持的css样式 module.exports = {// Tree-shake unused styles in production build// purge: ['./src/**/*.{vue,js,ts,jsx,tsx,html}'],purge: [],darkMode: false, // or 'media' or 'class'theme: {extend: {},// Disable breakpointsscreen: {}},variants: {extend: {},},plugins: [],corePlugin...

微信小程序CSS之Flex布局【代码】

转载:https://blog.csdn.net/u012927188/article/details/83040156 相信刚开始学习开发小程序的初学者一定对界面的布局很困扰,不知道怎么布局,怎么摆放位置,其原因是不了解CSS样式的属性,所以,今天代码君打算写一篇关于CSS的教程,给大家普及一下。 说起CSS布局,首先要讲解的就是FLex布局,这个可以说是一个万能钥匙,遇到什么复杂的布局,都可以通过Flex布局搞定,为了方便大家理解Flex属性,我将会一步步解析FLex的属性,...