pages.scss 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203
  1. /***** 这里存放通用页面样式 *****/
  2. // iframe{z-index: 3;}
  3. // 首页
  4. .dljt-index-page{
  5. width: 100%;height: auto;position: relative;padding:120rpx 0 0;
  6. .index-swiper-box{width: 100%;margin-bottom: 52rpx;}
  7. uni-image{width: 100%;height: 340rpx;}
  8. .index-content-box{width: 92%;margin: 0 auto 50rpx;}
  9. .index-background-box{background-color: #f5f5f5;padding:36rpx 0 10rpx;}
  10. .index-more-btn{
  11. text-align: right;font-size: 28rpx;cursor: pointer;color: #333;
  12. icon{width: 32rpx;height: 32rpx;@include dljt-no-repeat-cover;display: inline-block;vertical-align: middle;
  13. background-image: url("@/static/images/index/more-black-icon1.png");margin-left: 4rpx;}
  14. text{display: inline-block;vertical-align: middle;margin-left: 8rpx;}
  15. }
  16. .more-btn-top{margin-top: 24rpx;}
  17. .tab-item{
  18. width: 100%;color: #1460b6;text-align: center;margin-bottom: 36rpx;
  19. padding: 12rpx 0;font-size: 32rpx;cursor: pointer;font-weight: bold;
  20. icon{width: 64rpx;height: 64rpx;@include dljt-no-repeat-cover;display: inline-block;
  21. vertical-align: middle;margin-right: 16rpx;position: relative;}
  22. .tzgg-icon{background-image: url("@/static/images/index/tz-icon.png");}
  23. .xwgk-icon{background-image: url("@/static/images/index/xw-icon.png");}
  24. .zsjy-icon{background-image: url("@/static/images/index/zsjy-icon.png");}
  25. }
  26. .index-list-item{
  27. color: #fff;padding:32rpx 6rpx 24rpx;border-bottom: 1rpx dashed #666;cursor: pointer;line-height: 1;color: #333;
  28. .list-createTime{font-size: 24rpx;margin-bottom: 20rpx;}
  29. .list-title{font-size: 28rpx;@include single-line-ellipsis;height: 32rpx;}
  30. }
  31. .zsjy-box{
  32. .zsjy-tab-item{margin: 56rpx 0 10rpx;}
  33. .wnlqfs-box,.xqhz-box{
  34. width: 700rpx;height: 409rpx;@include dljt-no-repeat-cover;
  35. position: relative;
  36. .zsjy-text{position: absolute;bottom:0;left: 0;right: 0;
  37. text-align:center;padding: 12rpx 0;color:#fff}
  38. }
  39. .wnlqfs-box{background-image: url("@/static/images/index/zsjy-img1.png");margin-bottom: 36rpx;}
  40. .xqhz-box{background-image: url("@/static/images/index/zsjy-img2.png");}
  41. }
  42. .index-menu-btn,.index-close-btn{
  43. width: 100rpx;height: 100rpx;border-radius: 50%;z-index: 2;
  44. background-color: #1460b6;position: fixed;right: 20rpx;bottom: 150rpx;
  45. &::after{width: 50rpx;height: 50rpx;position: absolute;top: 25rpx;left: 25rpx;
  46. @include dljt-no-repeat-cover;content: '';}
  47. }
  48. .index-menu-btn{
  49. overflow: hidden;
  50. &::after{
  51. background-image: url("@/static/images/common/menu-icon.png");
  52. }
  53. }
  54. .index-close-btn{
  55. overflow: unset;
  56. &::after{
  57. background-image: url("@/static/images/common/menu-close.svg");
  58. }
  59. }
  60. .index-text-list-show,.index-text-list-hiden{
  61. width:100rpx;height:240rpx;position: absolute;bottom: 110rpx;transition: all 0.3s;z-index: 1;
  62. .index-text-btn{
  63. width: 100rpx;height: 100rpx;border-radius: 50%;background-color: #1460b6;margin-bottom: 24rpx;
  64. display: flex;align-items: center;justify-content: center;font-size: 25rpx;color: #fff;text-align: center;}
  65. }
  66. .index-text-list-hiden{bottom:70rpx;}
  67. }
  68. // 专业建设
  69. .zhuanye-page{
  70. .dljt-scroll-view{
  71. height: calc(100vh - 630rpx);
  72. .uni-scroll-view-content{height: calc(100vh - 630rpx);}
  73. }
  74. .zhuanye-list-box{
  75. display: flex;justify-content: space-between;margin: 24rpx 10rpx 36rpx;
  76. .zhuanye-item{
  77. width: 19%;display: flex;flex-direction: column;align-items: center;
  78. border: 1rpx solid #ccc;padding: 24rpx 0;
  79. icon{width: 80rpx;height: 73rpx;display: inline-block;@include dljt-no-repeat-cover;}
  80. text{color: #000;font-size: 26rpx;margin-top: 16rpx}
  81. }
  82. .zhuanye-item.active{
  83. background-color: #0f50a4;position: relative;
  84. text{color: #fff;}
  85. }
  86. .zhuanye-item.active::after{
  87. content: '';width: 0;height: 0;position: absolute;bottom: -20rpx;left: 50%;transform: translateX(-50%);
  88. border-left: 16rpx solid transparent;
  89. border-right: 16rpx solid transparent;
  90. border-top: 16rpx solid #0f50a4;
  91. }
  92. .zhuanye-item:nth-child(1) icon{background-image: url("@/static/images/jyjx/jyjx-icon1.png");}
  93. .zhuanye-item:nth-child(1).active icon{background-image: url("@/static/images/jyjx/jyjx-icon1-a.png");}
  94. .zhuanye-item:nth-child(2) icon{background-image: url("@/static/images/jyjx/jyjx-icon2.png");}
  95. .zhuanye-item:nth-child(2).active icon{background-image: url("@/static/images/jyjx/jyjx-icon2-a.png");}
  96. .zhuanye-item:nth-child(3) icon{background-image: url("@/static/images/jyjx/jyjx-icon3.png");}
  97. .zhuanye-item:nth-child(3).active icon{background-image: url("@/static/images/jyjx/jyjx-icon3-a.png");}
  98. .zhuanye-item:nth-child(4) icon{background-image: url("@/static/images/jyjx/jyjx-icon4.png");}
  99. .zhuanye-item:nth-child(4).active icon{background-image: url("@/static/images/jyjx/jyjx-icon4-a.png");}
  100. .zhuanye-item:nth-child(5) icon{background-image: url("@/static/images/jyjx/jyjx-icon5.png");}
  101. .zhuanye-item:nth-child(5).active icon{background-image: url("@/static/images/jyjx/jyjx-icon5-a.png");}
  102. }
  103. }
  104. // 招生就业
  105. .zsjy-page{
  106. .dljt-form-box{height: calc(100vh - 446rpx);display: block;overflow-y: auto;padding-top: 36rpx;}
  107. .dljt-input-row{
  108. width: 80%;margin:0 auto 36rpx;
  109. .input-title{color: #333;font-size: 30rpx;}
  110. .form-input{
  111. height: 70rpx;line-height: 70rpx;font-size: 26rpx;border: 1rpx solid #ccc;
  112. border-radius: 6rpx;padding: 0 10rpx;margin-top: 10rpx;color: #333;
  113. .uni-input-placeholder{color: #999;}
  114. }
  115. .form-select{
  116. font-size: 26rpx;margin-top: 10rpx;
  117. .uni-select{border: 1rpx solid #ccc;border-radius: 6rpx;padding: 0 10rpx;}
  118. .uni-select__input-box{height: 70rpx;line-height: 1;}
  119. .uni-select__input-placeholder{color: #999;font-size: 26rpx;}
  120. }
  121. .form-btn-box{
  122. background-color: #01356e;color: #fff;font-size: 30rpx;margin: 82rpx 0;
  123. }
  124. }
  125. .require-row{position: relative;}
  126. .require-row::after{content: '*';color: red;
  127. position: absolute;top: 66rpx;right: -30rpx;font-size: 36rpx;}
  128. }
  129. // 联系方式
  130. .lxfs-page{
  131. .lxfs-content-box{height: calc(100vh - 410rpx);box-sizing: border-box;padding: 0 6rpx 12rpx;overflow-y: auto;}
  132. .lxfs-map{
  133. width: 656rpx;height: 518rpx;@include dljt-no-repeat-cover;margin: 0 auto;
  134. background-image: url("@/static/images/xygk/xywh-lxfs-img.png");
  135. }
  136. .lxfs-tel-box{font-size: 28rpx;color: #333;margin: 36rpx 0;box-sizing: border-box;padding-left: 16rpx;}
  137. .lxsf-code-box{
  138. display: flex;justify-content: space-evenly;color: #444;text-align: center;margin: 82rpx 0;
  139. >view{width: 33%;}
  140. uni-image{width:200rpx;height: 200rpx;}
  141. .code-text-box{box-sizing: border-box;padding:0 24rpx;word-break: break-all;}
  142. }
  143. }
  144. // 优秀毕业生
  145. .yxbys-page{
  146. .yxbys-detail-box .yxbys-name{color: #01359b;font-size: 28rpx;font-weight: normal;}
  147. }
  148. // 学院文化
  149. .dljt-xywh-page{
  150. padding: 32rpx 0 5rpx;
  151. .xywh-title{margin: 36rpx 0 32rpx;}
  152. .xywh-name{color: #333;font-size: 40rpx;font-weight: bold;}
  153. .xywh-name::after{content:'';width:70rpx;height:2rpx;background-color: #1361a6;display: block;margin:10rpx 0 24rpx;}
  154. .list-name{color: #000;font-size: 16rpx;@include single-line-ellipsis;}
  155. .xywh-row-content{
  156. width: 560rpx;position: absolute;top: 470rpx;font-size: 25rpx;color: #333;left: 40rpx;
  157. .xywh-title{
  158. font-family: '楷体', serif;color: #00339c;font-size: 42rpx;font-weight: bold;margin:24rpx 0 64rpx;text-align:center;}
  159. .xywh-text{
  160. line-height: 1;margin-bottom: 26rpx;
  161. text{width: 140rpx;display: inline-block;color: #003497;}
  162. }
  163. .left-text-two{margin-left: 76rpx;}
  164. .left-text{margin-left: 130rpx;}
  165. }
  166. .xywh-row{width: 600rpx;height: 1012rpx;@include dljt-no-repeat-cover;margin: 0 auto 56rpx;position: relative;}
  167. .xx-row{
  168. background-image: url("@/static/images/xygk/xywh-row-bj1.png");
  169. }
  170. .xh-row{
  171. height: 1083rpx;background-image: url("@/static/images/xygk/xywh-row-bj2.png");
  172. .xywh-row-content{right: 36rpx;left: unset;}
  173. }
  174. .xg-row{
  175. height: 1379rpx;background-image: url("@/static/images/xygk/xywh-row-bj3.png");
  176. .xywh-row-content{top: 450rpx;}
  177. }
  178. }
  179. // 下载中心
  180. .xzzx-page{
  181. .xzzx-search-box{display: flex;align-items: center;}
  182. .xzzx-search-btn{background-color: #1a6ac3;flex-shrink: 0;font-size: 24rpx;color: #fff;
  183. border-radius: 6rpx;margin-left: 16rpx;padding: 18rpx 24rpx;}
  184. .dljt-scroll-view{
  185. height: calc(100vh - 630rpx);
  186. // .uni-scroll-view-content{height: calc(100vh - 410rpx);}
  187. }
  188. .uni-load-more{border-top: 1rpx solid #ccc;}
  189. }