| 1 |
- {"version":3,"sources":["journal.css","components/_mixin.scss","components/_project-config.scss","journal.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACEhB,QAAA;AAOA,QAAA;AASA,SAAA;AAWA,YAAA;AC3BA,MAAA;ACCA;EACE,oBAAoB;EACpB,sBAAsB;AHIxB;;AGNA;EAII,kBAAkB;AHMtB;;AGVA;EFkBQ,WAAU;EACV,WAAU;EACV,cAAa;EACb,kBAAiB;EACjB,QAAO;EACP,SAAQ;ADJhB;;AGnBA;EAQI,UAAU;EACV,WAAW;EACX,kBAAkB;EAClB,sBAAsB;AHe1B;;AG1BA;EAcI,cAAc;EACd,cAAc;EAEd,kBAAkB;AHetB;;AGhCA;EF6BQ,iCAAyB;EAAzB,yBAAyB;EACzB,WAAW;EACX,YAAY;EACZ,oBEhBkB;KFgBlB,iBEhBkB;AHuB1B;;AGvCA;EAoBI,kBAAkB;EAClB,SAAS;EACT,OAAO;EACP,WAAW;EACX,yBDxBW;ECwBX,uCDxBW;ECyBX,WAAU;EACV,iBAAiB;EACjB,cAAc;EACd,mBAAmB;EACnB,WAAW;AHuBf","file":"../journal.css","sourcesContent":["@charset \"UTF-8\";\n/*单行省略号*/\n/*多行省略号*/\n/**清除浮动**/\n/**fit img**/\n/*主色调*/\n.list-box {\n padding-top: 0.48rem;\n padding-bottom: 0.6rem;\n}\n\n.list-box .list {\n margin: 0 -0.14rem;\n}\n\n.list-box .list:after {\n content: \"\";\n clear: both;\n display: block;\n visibility: hidden;\n width: 0;\n height: 0;\n}\n\n.list-box li {\n width: 50%;\n float: left;\n padding: 0 0.14rem;\n margin-bottom: 0.25rem;\n}\n\n.list-box a {\n display: block;\n height: 4.7rem;\n position: relative;\n}\n\n.list-box a img {\n transition: all 0.8s ease;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.list-box .info {\n position: absolute;\n bottom: 0;\n left: 0;\n z-index: 10;\n background-color: rgba(6, 63, 136, 0.8);\n color: #fff;\n padding: 0 0.1rem;\n height: 0.7rem;\n line-height: 0.7rem;\n width: 100%;\n}\n","@charset \"uft-8\";\r\n\r\n/*单行省略号*/\r\n@mixin dan(){\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n word-wrap: normal;\r\n}\r\n/*多行省略号*/\r\n@mixin duo($line){\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: $line;\r\n}\r\n\r\n/**清除浮动**/\r\n@mixin clear(){\r\n &:after{\r\n content:\"\";\r\n clear:both;\r\n display:block;\r\n visibility:hidden;\r\n width:0;\r\n height:0;\r\n }\r\n}\r\n/**fit img**/\r\n@mixin obj-fit($type){\r\n & img{\r\n transition: all 0.8s ease;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: $type;\r\n }\r\n}","@import './mixin';\r\n\r\n/*主色调*/\r\n$color: #063F88; //品牌蓝\r\n$color2:#F37020; //品牌黄\r\n$text-gray:#999; //灰色文字\r\n$bg-color:#F2F2F2; //底色\r\n\r\n$gap:0.3rem;\r\n\r\n@mixin tit1(){\r\n font-size: 0.36rem;\r\n}\r\n@mixin tit2(){\r\n font-size: 0.32rem;\r\n}\r\n@mixin text(){\r\n font-size: 0.28rem;\r\n}\r\n\r\n@mixin text2(){\r\n font-size: 0.26rem;\r\n}\r\n\r\n@mixin text3(){\r\n font-size: 0.24rem;\r\n}\r\n\r\n","@import \"./components/project-config\";\r\n\r\n\r\n.list-box{\r\n padding-top: 0.48rem;\r\n padding-bottom: 0.6rem;\r\n .list{\r\n margin: 0 -0.14rem;\r\n @include clear();\r\n }\r\n li{\r\n width: 50%;\r\n float: left;\r\n padding: 0 0.14rem;\r\n margin-bottom: 0.25rem;\r\n }\r\n a{\r\n display: block;\r\n height: 4.7rem;\r\n @include obj-fit(cover);\r\n position: relative;\r\n }\r\n .info{\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 10;\r\n background-color: rgba($color: $color, $alpha: 0.8);\r\n color:#fff;\r\n padding: 0 0.1rem;\r\n height: 0.7rem;\r\n line-height: 0.7rem;\r\n width: 100%;\r\n }\r\n}"]}
|
