jiace-web/src/App.vue

<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App'
};
</script>
<style lang="scss">
// @media screen and (min-width:813px) and (max-width:1025px){}
// // >=1024的设备屏幕
// @media screen and (min-width: 1024px) {
//   .content {
//     width: 1200px;
//     margin: 0 auto;
//   }
// }
// // >=1100的设备屏幕
// @media screen and (min-width: 1100px) {
//   .content {
//     width: 1200px;
//     margin: 0 auto;
//   }
// }
// // >=1280的设备屏幕
// @media (min-width: 1280px) {
//   .content {
//     width: 1200px;
//     margin: 0 auto;
//   }
// }
// // >=1366的设备屏幕
// @media screen and (min-width: 1366px) {
//   .content {
//     width: 1400px;
//     margin: 0 auto;
//   }
// }
// // >=1440的设备屏幕
// @media screen and (min-width: 1440px) {
//   .content {
//     width: 1400px;
//     margin: 0 auto;
//   }
// }
// >=1680的设备屏幕
// @media screen and (min-width: 1680px) {}
// >=1920的设备屏幕
// @media screen and (min-width: 1920px) {}
.content {
  width: 1400px;
  margin: 0 auto;
}
.min_h_241 {
  min-height: calc(100vh - 241px);
}
.min_h_285 {
  min-height: calc(100vh - 285px);
}
.p0-100 {
  padding: 0 100px;
}
.text_hidden_one {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text_hidden_two {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.text_hidden_four {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.text_18_333 {
  font-size: 18px;
  color: #333;
}
.pointer {
  cursor: pointer;
  &:hover {
    color: #ffa32c;
  }
}
</style>