pages.scss 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. /***** 这里存放通用页面样式 *****/
  2. iframe{z-index: 3;}
  3. // 首页
  4. .dljt-index-page{
  5. }
  6. // 专业建设
  7. .zhuanye-page{
  8. .dljt-scroll-view{
  9. height: calc(100vh - 630rpx);
  10. .uni-scroll-view-content{height: calc(100vh - 630rpx);}
  11. }
  12. .zhuanye-list-box{
  13. display: flex;justify-content: space-between;margin: 24rpx 10rpx 36rpx;
  14. .zhuanye-item{
  15. width: 19%;display: flex;flex-direction: column;align-items: center;
  16. border: 1rpx solid #ccc;padding: 24rpx 0;
  17. icon{width: 80rpx;height: 73rpx;display: inline-block;@include dljt-no-repeat-cover;}
  18. text{color: #000;font-size: 26rpx;margin-top: 16rpx}
  19. }
  20. .zhuanye-item.active{
  21. background-color: #0f50a4;position: relative;
  22. text{color: #fff;}
  23. }
  24. .zhuanye-item.active::after{
  25. content: '';width: 0;height: 0;position: absolute;bottom: -20rpx;left: 50%;transform: translateX(-50%);
  26. border-left: 16rpx solid transparent;
  27. border-right: 16rpx solid transparent;
  28. border-top: 16rpx solid #0f50a4;
  29. }
  30. .zhuanye-item:nth-child(1) icon{background-image: url("@/static/images/jyjx/jyjx-icon1.png");}
  31. .zhuanye-item:nth-child(1).active icon{background-image: url("@/static/images/jyjx/jyjx-icon1-a.png");}
  32. .zhuanye-item:nth-child(2) icon{background-image: url("@/static/images/jyjx/jyjx-icon2.png");}
  33. .zhuanye-item:nth-child(2).active icon{background-image: url("@/static/images/jyjx/jyjx-icon2-a.png");}
  34. .zhuanye-item:nth-child(3) icon{background-image: url("@/static/images/jyjx/jyjx-icon3.png");}
  35. .zhuanye-item:nth-child(3).active icon{background-image: url("@/static/images/jyjx/jyjx-icon3-a.png");}
  36. .zhuanye-item:nth-child(4) icon{background-image: url("@/static/images/jyjx/jyjx-icon4.png");}
  37. .zhuanye-item:nth-child(4).active icon{background-image: url("@/static/images/jyjx/jyjx-icon4-a.png");}
  38. .zhuanye-item:nth-child(5) icon{background-image: url("@/static/images/jyjx/jyjx-icon5.png");}
  39. .zhuanye-item:nth-child(5).active icon{background-image: url("@/static/images/jyjx/jyjx-icon5-a.png");}
  40. }
  41. }
  42. // 招生就业
  43. .zsjy-page{
  44. .dljt-form-box{height: calc(100vh - 446rpx);display: block;overflow-y: auto;padding-top: 36rpx;}
  45. .dljt-input-row{
  46. width: 80%;margin:0 auto 36rpx;
  47. .input-title{color: #333;font-size: 30rpx;}
  48. .form-input{
  49. height: 70rpx;line-height: 70rpx;font-size: 26rpx;border: 1rpx solid #ccc;
  50. border-radius: 6rpx;padding: 0 10rpx;margin-top: 10rpx;color: #333;
  51. .uni-input-placeholder{color: #999;}
  52. }
  53. .form-select{
  54. font-size: 26rpx;margin-top: 10rpx;
  55. .uni-select{border: 1rpx solid #ccc;border-radius: 6rpx;padding: 0 10rpx;}
  56. .uni-select__input-box{height: 70rpx;line-height: 1;}
  57. .uni-select__input-placeholder{color: #999;font-size: 26rpx;}
  58. }
  59. .form-btn-box{
  60. background-color: #01356e;color: #fff;font-size: 30rpx;margin: 82rpx 0;
  61. }
  62. }
  63. .require-row{position: relative;}
  64. .require-row::after{content: '*';color: red;
  65. position: absolute;top: 66rpx;right: -30rpx;font-size: 36rpx;}
  66. }
  67. // 联系方式
  68. .lxfs-page{
  69. .lxfs-content-box{height: calc(100vh - 410rpx);box-sizing: border-box;padding: 0 6rpx 12rpx;overflow-y: auto;}
  70. .lxfs-map{
  71. width: 656rpx;height: 518rpx;@include dljt-no-repeat-cover;margin: 0 auto;
  72. background-image: url("@/static/images/xygk/xywh-lxfs-img.png");
  73. }
  74. .lxfs-tel-box{font-size: 28rpx;color: #333;margin: 36rpx 0;box-sizing: border-box;padding-left: 16rpx;}
  75. .lxsf-code-box{
  76. display: flex;justify-content: space-evenly;color: #444;text-align: center;margin: 82rpx 0;
  77. >view{width: 33%;}
  78. uni-image{width:200rpx;height: 200rpx;}
  79. .code-text-box{box-sizing: border-box;padding:0 24rpx;word-break: break-all;}
  80. }
  81. }
  82. // 优秀毕业生
  83. .yxbys-page{
  84. .yxbys-detail-box .yxbys-name{color: #01359b;font-size: 28rpx;font-weight: normal;}
  85. }
  86. // 学院文化
  87. .dljt-xywh-page{
  88. padding: 32rpx 0 5rpx;
  89. .xywh-title{margin: 36rpx 0 32rpx;}
  90. .xywh-name{color: #333;font-size: 40rpx;font-weight: bold;}
  91. .xywh-name::after{content:'';width:70rpx;height:2rpx;background-color: #1361a6;display: block;margin:10rpx 0 24rpx;}
  92. .list-name{color: #000;font-size: 16rpx;@include single-line-ellipsis;}
  93. .xywh-row-content{
  94. width: 560rpx;position: absolute;top: 470rpx;font-size: 25rpx;color: #333;left: 40rpx;
  95. .xywh-title{
  96. font-family: '楷体', serif;color: #00339c;font-size: 42rpx;font-weight: bold;margin:24rpx 0 64rpx;text-align:center;}
  97. .xywh-text{
  98. line-height: 1;margin-bottom: 26rpx;
  99. text{width: 140rpx;display: inline-block;color: #003497;}
  100. }
  101. .left-text-two{margin-left: 76rpx;}
  102. .left-text{margin-left: 130rpx;}
  103. }
  104. .xywh-row{width: 600rpx;height: 1012rpx;@include dljt-no-repeat-cover;margin: 0 auto 56rpx;position: relative;}
  105. .xx-row{
  106. background-image: url("@/static/images/xygk/xywh-row-bj1.png");
  107. }
  108. .xh-row{
  109. height: 1083rpx;background-image: url("@/static/images/xygk/xywh-row-bj2.png");
  110. .xywh-row-content{right: 36rpx;left: unset;}
  111. }
  112. .xg-row{
  113. height: 1379rpx;background-image: url("@/static/images/xygk/xywh-row-bj3.png");
  114. .xywh-row-content{top: 450rpx;}
  115. }
  116. }