123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195 |
- @charset "UTF-8";
- /**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
- /**
- * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
- */
- /* 颜色变量 */
- /* 行为相关颜色 */
- /* 文字基本颜色 */
- /* 背景颜色 */
- /* 边框颜色 */
- /* 尺寸变量 */
- /* 文字尺寸 */
- /* 图片尺寸 */
- /* Border Radius */
- /* 水平间距 */
- /* 垂直间距 */
- /* 透明度 */
- /* 文章场景相关 */
- .tab_box {
- height: 219rpx;
- }
- .tab_box .tab_list {
- padding-top: 33rpx;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- }
- .tab_box .tab_list .item {
- width: 230rpx;
- text-align: center;
- }
- .tab_box .tab_list .item .icon image {
- -webkit-transition: 1s;
- transition: 1s;
- width: 70rpx;
- height: 70rpx;
- }
- .tab_box .tab_list .item .title {
- -webkit-transition: 1s;
- transition: 1s;
- height: 34rpx;
- font-size: 25rpx;
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: 500;
- color: #BDC3C7;
- line-height: 34rpx;
- }
- .tab_box .tab_list .item .tips {
- -webkit-transition: 1s;
- transition: 1s;
- height: 29rpx;
- font-size: 21rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #A2A4A6;
- line-height: 29rpx;
- }
- .tab_box .tab_list .active .icon image {
- width: 90rpx;
- height: 90rpx;
- }
- .tab_box .tab_list .active .title {
- height: 42rpx;
- font-size: 29rpx;
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: 500;
- color: #2C3E50;
- line-height: 42rpx;
- }
- .tab_box .tab_list .active .tips {
- height: 34rpx;
- font-size: 25rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #A2A4A6;
- line-height: 34rpx;
- }
- .line {
- width: 100%;
- height: 22rpx;
- background-color: #f0f0f0;
- }
- .list1 {
- background-color: #f6f6f6;
- box-sizing: border-box;
- padding-top: 19rpx;
- padding-left: 24rpx;
- padding-right: 24rpx;
- }
- .list1 .list .item {
- margin-bottom: 21rpx;
- background-color: #fff;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- height: 175rpx;
- border-radius: 10rpx;
- }
- .list1 .list .item .item_l {
- box-sizing: border-box;
- padding-top: 10rpx;
- padding-left: 22rpx;
- padding-right: 12rpx;
- width: 171rpx;
- height: 175rpx;
- background: #3498DB;
- border-radius: 10rpx;
- }
- .list1 .list .item .item_l .day {
- height: 68rpx;
- font-size: 48rpx;
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: 500;
- color: #FFFFFF;
- line-height: 68rpx;
- }
- .list1 .list .item .item_l .month {
- text-align: right;
- height: 44rpx;
- font-size: 31rpx;
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: 500;
- color: #FFFFFF;
- line-height: 44rpx;
- }
- .list1 .list .item .item_l .name {
- text-align: center;
- height: 47rpx;
- font-size: 33rpx;
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: 500;
- color: #FFFFFF;
- line-height: 47rpx;
- }
- .list1 .list .item .item_r {
- position: relative;
- width: 531rpx;
- box-sizing: border-box;
- padding-top: 14rpx;
- margin-left: 12rpx;
- }
- .list1 .list .item .item_r .inner1 {
- margin-bottom: 12rpx;
- height: 42rpx;
- font-size: 29rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #2C3E50;
- line-height: 42rpx;
- }
- .list1 .list .item .item_r .inner2 {
- margin-bottom: 12rpx;
- height: 42rpx;
- font-size: 29rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #2C3E50;
- line-height: 42rpx;
- }
- .list1 .list .item .item_r .inner2 .inner_content {
- color: #E74C3C;
- }
- .list1 .list .item .item_r .inner3 {
- height: 42rpx;
- font-size: 29rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #2C3E50;
- line-height: 42rpx;
- }
- .list1 .list .item .item_r .inner3 .inner_content {
- color: #E74C3C;
- }
- .list1 .list .item .item_r .icon {
- position: absolute;
- top: 0;
- right: 24rpx;
- width: 40rpx;
- height: 51rpx;
- background-image: url(data:image/png;base64,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);
- background-size: cover;
- background-repeat: no-repeat;
- }
|