yizhan.vue 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <template>
  2. <div id="yizhan">
  3. <el-row>
  4. <el-col :span="24" class="yizhanshi">
  5. <div class="w_1200">
  6. <el-col :span="24" class="top">
  7. <el-image :src="yizhanshi"></el-image>
  8. </el-col>
  9. <el-col :span="24">
  10. <el-col :span="6" class="login">
  11. <el-link :underline="false">
  12. <el-image :src="xuesheng"></el-image>
  13. </el-link>
  14. </el-col>
  15. <el-col :span="6" class="login">
  16. <el-link :underline="false">
  17. <el-image :src="company"></el-image>
  18. </el-link>
  19. </el-col>
  20. <el-col :span="6" class="login">
  21. <el-link :underline="false">
  22. <el-image :src="xueshengzhidao"></el-image>
  23. </el-link>
  24. </el-col>
  25. <el-col :span="6" class="login">
  26. <el-link :underline="false">
  27. <el-image :src="yongren"></el-image>
  28. </el-link>
  29. </el-col>
  30. </el-col>
  31. </div>
  32. </el-col>
  33. </el-row>
  34. </div>
  35. </template>
  36. <script>
  37. export default {
  38. name: 'yizhan',
  39. props: {},
  40. components: {},
  41. data: () => ({
  42. yizhanshi: require('../../../assets/yizhan.png'),
  43. xuesheng: require('../../../assets/studentlogin.png'),
  44. company: require('../../../assets/companylogin.png'),
  45. xueshengzhidao: require('../../../assets/zhidao.png'),
  46. yongren: require('../../../assets/yongren.png'),
  47. }),
  48. created() { },
  49. computed: {},
  50. methods: {},
  51. };
  52. </script>
  53. <style lang="less" scoped>
  54. .w_1200 {
  55. width: 1200px;
  56. margin: 0 auto;
  57. }
  58. .yizhanshi {
  59. height: 274px;
  60. background: #4193c5;
  61. }
  62. .top {
  63. margin: 30px 0;
  64. }
  65. .login {
  66. text-align: center;
  67. }
  68. .login .el-image {
  69. border-radius: 35px;
  70. }
  71. </style>