jiace-web/src/App.vue

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

<script>
export default {
  name: 'App'
};
</script>
<style lang="scss">
.content {
  width: 1400px;
  margin: 0 auto;
}
.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>