diff --git a/__test__/fixure/pesudo.scss b/__test__/fixure/pesudo.scss index df8f6d4..1019580 100644 --- a/__test__/fixure/pesudo.scss +++ b/__test__/fixure/pesudo.scss @@ -1,13 +1,1296 @@ -.styletest { +.act { + align-self:center; + width:665px; + height:26px; + margin-bottom:29px; +} +.act1 { + align-self:flex-start; + position:relative; + width:750px; + height:88px; + z-index:1; +} +.icon { + width:16px; + height:38px; +} +.icon1 { + width:26px; + height:21px; +} +.txt { + color:rgb(255,255,255); + font-size:24px; + text-align:left; + line-height:1.5; + letter-spacing:0px; + text-transform:none; + height:36px; + margin-left:6px; +} +.cnt_row1 { + border-radius:22.5px; + opacity:0.2; + background-color:rgb(0,0,0); + width:118px; + height:44px; + display:flex; + flex-direction:row; + align-items:center; + justify-content:center; + margin-left:476px; +} +.icon2 { + width:38px; + height:10px; + margin-left:25px; +} +.cnt_row { + display:flex; + flex-direction:row; + align-items:center; + justify-content:flex-start; + position:absolute; + top:110px; + left:44px; + width:673px; + height:44px; + z-index:0; +} +.cnt_col2 { + display:flex; + flex-direction:column; + align-items:flex-start; + justify-content:flex-end; + position:relative; + width:100%; + height:176px; + z-index:0; + overflow:hidden; +} +.icon3 { + width:28px; + height:28px; + margin-right:10px; +} +.txt1 { + color:rgb(150,150,150); + font-size:24px; + text-align:left; + line-height:1.5; + letter-spacing:0px; + text-transform:none; + height:36px; + margin-right:496px; +} +.section { + color:rgb(255,255,255); + font-size:26px; + text-align:left; + line-height:1.5; + letter-spacing:0px; + text-transform:none; + height:39px; +} +.section_wrap { + border-radius:26px; + background-color:rgb(254,37,42); + width:104px; + height:52px; + display:flex; + flex-direction:row; + align-items:center; + justify-content:center; + margin-right:6px; +} +.cnt_row2 { + border-radius:32px; + background-color:rgb(255,255,255); + width:710px; + height:64px; + display:flex; + flex-direction:row; + align-items:center; + justify-content:flex-end; + margin-top:12px; +} +.cnt_col1 { + background-color:rgb(254,37,42); + width:100%; + height:276px; + display:flex; + flex-direction:column; + align-items:center; + justify-content:flex-start; + align-self:flex-start; + overflow:hidden; + font-family:SourceHanSansCN-Regular; + font-weight:400; +} +.tit { + color:rgb(26,26,26); + font-size:45.6px; + text-align:left; + line-height:1.2; + letter-spacing:-1.8px; + text-transform:none; + position:relative; + height:55px; + z-index:1; + overflow:hidden; +} +.img { + position:absolute; + top:40px; + left:0px; + width:59px; + height:10px; + z-index:0; +} +.img1 { + width:148px; + height:36px; +} +.cnt_row4 { + display:flex; + flex-direction:row; + align-items:center; + justify-content:flex-start; + position:relative; + width:213px; + height:55px; + z-index:0; +} +.txt2 { + color:rgb(254,41,44); + font-size:24px; + text-align:left; + line-height:1; + letter-spacing:0px; + text-transform:none; + height:24px; + margin-left:212px; +} +.scroll_view { + width: 674px; + height: 352px; + display: flex; + justify-content: flex-start; + align-items: center; +} +.cnt_row3 { + border-radius:16px 16px 0px 0px; + background-color:rgb(255,234,102); + width:702px; + height:68px; + display:flex; + flex-direction:row; + align-items:center; + justify-content:center; +} +.main_img_common { + align-self:flex-start; + width:200px; + height:200px; +} +.icon4 { + width:22px; + height:22px; + margin-left:6px; +} +.section1 { + color:rgb(254,37,42); + font-family:SourceHanSansCN-Regular; + font-weight:400; + font-size:22px; + text-align:left; + line-height:1; + letter-spacing:0px; + text-transform:none; + height:22px; +} +.cnt_row5 { + background-color:rgb(255,238,240); + border-radius:19px; + width:140px; + height:38px; + display:flex; + flex-direction:row; + align-items:center; + justify-content:flex-start; + position:absolute; + top:171px; + left:30px; + z-index:13; + overflow:hidden; +} +.tit1_common { + font-size:24px; + text-align:left; + line-height:1; + letter-spacing:0px; + text-transform:none; + align-self:flex-start; + height:24px; + margin-top:20px; +} +.txt3_common { + color:rgb(255,37,42); + font-size:20px; + text-align:left; + line-height:1; + letter-spacing:0px; + text-transform:none; + height:20px; + margin-top:14px; +} +.yuan_common { + font-size:24px; + text-align:left; + line-height:1; + letter-spacing:0px; + text-transform:none; + align-self:flex-end; + height:24px; + color: rgb(255,255,255); +} +.price_common { + font-size:46px; + text-align:left; + line-height:1; + letter-spacing:0px; + text-transform:none; + align-self:flex-start; + height:46px; + margin-left:-8px; + color: rgb(255,255,255); +} +.price1 { + overflow:hidden; +} +.cnt_row6 { + margin-top:14px; +} +.cnt_row6_common { + display:flex; + flex-direction:row; + align-items:flex-end; + justify-content:flex-start; + width:63px; + height:46px; + color:rgb(255,255,255); +} +.cnt_col4 { + font-weight:500; +} +.cnt_col4_common { + background:url("https://img30.360buyimg.com/img/jfs/t1/112949/15/33483/652/64367283Fd52249ce/ded46230bd1c5134.png") + no-repeat; + width:200px; + height:98px; + display:flex; + flex-direction:column; + align-items:center; + justify-content:flex-start; + align-self:flex-start; + margin-top:10px; + position: absolute; + top: 0; + left: 0; + z-index: 10; +} +.cnt_col_item_common { + width:200px; + height:352px; + display:flex; + flex-direction:column; + align-items:flex-start; + justify-content:flex-start; + align-self:flex-start; + margin-right:16px; + margin-bottom:0px; + position:relative; + z-index:0; +} + +.cnt_row_list { + justify-content:flex-start; + align-items:flex-start; + flex-wrap:nowrap; + width:850px; + display:flex; + flex-direction:row; + align-self:flex-start; + height:352px; +} +.wrapper2 { + display:flex; + flex-direction:row; + align-items:flex-start; + justify-content:flex-start; + align-self:flex-start; + flex-wrap:nowrap; + width:684px; + height:auto; + min-height:352px; + margin-left:10px; + overflow:scroll; +} +.wrapper1 { + display:flex; + flex-direction:row; + align-items:flex-end; + justify-content:flex-start; + width:694px; + height:auto; + min-height:364px; + overflow:hidden; +} +.cnt_col3 { + border-radius:16px; + background-color:rgb(255,255,255); + display:flex; + flex-direction:column; + align-items:center; + justify-content:flex-start; + align-self:flex-start; + width:702px; + height:auto; + min-height:446px; + margin-bottom:48px; +} +.wrapper { + background-color:rgb(254,37,42); + width: 750px; + height:auto; + display:flex; + flex-direction:row; + align-items:flex-start; + justify-content:center; + min-height:494px; + overflow:hidden; + font-weight:500; + color:rgb(26,26,26); +} +.cnt_col { + display:flex; + flex-direction:column; + align-items: center; + justify-content:flex-start; + position:relative; + width:100%; + height:auto; + min-height:770px; + z-index:0; +} + +.feeds-floor { + position: relative; + box-sizing: border-box; + padding-bottom: 100px; + background: rgb(242,242,242); +} +.feeds-floor-container { + box-sizing: border-box; + width: 750px; + margin: 0 auto; + padding: 0 20px; +} + +.feeds-floor-placeholder { + height: 2px; + width: 100%; +} + +.jo-image__wrapper.aspectFit { + display: flex; +} + + +.feeds-placeholder-banner { + height: 14px; + width: 100%; +} + +.sku-feeds-floor { + width: 100%; +} + +.sku-feeds-row { + display: flex; + justify-content: space-between; + margin-bottom: 14px; + margin-top: 6px; + padding: 0 18px; +} +.sku-feeds__item { + box-sizing: border-box; + padding: 15px 0 25px; + width: 348px; + height: 497px; + background: rgb(255, 255, 255); + border-radius: 10px; + font-size: 20px; + overflow: hidden; +} +.sku-feeds__img { + width: 100%; + height: 315px; + display: flex; + justify-content: center; + align-items: center; +} +.sku-feeds__info { + padding: 12px 21px 0; + font-size: 24px; + font-family: PingFang SC; + font-weight: 500; + color: rgb(50, 50, 50); +} +.sku-feeds__info-footer { + display: flex; + align-items: center; + justify-content: space-between; + height: 52px; +} +.sku-feeds__name { + box-sizing: border-box; + margin-bottom: 24px; + max-width: 100%; + height: 50px; + line-height: 26px; + visibility: visible; + font-size: 24px; + word-break: break-all; + text-align: left; + display: -webkit-box; + -webkit-line-clamp: 2; /* 设置为你想要的行数 */ + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; +} +.sku-feeds__price-info { + display: flex; + flex-direction: column; + justify-content: left; + width: 130px; +} +.sku-feeds__price { + text-align: left; + vertical-align: baseline; + height: 28px; + max-width: 100%; + font-size: 28px; + font-weight: bold; + color: rgb(240, 43, 43); + display: flex; +} +.sku-feeds__line-price { + height: 28px; + display: flex; + vertical-align: baseline; +} +.sku-feeds__unit { + font-size: 21px; + font-weight: bold; + color: rgb(240, 43, 43); +} +.sku-feeds__num { + font-size: 28px; + font-weight: bold; + color: rgb(240, 43, 43); +} +.sku-feeds__line-unit { + font-size: 21px; + font-weight: 500; + text-decoration: line-through; + color: rgb(140, 140, 140); +} +.sku-feeds__line-num { + font-size: 24px; + font-weight: 500; + text-decoration: line-through; + color: rgb(140, 140, 140); +} +.sku-feeds__unit-discount { + font-size: 21px; + font-weight: 500; + text-decoration: line-through; + color: rgb(140, 140, 140); +} +.sku-feeds__btn { + width: 52px; + height: 52px; + margin-right: 3px; + background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMDBlZWZjZC04NTBhLWIzNGQtYmNiNi0yZWM5NjU1MGU5ZmYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDNGOTAxMzA3N0IyMTFFQzlCRDVGRUQ1RTJBMzE1MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkZGM0RGREE3N0FFMTFFQzlCRDVGRUQ1RTJBMzE1MDAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NWMwOWYzNi01NDA3LTRkNWMtYjc3OC0wYzdiZWY0Mjg1YjMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjZDI4YzFiYy0xY2NmLWVlNDktOTQx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"); + background-size: 100% 100%; + background-repeat: no-repeat; +} + +.sku-feeds-container { + width: 100%; + background: rgb(242, 242, 242); +} + +.cnt_col8 { + display: flex; + flex-direction: column; + align-items: center; + justify-content: flex-start; + width: 100%; + height: 156px; + z-index: 1; + overflow: hidden; +} + +.txt4 { + color: rgb(254, 37, 42); + font-family: SourceHanSansCN-Bold; + font-weight: 700; + font-size: 25px; + text-align: left; + line-height: 1.2; + letter-spacing: 0px; + text-transform: none; + flex-shrink: 0px; + height: 41px; + white-space: nowrap; +} + +.color_view { + border-radius: 3px; + background-color: rgb(254, 37, 42); + flex-shrink: 0px; + width: 46px; + height: 6px; + margin-top: 12px; +} + +.cnt_col9 { + display: flex; + flex-direction: column; + align-items: center; + justify-content: flex-start; + flex-shrink: 0px; + width: 136px; + height: 55px; + padding-left: 16px; + padding-right: 16px; + padding-top: 29.4px; + padding-bottom: 5px; +} + +.txt5 { + font-weight: 400; + font-size: 25px; + text-align: left; + line-height: 1.2; + letter-spacing: 0px; + text-transform: none; + align-self: center; + flex-shrink: 0px; + height: 41px; + white-space: nowrap; +} + +.cnt_row8 { + border-radius: 24px 24px 0px 0px; + background-image: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(242, 242, 242) 100%); + width: 100%; + height: 90px; + display: flex; + flex-direction: row; + align-items: flex-start; + justify-content: space-around; + overflow: hidden; + font-family: SourceHanSansCN-Regular; +} + +.number { + font-size: 26px; + text-align: left; + line-height: 1; + letter-spacing: 0px; + text-transform: none; + flex-shrink: 0px; + height: 26px; +} + +.activeNumber { + font-size: 26px; + text-align: left; + line-height: 1; + letter-spacing: 0px; + text-transform: none; + flex-shrink: 0px; + height: 26px; + color: red; + font-weight: bold; +} + +.txt6 { + font-size: 26px; + text-align: left; + line-height: 1; + letter-spacing: 0px; + text-transform: none; + flex-shrink: 0px; + height: 26px; +} + +.activeTxt6 { + font-size: 26px; + text-align: left; + line-height: 1; + letter-spacing: 0px; + text-transform: none; + flex-shrink: 0px; + height: 26px; + color: red; + font-weight: bold; +} + +.cnt { + display: inline-flex; + width: 100%; + height: 26px; + display: flex; + justify-content: center; + flex-wrap: nowrap; +} + +.wrapper3 { + border-radius: 28px; + background-color: rgb(255, 255, 255); + width: 154px; + height: 50px; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + margin: 0 12px; + color: rgb(89, 89, 89); + white-space: nowrap; +} + +.wrapper4 { + border-radius: 28px; + background-color: rgb(255, 234, 102); + width: 154px; + height: 50px; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + margin: 0 12px; + color: rgb(255, 37, 42); + white-space: nowrap; +} + +.cnt1 { + display: inline-flex; + width: 131px; + height: 26px; +} + +.wrapper5 { + border-radius: 28px; + background-color: rgb(255, 255, 255); + width: 165px; + height: 50px; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + margin-left: 24px; + color: rgb(89, 89, 89); +} + +.wrapper6 { + border-radius: 28px; + background-color: rgb(255, 255, 255); + width: 168px; + height: 50px; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + margin-left: 24px; + color: rgb(89, 89, 89); +} + +.cnt_row9 { + background-color: rgb(242, 242, 242); + width: 750px; + height: 66px; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + align-self: flex-start; + overflow: hidden; +} + +.goods_img_common { + background: url(//img10.360buyimg.com/img/jfs/t1/206529/14/31954/2536/6436727fF81265d06/296f070afc7b27b1.png) no-repeat; + width: 348px; + height: 348px; + align-self: flex-start; +} + +.tit2_common { + font-size: 30px; + text-align: left; + line-height: 1; + letter-spacing: 0px; + text-transform: none; + align-self: flex-start; + height: 30px; + margin-left: 10px; + margin-top: 14px; +} + +.txt7_common { + color: rgb(250, 44, 25); + font-size: 24px; + text-align: left; + line-height: 1; + letter-spacing: 0px; + text-transform: none; + align-self: center; + height: 24px; + margin-top: NaN; + margin-bottom: NaN; +} + +.txt_wrap_common { + border-width: 1px; + border-style: solid; + border-color: rgb(252, 149, 140); + border-radius: 4px; + width: 56px; + height: 30px; + display: flex; + flex-direction: row; + align-items: flex-start; + justify-content: center; + align-self: flex-start; +} + +.view { + border-width: 1px; + border-style: solid; + border-color: rgb(236, 187, 138); + border-radius: 4px; + position: absolute; + top: 0px; + left: 0px; + width: 128px; + height: 30px; + z-index: 0; +} + +.txt8 { + color: rgb(217, 119, 22); +} + +.txt8_common { + font-size: 24px; + text-align: left; + line-height: 1; + letter-spacing: 0px; + text-transform: none; + height: 24px; +} + +.cnt_row11 { + width: 128px; +} + +.cnt_row11_common { + border-radius: 4px; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + align-self: flex-start; + position: relative; + height: 30px; + margin-left: 6px; + z-index: 0; +} + +.cnt_row10 { + width: 190px; +} + +.cnt_row10_common { + display: flex; + flex-direction: row; + align-items: flex-start; + justify-content: flex-start; + align-self: flex-start; + height: 30px; + margin-left: 10px; + margin-top: 14px; +} + +.yuan1 { + align-self: flex-end; +} + +.price2_common { + text-align: left; + line-height: 1; + letter-spacing: 0px; + text-transform: none; + align-self: flex-start; + margin-left: -8px; +} + +.price_wrap { + width: 144px; +} + +.price_wrap_common { + display: flex; + flex-direction: row; + align-items: flex-end; + justify-content: flex-start; + height: 52px; + color: rgb(255, 255, 255); +} + +.txt9 { + font-weight: 400; + font-size: 20px; +} + +.txt9_common { + text-align: left; + line-height: 1; + letter-spacing: 0px; + text-transform: none; + flex-shrink: 0px; + height: 26px; +} + +.txt10 { + font-size: 26px; +} + +.cnt2 { + font-family: SourceHanSansCN-Regular; +} + +.cnt2_common { + display: inline-flex; + width: 195px; + height: 26px; + color: rgb(255, 37, 42); +} + +.cnt_row12 { + width: 339px; +} + +.cnt_row12_common { + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-start; + align-self: flex-start; + height: 52px; + margin-left: 8px; + margin-top: 26px; +} + +.goods_item_common { + background: url(//img12.360buyimg.com/img/jfs/t1/77705/25/21292/2223/6436727eF82c881ee/0ed6ce6e799d62cd.png) no-repeat; + width: 348px; + height: 520px; + display: flex; + flex-direction: column; + justify-content: flex-start; + margin-right: 14px; +} + +.goods_item_common:nth-child(2n) { + margin-right: 0; +} + +.view1 { + border-width: 1px; + border-style: solid; + border-color: rgb(236, 187, 138); + border-radius: 4px; + position: absolute; + top: 0px; + left: 0px; + width: 94px; + height: 30px; + z-index: 0; +} + +.cnt_row14 { + width: 94px; +} + +.cnt_row13 { + width: 156px; +} + +.number1 { + color: rgb(254, 37, 42); + font-size: 22px; + text-align: left; + line-height: 1; + letter-spacing: 0px; + text-transform: none; + align-self: flex-start; + height: 22px; +} + +.number_wrap { + display: inline-flex; + flex-direction: row; + align-items: flex-start; + justify-content: flex-start; + align-self: flex-start; + width: 75px; + height: 22px; +} + +.wrapper8 { + border-width: 2px; + border-style: solid; + border-color: rgb(254, 37, 42); + border-radius: 13px 13px 13px 0px; + background-color: rgb(255, 234, 102); + display: flex; + flex-direction: row; + align-items: flex-start; + justify-content: center; + align-self: center; + width: 95px; + height: 26px; + margin-bottom: 9px; +} + +.wrapper7 { + border-radius: 14px 14px 14px 0px; + display: flex; + flex-direction: row; + align-items: flex-start; + justify-content: center; + position: absolute; + top: 442px; + left: 100px; + width: 95px; + height: 35px; + z-index: 14; +} + +.price3 { + align-self: flex-end; + overflow: hidden; +} + +.price3_common { + font-size: 24px; + text-align: left; + line-height: 1; + letter-spacing: 0px; + text-transform: none; + height: 24px; +} + +.cnt_row16 { + width: 165px; + font-weight: 500; +} + +.subtit_common { + color: rgb(255, 37, 42); + font-family: SourceHanSansCN-Regular; + font-weight: 400; + font-size: 20px; + text-align: left; + line-height: 1.3; + letter-spacing: 0px; + text-transform: none; + height: 26px; +} + +.cnt_row15 { + width: 308px; +} + +.cnt_col_item4 { + position: relative; + z-index: 0; +} + +.yuan2 { + font-family: SourceHanSansCN-Medium; + align-self: flex-end; +} + +.price4 { + font-family: 19c0df8ce089605f7516dc4ddd8ad6a2; + font-weight: 400; +} + +.cnt_row17 { + width: 339px; + font-family: SourceHanSansCN-Regular; +} + +.goods_item1 { + margin-left: 0px; +} + +.view2 { + border-width: 1px; + border-style: solid; + border-color: rgb(236, 187, 138); + border-radius: 4px; + position: absolute; + top: 0px; + left: 0px; + width: 143px; + height: 30px; + z-index: 0; +} + +.cnt_row19 { + width: 143px; +} + +.cnt_row18 { + width: 205px; +} + +.cnt_row22_common { + display: flex; + flex-direction: row; + align-items: flex-end; + justify-content: flex-start; + width: 146px; + height: 46px; + font-weight: 500; + color: rgb(255, 255, 255); +} + +.txt11_common { + color: rgb(255, 37, 42); + font-family: SourceHanSansCN-Regular; + font-weight: 400; + font-size: 20px; + text-align: left; + line-height: 1.3; + letter-spacing: 0px; + text-transform: none; + height: 26px; +} + +.cnt_row21_common { + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-start; + align-self: flex-start; + width: 329px; + height: 46px; + margin-top: 23px; +} + +.number2_common { + color: rgb(254, 37, 42); + font-size: 22px; + text-align: left; + line-height: 1; + letter-spacing: 0px; + text-transform: none; + align-self: flex-start; + height: 22px; +} + +.number_wrap1_common { + display: inline-flex; + flex-direction: row; + align-items: flex-start; + justify-content: flex-start; + align-self: flex-start; + width: 75px; + height: 22px; + margin-top: NaN; + margin-bottom: NaN; +} + +.wrapper9_common { + border-width: 2px; + border-style: solid; + border-color: rgb(254, 37, 42); + border-radius: 13px 13px 13px 0px; + background-color: rgb(255, 234, 102); + width: 95px; + height: 26px; + display: flex; + flex-direction: row; + align-items: flex-start; + justify-content: center; + align-self: flex-start; + margin-left: -237px; + margin-bottom: 43px; +} + +.cnt_row20_common { + display: flex; + flex-direction: row; + align-items: flex-start; + justify-content: flex-start; + align-self: flex-start; + width: 329px; + height: 69px; + margin-left: 8px; + margin-top: 6px; +} + +.cnt_col_item5_common { + background: url(//img12.360buyimg.com/img/jfs/t1/77705/25/21292/2223/6436727eF82c881ee/0ed6ce6e799d62cd.png) no-repeat; + width: 348px; + height: 520px; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-self: flex-end; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 14px; +} + +.cnt_col_item5_common:nth-child(2n) { + margin-right: 0; +} + +.view3 { + border-width: 1px; + border-style: solid; + border-color: rgb(236, 187, 138); + border-radius: 4px; + position: absolute; + top: 0px; + left: 0px; + width: 104px; + height: 30px; + z-index: 0; +} + +.cnt_row24 { + width: 104px; +} + +.cnt_row23 { + width: 166px; +} + +.yuan3 { + align-self: center; +} + +.price5 { + font-size: 34px; + height: 34px; +} + +.price6 { + align-self: center; + overflow: hidden; +} + +.cnt_row26_common { + display: flex; + flex-direction: row; + align-items: flex-end; + justify-content: flex-start; + width: 189px; + height: 34px; + font-weight: 500; + color: rgb(255, 255, 255); +} + +.instruction_common { + color: rgb(255, 37, 42); + font-family: SourceHanSansCN-Regular; + font-weight: 400; + font-size: 24px; + text-align: left; + line-height: 1; + letter-spacing: 0px; + text-transform: none; + align-self: flex-start; + height: 24px; +} + +.icon5_common { + align-self: flex-start; + width: 24px; + height: 24px; +} + +.cnt_row27_common { + display: flex; + flex-direction: row; + align-items: flex-start; + justify-content: flex-start; + width: 96px; + height: 24px; +} + +.cnt_row25_common { + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-start; + align-self: flex-start; + width: 285px; + height: 34px; + margin-left: 8px; + margin-top: 35px; +} + +.cnt_col_item6 { + align-self: flex-end; + margin-bottom: 0px; +} - animation: name 1s linear 2s infinite forwards; +.cnt_row_list1 { + width: 710px; + justify-content: flex-start; + align-items: flex-start; + flex-wrap: wrap; + display: flex; + flex-direction: row; + margin-top: 138px; + overflow: hidden; } -@keyframes name { - from{ - width:10px; - } - to { - width: 100px - } +.mod { + font-family: SourceHanSansCN-Medium; + font-weight: 500; + color: rgb(26, 26, 26); + display: flex; + flex-direction: column; + align-items: center; + justify-content: flex-start; + align-self: flex-start; + position: relative; + width: 100%; + height: auto; + z-index: 0; + overflow: hidden; + background: rgb(242, 242, 242); } \ No newline at end of file diff --git a/src/parse_style_properties.rs b/src/parse_style_properties.rs index 2a88c03..012f7b1 100644 --- a/src/parse_style_properties.rs +++ b/src/parse_style_properties.rs @@ -246,7 +246,7 @@ pub fn parse_style_properties(properties: &Vec<(String, Property)>, keyframes_ma final_properties.push(StyleValueType::Normal(Normal::new(CSSPropertyType::ZIndex, value.value_to_css_string(PrinterOptions::default()).unwrap()))); } "WebkitLineClamp" => { - final_properties.push(StyleValueType::Normal(Normal::new(CSSPropertyType::WebkitLineLamp, value.value_to_css_string(PrinterOptions::default()).unwrap()))); + final_properties.push(StyleValueType::Normal(Normal::new(CSSPropertyType::WebkitLineClamp, value.value_to_css_string(PrinterOptions::default()).unwrap()))); } "wordBreak" => { final_properties.push(StyleValueType::WordBreak(WordBreak::from(( id.to_string(), value )))) diff --git a/src/style_propetries/style_property_type.rs b/src/style_propetries/style_property_type.rs index 02a594c..4bb9540 100644 --- a/src/style_propetries/style_property_type.rs +++ b/src/style_propetries/style_property_type.rs @@ -83,6 +83,6 @@ pub enum CSSPropertyType { AnimationIterationCount = 78, Content = 79, WordBreak = 80, - WebkitLineLamp = 81, + WebkitLineClamp = 81, AnimationFillMode = 82 } diff --git a/src/style_propetries/unit.rs b/src/style_propetries/unit.rs index 34fe3be..9733185 100644 --- a/src/style_propetries/unit.rs +++ b/src/style_propetries/unit.rs @@ -145,7 +145,7 @@ pub fn generate_expr_by_length_value(length_value: &LengthValue, platform: Platf pub fn generate_expr_with_css_input(input: String, platform: Platform) -> Expr { // 定义匹配 '16px' 的正则表达式 - let re = Regex::new(r"(-?(?P\d+(\.\d*)?|\.\d+))(?P(px)|(vw)|(vh)|(pX)|(PX)|(Px))").unwrap(); + let re = Regex::new(r"(-?(?P\d+(\.\d*)?|\.\d+))(?P(px|vw|vh|pX|PX|Px)?)").unwrap(); let bytes = input.as_bytes(); // 使用正则表达式进行匹配 if let Ok(caps) = re.captures(bytes) { @@ -172,6 +172,8 @@ pub fn generate_expr_with_css_input(input: String, platform: Platform) -> Expr { return generate_expr_lit_str!(format!("{}px", number)) }, _ => { + // 如果没有单位，则认为是纯数字，返回 Expr::Num + return generate_expr_lit_num!(number); } }; }