film

npm install

npm run serve

npm run build

  npm i vant -S

import Vant from 'vant'
import 'vant/lib/index.css'

npm i -S amfe-flexible

import 'amfe-flexible'

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover">

npm install postcss-pxtorem@5.1.1[如果版本过高二报错，可安装指定版本] -D

module.exports = {
  plugins: {
    'postcss-pxtorem': {
      rootValue: 37.5,
      propList: ['*'],
    },
  }
}

Android >= 4.0
iOS >= 8

npm install vue-feedback --save

// 基本使用
<div v-fb></div>
// 自定义样式
<div v-fb="{cls: 'clickable'}"></div>

$primary: #ee0a24;
$success: #07c160;

:export {
  primary: $primary;
  success: $success;
}

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        prependData: `@import "@/styles/variables.scss";`
      }
    }
  }
}

<style lang="scss" scoped>
.div {
  color: $primary
}
</style>

<script>
import variables from '@/styles/variables.scss'

export default {
  props: {
    color: {
      type: String,
      default: variables.primary
    }
  }
};
</script>

<template>
  <div :style="color: variables.primary"></div>
</template>

<script>
import variables from '@/styles/variables.scss'
export default {
  computed: {
    variables() {
      return variables
    },
  },
};
</script>