123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174 |
- .article{
- padding: 40rpx 20rpx 120rpx;
- font-size: 24rpx;
- line-height: 1.8;
- background: #fff;
- }
- .article .title{
- font-size: 38rpx;
- font-weight: 700;
- }
- .article .title text{
- font-size: 24rpx;
- color: #666;
- margin-left: 20rpx;
- }
- .article .leader{
- display: flex;
- flex-direction: row;
- margin: 20rpx 0;
- align-items: center;
- }
- .article .leader .leader_headImg{
- width: 120rpx;
- }
- .article .leader .leader_headImg image{
- width: 120rpx;
- height: 120rpx;
- border-radius: 60rpx;
- }
- .article .leader .leader_info{
- flex-grow:1;
- margin-left:20rpx;
- }
- .article .leader .leader_info .leader_info_name{
- font-size: 28rpx;
- font-weight: 700;
- }
- .article .leader .leader_info .leader_info_name text{
- font-weight: 500;
- }
- .article .leader .leader_info .leader_info_detail{
- overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/
- text-overflow: ellipsis;/*可以用来多行文本的情况下,用省略号“…”隐藏超出范围的文本 。*/
- display: -webkit-box;/*必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。*/
- -webkit-line-clamp: 2;/*用来限制在一个块元素显示的文本的行数。*/
- -webkit-box-orient: vertical;
- }
- .article .leader .flexBox{
- align-items:center;
- }
- .article .leader_header::after{
- content: '\e977';
- display: block;
- color: #b2b2b2;
- font-size: 56rpx;
- font-family: 'icomoon';
- margin-left: 20rpx;
- }
- .article .courseInfo{
- color: #666;
- }
- .sign_info{
- padding-top: 20rpx;
- }
- .sign_info .sign_title{
- overflow: hidden;
- border-bottom: 4rpx solid #b1b1b1;
- padding: 6rpx;
- display: flex;
- flex-direction: row;
- justify-content:space-between
- }
- .sign_info .sign_title text:first-child{
- font-size: 32rpx;
- }
- .chlid_List .card{
- border-radius: 10rpx;
- border: 4rpx solid #ee3a43;
- position: relative;
- padding: 10rpx 20rpx;
- margin-top: 20rpx;
- background: url('http://img.bbztx.com/image_test/upload/thumbs/20210126/logo/1611643102043008688.png') no-repeat;
- background-size: 100% 100%;
- display: flex;
- flex-direction: row;
- align-items: center;
- box-shadow: 0rpx 5rpx 8rpx #999;
- }
- .chlid_List .card .card_left{
- width: 100rpx;
- }
- .chlid_List .card .card_right{
- flex-grow: 1;
- margin-left: 20rpx;
- }
- .chlid_List .card .card_left image{
- width: 100rpx;
- height: 100rpx;
- border-radius: 50rpx;
- }
- .chlid_List .card .child_name{
- font-weight: 700;
- font-size: 28rpx;
- }
- .chlid_List .card .child_info{
- position: relative;
- display: flex;
- flex-direction: row;
- margin: 10rpx 0;
- }
- .chlid_List .card .child_course >text{
- margin-right: 20rpx;
- }
- .chlid_List .card .child_info view{
- margin-right: 20rpx;
- padding: 0 10rpx;
- background: #ee3a43;
- color: #fff;
- border-radius: 10rpx;
- line-height: 1.5;
- }
- .chlid_List .card button{
- position: absolute;
- top: calc(50% - 13rpx);
- right: 40rpx;
- }
- .noneCrad{
- padding: 40rpx;
- font-size: 28rpx;
- text-align: center;
- }
- .btn{
- width: 100%;
- height: 100rpx;
- color: #fff;
- display: flex;
- flex-direction: column;
- align-items:center;
- justify-content:center;
- position: fixed;
- bottom: 0;
- }
- .btn > view:first-child{
- font-size: 32rpx;
- }
- /* 按钮样式 */
- .yuyue{
- background: #ee3a43;
- }
- .mane{
- background: #02bc97;
- }
- .jishu{
- background: #666;
- }
- .quxiao{
- border: 2rpx solid #ee3a43;
- color: #666;
- background: #fff;
- }
- .daishangke{
- background:#4db1ec;
- }
- .shangke{
- background:#ff7e8d;
- }
- .jieshu{
- background:#767576
- }
- .daipin{
- background: #179B16;
- }
|