/***** 这里存放通用页面样式 *****/ .custom-iframe-class{z-index: 3;} // 首页 .dljt-index-page{ width: 100%;height: auto;position: relative;padding:120rpx 0 0; .index-swiper-box{width: 100%;margin-bottom: 52rpx;} uni-image{width: 100%;height: 340rpx;} .index-content-box{width: 92%;margin: 0 auto 50rpx;} .index-background-box{background-color: #f5f5f5;padding:36rpx 0 10rpx;} .index-more-btn{ text-align: right;font-size: 28rpx;cursor: pointer;color: #333; icon{width: 32rpx;height: 32rpx;@include dljt-no-repeat-cover;display: inline-block;vertical-align: middle; background-image: url("@/static/images/index/more-black-icon1.png");margin-left: 4rpx;} text{display: inline-block;vertical-align: middle;margin-left: 8rpx;} } .more-btn-top{margin-top: 24rpx;} .tab-item{ width: 100%;color: #1460b6;text-align: center;margin-bottom: 36rpx; padding: 12rpx 0;font-size: 32rpx;cursor: pointer;font-weight: bold; icon{width: 64rpx;height: 64rpx;@include dljt-no-repeat-cover;display: inline-block; vertical-align: middle;margin-right: 16rpx;position: relative;} .tzgg-icon{background-image: url("@/static/images/index/tz-icon.png");} .xwgk-icon{background-image: url("@/static/images/index/xw-icon.png");} .zsjy-icon{background-image: url("@/static/images/index/zsjy-icon.png");} } .index-list-item{ color: #fff;padding:32rpx 6rpx 24rpx;border-bottom: 1rpx dashed #666;cursor: pointer;line-height: 1;color: #333; .list-createTime{font-size: 24rpx;margin-bottom: 20rpx;} .list-title{font-size: 28rpx;@include single-line-ellipsis;height: 32rpx;} } .zsjy-box{ .zsjy-tab-item{margin: 56rpx 0 10rpx;} .wnlqfs-box,.xqhz-box{ width: 700rpx;height: 409rpx;@include dljt-no-repeat-cover; position: relative; .zsjy-text{position: absolute;bottom:0;left: 0;right: 0; text-align:center;padding: 12rpx 0;color:#fff} } .wnlqfs-box{background-image: url("@/static/images/index/zsjy-img1.png");margin-bottom: 36rpx;} .xqhz-box{background-image: url("@/static/images/index/zsjy-img2.png");} } .index-menu-btn,.index-close-btn{ width: 100rpx;height: 100rpx;border-radius: 50%;z-index: 2; background-color: #1460b6;position: fixed;right: 20rpx;bottom: 150rpx; &::after{width: 50rpx;height: 50rpx;position: absolute;top: 25rpx;left: 25rpx; @include dljt-no-repeat-cover;content: '';} } .index-menu-btn{ overflow: hidden; &::after{ background-image: url("@/static/images/common/menu-icon.png"); } } .index-close-btn{ overflow: unset; &::after{ background-image: url("@/static/images/common/menu-close.svg"); } } .index-text-list-show,.index-text-list-hiden{ width:100rpx;height:240rpx;position: absolute;bottom: 110rpx;transition: all 0.3s;z-index: 1; .index-text-btn{ width: 100rpx;height: 100rpx;border-radius: 50%;background-color: #1460b6;margin-bottom: 24rpx; display: flex;align-items: center;justify-content: center;font-size: 25rpx;color: #fff;text-align: center;} } .index-text-list-hiden{bottom:70rpx;} } // 专业建设 .zhuanye-page{ .dljt-scroll-view{ height: calc(100vh - 630rpx); .uni-scroll-view-content{height: calc(100vh - 630rpx);} } .zhuanye-list-box{ display: flex;justify-content: space-between;margin: 24rpx 10rpx 36rpx; .zhuanye-item{ width: 19%;display: flex;flex-direction: column;align-items: center; border: 1rpx solid #ccc;padding: 24rpx 0; icon{width: 80rpx;height: 73rpx;display: inline-block;@include dljt-no-repeat-cover;} text{color: #000;font-size: 26rpx;margin-top: 16rpx} } .zhuanye-item.active{ background-color: #0f50a4;position: relative; text{color: #fff;} } .zhuanye-item.active::after{ content: '';width: 0;height: 0;position: absolute;bottom: -20rpx;left: 50%;transform: translateX(-50%); border-left: 16rpx solid transparent; border-right: 16rpx solid transparent; border-top: 16rpx solid #0f50a4; } .zhuanye-item:nth-child(1) icon{background-image: url("@/static/images/jyjx/jyjx-icon1.png");} .zhuanye-item:nth-child(1).active icon{background-image: url("@/static/images/jyjx/jyjx-icon1-a.png");} .zhuanye-item:nth-child(2) icon{background-image: url("@/static/images/jyjx/jyjx-icon2.png");} .zhuanye-item:nth-child(2).active icon{background-image: url("@/static/images/jyjx/jyjx-icon2-a.png");} .zhuanye-item:nth-child(3) icon{background-image: url("@/static/images/jyjx/jyjx-icon3.png");} .zhuanye-item:nth-child(3).active icon{background-image: url("@/static/images/jyjx/jyjx-icon3-a.png");} .zhuanye-item:nth-child(4) icon{background-image: url("@/static/images/jyjx/jyjx-icon4.png");} .zhuanye-item:nth-child(4).active icon{background-image: url("@/static/images/jyjx/jyjx-icon4-a.png");} .zhuanye-item:nth-child(5) icon{background-image: url("@/static/images/jyjx/jyjx-icon5.png");} .zhuanye-item:nth-child(5).active icon{background-image: url("@/static/images/jyjx/jyjx-icon5-a.png");} } } // 招生就业 .zsjy-page{ .dljt-form-box{height: calc(100vh - 446rpx);display: block;overflow-y: auto;padding-top: 36rpx;} .dljt-input-row{ width: 80%;margin:0 auto 36rpx; .input-title{color: #333;font-size: 30rpx;} .form-input{ height: 70rpx;line-height: 70rpx;font-size: 26rpx;border: 1rpx solid #ccc; border-radius: 6rpx;padding: 0 10rpx;margin-top: 10rpx;color: #333; .uni-input-placeholder{color: #999;} } .form-select{ font-size: 26rpx;margin-top: 10rpx; .uni-select{border: 1rpx solid #ccc;border-radius: 6rpx;padding: 0 10rpx;} .uni-select__input-box{height: 70rpx;line-height: 1;} .uni-select__input-placeholder{color: #999;font-size: 26rpx;} } .form-btn-box{ background-color: #01356e;color: #fff;font-size: 30rpx;margin: 82rpx 0; } } .require-row{position: relative;} .require-row::after{content: '*';color: red; position: absolute;top: 66rpx;right: -30rpx;font-size: 36rpx;} } // 联系方式 .lxfs-page{ .lxfs-content-box{height: calc(100vh - 410rpx);box-sizing: border-box;padding: 0 6rpx 12rpx;overflow-y: auto;} .lxfs-map{ width: 656rpx;height: 518rpx;@include dljt-no-repeat-cover;margin: 0 auto; background-image: url("@/static/images/xygk/xywh-lxfs-img.png"); } .lxfs-tel-box{font-size: 28rpx;color: #333;margin: 36rpx 0;box-sizing: border-box;padding-left: 16rpx;} .lxsf-code-box{ display: flex;justify-content: space-evenly;color: #444;text-align: center;margin: 82rpx 0; >view{width: 33%;} uni-image{width:200rpx;height: 200rpx;} .code-text-box{box-sizing: border-box;padding:0 24rpx;word-break: break-all;} } } // 优秀毕业生 .yxbys-page{ .yxbys-detail-box .yxbys-name{color: #01359b;font-size: 28rpx;font-weight: normal;} } // 学院文化 .dljt-xywh-page{ padding: 32rpx 0 5rpx; .xywh-title{margin: 36rpx 0 32rpx;} .xywh-name{color: #333;font-size: 40rpx;font-weight: bold;} .xywh-name::after{content:'';width:70rpx;height:2rpx;background-color: #1361a6;display: block;margin:10rpx 0 24rpx;} .list-name{color: #000;font-size: 16rpx;@include single-line-ellipsis;} .xywh-row-content{ width: 560rpx;position: absolute;top: 470rpx;font-size: 25rpx;color: #333;left: 40rpx; .xywh-title{ font-family: '楷体', serif;color: #00339c;font-size: 42rpx;font-weight: bold;margin:24rpx 0 64rpx;text-align:center;} .xywh-text{ line-height: 1;margin-bottom: 26rpx; text{width: 140rpx;display: inline-block;color: #003497;} } .left-text-two{margin-left: 76rpx;} .left-text{margin-left: 130rpx;} } .xywh-row{width: 600rpx;height: 1012rpx;@include dljt-no-repeat-cover;margin: 0 auto 56rpx;position: relative;} .xx-row{ background-image: url("@/static/images/xygk/xywh-row-bj1.png"); } .xh-row{ height: 1083rpx;background-image: url("@/static/images/xygk/xywh-row-bj2.png"); .xywh-row-content{right: 36rpx;left: unset;} } .xg-row{ height: 1379rpx;background-image: url("@/static/images/xygk/xywh-row-bj3.png"); .xywh-row-content{top: 450rpx;} } } // 下载中心 .xzzx-page{ .xzzx-search-box{display: flex;align-items: center;} .xzzx-search-btn{background-color: #1a6ac3;flex-shrink: 0;font-size: 24rpx;color: #fff; border-radius: 6rpx;margin-left: 16rpx;padding: 18rpx 24rpx;} .dljt-scroll-view{ height: calc(100vh - 630rpx); // .uni-scroll-view-content{height: calc(100vh - 410rpx);} } .uni-load-more{border-top: 1rpx solid #ccc;} } // 招生热线 .zsrx-page{ .dljt-zsrx-content-box{ view{line-height: 1.6;margin-bottom: 16rpx;} .tel-left{margin-left: 130rpx;} } } // 官网二维码 .gwewm-page{ .ewm-code-img{ width: 500rpx;height: 500rpx;margin:0 auto;@include dljt-no-repeat-cover; background-image: url("@/static/images/index/ewm-code.png"); } }