|
@@ -1,181 +1,3 @@
|
|
|
/***** 这里存放通用页面样式 *****/
|
|
|
-.mobile-login-page {
|
|
|
- width: 100%;height: 100%;background: #FFF;text-align: center;position: absolute;overflow: auto;
|
|
|
- .login-top {height: 540rpx;background-size: cover;background-image: url("@/static/images/login/login-bj-sj.png");}
|
|
|
- .login-logo {width: 266rpx;max-height: 100rpx;margin-top: 156rpx;}
|
|
|
- .login-text {display: block;font-size: 64rpx;color: #FFF;margin: 24rpx 0 0;font-weight: 700}
|
|
|
|
|
|
- // 登录区域
|
|
|
- .login-body {
|
|
|
- width: 100%;padding: 0 60rpx;box-sizing: border-box;margin: 140rpx auto 0;
|
|
|
- .input-container {
|
|
|
- display: flex;align-items: center;position: relative;
|
|
|
- height: 100rpx;border-radius: 50rpx;background-color: #F7F7F7;
|
|
|
- margin-bottom: 40rpx;box-sizing: border-box;text-align: left;
|
|
|
- }
|
|
|
- .input-icon {margin-left: 20rpx;color: #999;}
|
|
|
- .login-body-icon{
|
|
|
- width: 46rpx;height: 46rpx;line-height: 40rpx;margin: 0 24rpx 0 48rpx;
|
|
|
- display: inline-block;@include ezy-no-repeat-cover();
|
|
|
- }
|
|
|
- // .user-icon{background-image: url("@/static/images/login/user-icon.png");}
|
|
|
- //.mm-icon{background-image: url("@/static/images/login/remm-icon.png");}
|
|
|
- }
|
|
|
-
|
|
|
- // 输入框
|
|
|
- .login-btn {
|
|
|
- width: 100%;height: 100rpx;margin-top: 60rpx;font-size: 36rpx;margin-bottom: 100rpx;
|
|
|
- letter-spacing: 7.2rpx;background: linear-gradient(0deg, #436aff 0%, #234ff7 100%);
|
|
|
- border-radius: 50rpx;border: 0;color: #F7F7F7;line-height: 100rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .login-change {
|
|
|
- display: flex;justify-content: space-between;align-items: center;
|
|
|
- .checkbox-zhanghao {font-size: 24rpx;color: #565656;}
|
|
|
- .remember-checkbox-group{font-size: 28rpx;}
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-// 我的
|
|
|
-.mobile-my-page{
|
|
|
- width:100%;overflow: auto;background: #F3F5F7;padding-bottom: 60rpx;
|
|
|
- // 用户信息
|
|
|
- .user-info-box {
|
|
|
- width: 100%;height: 333rpx;background-color: #fff;
|
|
|
- background-image: url("@/static/images/my/user-info-bj.png");@include ezy-no-repeat-cover();
|
|
|
- display: flex;align-items: center;padding-top: 16px;box-sizing: border-box;
|
|
|
-
|
|
|
- // 图片
|
|
|
- .user-img-box {
|
|
|
- width: 120rpx;height: 120rpx;margin-left: 24rpx;border-radius: 50%;overflow: hidden;
|
|
|
- img{width: 100%;height: 100%;}
|
|
|
- }
|
|
|
-
|
|
|
- // 用户信息
|
|
|
- .user-content-box {
|
|
|
- margin-left: 48rpx;
|
|
|
- // 姓名
|
|
|
- .user-name {display: block;font-size: 36rpx;color: #fff;margin-bottom: 24rpx;font-weight: 800;}
|
|
|
- // 详细信息
|
|
|
- .user-info {
|
|
|
- display: flex;align-items: center;
|
|
|
- >view{font-size: 24rpx;color: #fff}
|
|
|
- text{width: 1px;height: 24rpx;display: block;margin: 0 12rpx;background: #fff;}
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .my-list-box{
|
|
|
- width:100%;margin: 0 auto;background-color: #fff;padding: 0 36rpx;
|
|
|
- .list-row{border-bottom: 2rpx solid #eee;color: #333;box-sizing: border-box;padding: 24rpx 0;
|
|
|
- display: flex;align-items: center;position: relative;
|
|
|
- .row-content{margin-left: auto;margin-right: 32rpx;color: #9c9c9c;font-size: 30rpx;}
|
|
|
- }
|
|
|
- .list-row::after{
|
|
|
- content: '';width: 30rpx;height: 30rpx;@include ezy-no-repeat-cover;
|
|
|
- background-image: url("@/static/images/common/nav-bar-jt-bottom.svg");
|
|
|
- position: absolute;right: 0;transform: rotate(270deg);
|
|
|
- }
|
|
|
- .list-row:last-child{border: 0;}
|
|
|
- .list-icon{width: 70rpx;height: 70rpx;@include ezy-no-repeat-cover;margin-right: 12rpx;}
|
|
|
- .xuefen-icon{background-image: url("@/static/images/my/my-credits-icon-sj.png");}
|
|
|
- .xiaoxi-icon{background-image: url("@/static/images/my/my-news-icon-sj.png");}
|
|
|
- .zhengshu-icon{background-image: url("@/static/images/my/my-certificate-icon-sj.png");}
|
|
|
- .cuoti-icon{background-image: url("@/static/images/my/my-wrong-icon-sj.png");}
|
|
|
- .baoming-icon{background-image: url("@/static/images/my/my-baoming-icon-sj.png");}
|
|
|
- .sxtcs-icon{background-image: url("@/static/images/my/my-ceshi-icon-sj.png");}
|
|
|
- .sxtsm-icon{background-image: url("@/static/images/my/my-explain-icon-sj.png");}
|
|
|
- .shezhi-icon{background-image: url("@/static/images/my/my-setting-icon-sj.png");}
|
|
|
- }
|
|
|
- .my-list-box + .my-list-box{margin-top: 20rpx;}
|
|
|
-}
|
|
|
-
|
|
|
-// 设置
|
|
|
-.mobile-setting-page{
|
|
|
- .setting-list-box{
|
|
|
- width:100%;margin: 0 auto;background-color: #fff;padding: 0 36rpx;
|
|
|
- .list-row{
|
|
|
- border-bottom: 2rpx solid #eee;color: #333;box-sizing: border-box;padding: 36rpx 0;
|
|
|
- display: flex;align-items: center;position: relative;
|
|
|
- .row-content{line-height: 1;margin-left: auto;margin-right: 32rpx;color: #9c9c9c;font-size: 30rpx;}
|
|
|
- }
|
|
|
- .setting-default-userImg{margin-right: 0;width: 70rpx;height: 70rpx;}
|
|
|
- .list-row::after{
|
|
|
- content: '';width: 30rpx;height: 30rpx;@include ezy-no-repeat-cover;
|
|
|
- background-image: url("@/static/images/common/nav-bar-jt-bottom.svg");
|
|
|
- position: absolute;right: 0;transform: rotate(270deg);
|
|
|
- }
|
|
|
- .no-jt-row::after{display: none;}
|
|
|
- .img-list-row{padding: 24rpx 0;}
|
|
|
- }
|
|
|
- .exit-login-btn {
|
|
|
- width: 400rpx;height: 90rpx;line-height: 90rpx;margin: 60rpx auto;display: block;font-size: 32rpx;
|
|
|
- background: linear-gradient(0deg,#436aff 0%, #234ff7 100%);border-radius: 45rpx;
|
|
|
- box-shadow: 0px 2rpx 14rpx -4rpx #5772ff;text-align: center;color: #fff;
|
|
|
- }
|
|
|
-}
|
|
|
-.phone-common-dialog.birthday-dialog{width: unset;}
|
|
|
-
|
|
|
-// 消息
|
|
|
-.phone-mes-page{
|
|
|
- padding: 40rpx 30rpx;word-break: break-word;white-space: pre-wrap;box-sizing: border-box;flex: 1;overflow: auto;
|
|
|
- .mes-name{font-size: 28rpx;margin: 0 0 20rpx;text-align: center;font-weight: bold;}
|
|
|
- .mes-time{font-size: 24rpx;margin: 0 0 20rpx;display: block;text-align: center;}
|
|
|
- .fwb-box{font-size: 28rpx;@include ezy-rich-text();line-height: 1.6;}
|
|
|
-}
|
|
|
-
|
|
|
-// 消息card
|
|
|
-.notice-list-card{
|
|
|
- margin: 0 15px;padding: 25px 0;border-bottom: 1px solid #f2f1f2;
|
|
|
- .notice-list-title{
|
|
|
- display: flex;align-items: center;margin: 0 0 10px;
|
|
|
- font-size: 32rpx;
|
|
|
- .notice-title{@include single-line-ellipsis();}
|
|
|
- }
|
|
|
- // 已读未读
|
|
|
- .notice-list-read,.notice-list-unread{
|
|
|
- width: 32px;height: 16px;line-height:16px;display: inline-block;text-align: center;
|
|
|
- border: 1px solid;margin-right: 10px;flex-shrink: 0;
|
|
|
- border-radius: 2px;font-size: 12px;font-style: normal;}
|
|
|
- .notice-list-read{border-color: #0220d6;color: #0220d6;background: #dee9ff;}
|
|
|
- .notice-list-unread{border-color: #BD1F00;color: #b71e00;background: #ffdad8;}
|
|
|
-
|
|
|
- // 内容
|
|
|
- .news-page-word{font-size: 12px;color: #333333;}
|
|
|
-}
|
|
|
-
|
|
|
-// 学分card
|
|
|
-.sum-score-box{font-size: 32rpx;height: 100rpx;line-height: 100rpx;border-bottom: 1rpx solid #f2f1f2;margin: 0 30rpx;}
|
|
|
-.credit-card-box{
|
|
|
- display: flex;align-items: flex-start;font-size: 32rpx;color: #333;
|
|
|
- padding: 40rpx 0;border-bottom: 1rpx solid #f2f1f2;
|
|
|
- // card 左侧区域
|
|
|
- .card-left{
|
|
|
- width: 30%;
|
|
|
- .credit-span{color: #3B60FF;font-size: 30rpx;font-family: Din, serif;word-break: break-all;}
|
|
|
- }
|
|
|
- // card 右侧区域
|
|
|
- .card-right{
|
|
|
- width: 70%;
|
|
|
- .right-name{margin: 0 0 16rpx;font-size: 32rpx;color: #333;line-height: 48rpx;}
|
|
|
- .right-time{font-size: 24rpx;color: #333;display: block;}
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-// 通知书
|
|
|
-.mobile-tzs-page{
|
|
|
- background-color: #f8f8f8;height: 100vh;
|
|
|
- .serch-box{border-top: 1rpx solid #ebedf0;background-color: #fff;padding-bottom: 2rpx;}
|
|
|
- .serch-input{
|
|
|
- width: 92%;height: 80rpx;background-color: #f7f8fa;margin: 32rpx auto;padding: 12px 24rpx;
|
|
|
- border-radius: 40rpx;display: flex;align-items: center;box-sizing: border-box;
|
|
|
- }
|
|
|
- .serch-input::before{content: '';width: 30rpx;height: 30rpx;margin-right: 16rpx;flex-shrink: 0;
|
|
|
- background-image: url("@/static/images/common/search-icon.svg");@include ezy-no-repeat-cover();}
|
|
|
- .tzs-btn{width: 420rpx;height: 90rpx;line-height: 90rpx;text-align: center;color: #fff;
|
|
|
- font-size: 28rpx;background: rgb(20, 114, 255);border-radius: 90rpx;margin: 48rpx auto;}
|
|
|
- .tzs-image-box{width: calc(100% - 112rpx);height: 920rpx;margin: 56rpx;}
|
|
|
-}
|
|
|
|