vue
Gentle02
这个作者很懒,什么都没留下…
展开
-
vue 中 使用Swiper
1.使用npm 安装 npm install swiper vue-awesome-swiper --save //vue-awesone-swiper 4.1.1 swiper 6.6.12.使用 <div class="slide-show-area" :class="{open:$store.getters.getVale}"> <div class="box"> //容器外面得按钮 <div v-i原创 2021-05-15 21:24:55 · 191 阅读 · 0 评论 -
sass变量的@mixins函数使用
// 文字一行显示折叠@mixin linetext { text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}// 自定义折叠显示@mixin showlineText($number:2) { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: $number; -webkit-原创 2021-04-30 14:29:01 · 226 阅读 · 0 评论 -
vue 配置支持sass
1.安装依赖 安装 node-sass sass-loader 需要指定对应版本 ,否则会报错 npm install sass-loader@7.3.1 node-sass@4.14.1 --save-dev 在 组件中使用<style lang='scss' scoped>.home { .item { width: 100px; height: 100px; border: 1px solid red; }}</sty原创 2021-04-22 15:12:57 · 233 阅读 · 0 评论 -
vue-cli4 配置px2rem做rem移动端适配
开发h5 网页 进行移动端适配1.安装依赖 npm install amfe-flexible postcss-px2rem -Samfe-flexible:是rem的适配插件。(例:750px == 10rem)postcss-px2rem:负责将输入的px自动转为rem2.在main.js中引用 import "amfe-flexible";3.在 项目根目录创建vue.config.js 完成下面配置module.exports = { css: {原创 2021-04-22 14:57:34 · 168 阅读 · 0 评论 -
vite项目使用scss全局变量
在 vite.config.js 中配置css:{ preprocessorOptions: { scss: { additionalData: `@import "style/_style.scss";` } }} //-style.scss 中是 定义的全局变量原创 2021-04-14 10:33:48 · 3243 阅读 · 0 评论