vue3.0 高仿饿了么项目（项目初始化）

cnpm install stylus stylus-loader fastclick  --save

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import fastClick from "fastclick"///   300ms延时 问题
import "./assets/styles/reset.css" ///   样式初始化
import "./assets/styles/border.css" ///  1像素解决方案
Vue.config.productionTip = false
fastClick.attach(document.body);///   300ms延时 问题
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

<template>
  <div>
    <div class="header">
      <div class="header-left">返回</div>
      <div class="header-input">输入景点城市主题</div>
      <div class="header-right">城市</div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  }
};
</script>
<!--1rem = html font size = 50px;     如果给的是二倍图，那么px 要除以2， 再除以font size;

-->
<style lang="stylus" scoped>
.header {
  height: 0.86rem;
  display: flex;
  background-color: #00bcd4;
  color: #fff;
  line-height: 0.86rem;

  .header-left {
    float: left;
    width: 0.64rem;
  }

  .header-right {
    float: right;
    width: 1.24rem;
    text-align: center;
  }

  .header-input {
    flex: 1;
    background-color #fff;
    border-radius: .1rem;
    margin-top: .12rem;//  上边距
    height: .64rem;//  高度
    line-height : .64rem;
    color: #ccc;
    padding-left: .2rem;
    margin-left: .2rem;  //  左边距
  }
}
</style>