diff --git a/__test__/fixure/pesudo copy.scss b/__test__/fixure/pesudo copy.scss new file mode 100644 index 0000000..59d681c --- /dev/null +++ b/__test__/fixure/pesudo copy.scss @@ -0,0 +1,1292 @@ +.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;background:url("https://img30.360buyimg.com/img/jfs/t1/112949/15/33483/652/64367283Fd52249ce/ded46230bd1c5134.png") + no-repeat; +} +.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; + margin-top:10px; +} +.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+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMDBlZWZjZC04NTBhLWIzNGQtYmNiNi0yZWM5NjU1MGU5ZmYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDNGOTAxMzA3N0IyMTFFQzlCRDVGRUQ1RTJBMzE1MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkZGM0RGREE3N0FFMTFFQzlCRDVGRUQ1RTJBMzE1MDAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NWMwOWYzNi01NDA3LTRkNWMtYjc3OC0wYzdiZWY0Mjg1YjMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjZDI4YzFiYy0xY2NmLWVlNDktOTQxMC02ZGM4MjUwMTMzZDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6JVufgAAAGWklEQVR42txaaWxVRRS+bREsvJYGN4IiZStUa8WCGpOKAVmK2lhcIm0IRhO1UtRK1ERNNBExcSEim9Ufog3SWkRxZSna1LqwRwWLtFJEhFiXFLeKhfL8Tt53n9Pnu/fOve+93hcn+TJvmTtzvjkzZ845c1OCwaDxfyp9Yu3g17w89etQYBIwARgDZAOnAwOAFOAP4GfgW2AfsANoAA55HX/gnj3xJYRyLnAzMAs4z6HtICIHmKb83gzUAtXAwViESfG65KCZC1E9DFwPpJo/Ax8BjcBuCvcj8Cf/F02dCQwDLgCuACbKRPP/k8BaYCHwhRcNuSYEIiLQU8AcLqO/gdeB1cBGoNvl3KQB04Ey4AagHxCkth7ghCSGEMjciOpFIAv4C3gBeAY4HKc9fTZwH3AHkA4cBW4H1ugSStUk0hdYgY91JLMeyEVn98aRjMG+pM9c4H2OJWM+D/TV6SBVg0wA1TvAnVxed4HIVcDBBFpf6ftqGYtjllOGQEyEQKY/qk20SO2ygUFkWS8eK8toNNopg8jS3xMhWWaclcuAA0AhyGzz4ayUMQspg8jytt3ys9PQYmAy8D0wBWS+8dEBkLGnUJYrgedcEYJ2buKe6RJTCjJtinGoBZb7QKqNZr2Le2qWFiEIOwRVFb/OB5mtyt8jACE7F+1G+UBKZJnPz2L5huho6Gmay00gE6mJ/Zwhg5vVj7KcxiGLsloTwqwXoCoFjgHzohxix+l3+UnIoGwiYylltnROH6E7UwXhWy06+xIYB5Sgs/o4CXiSLs5n9OXaHdq3cltUUuaS/7g+EG4YN55oYSQIHbYwGLKGFyVw9iXEWMDlFHRwk9qolFGQ90CkhmZzCb5hRYalBsjTObVdlH4MQ/LZ75PAaOA2BzdpLbfILdRUDw0104eaAUIbPAZ4sZbhgPiMRfxexgm0KkX0K1sg85iwUYBQQ0lG4pl6Hze7LJtrGFNJedShfT098hxwGKFaucmsG8G02/C3dDMOMhjG5zi0beLnSSqhCaybkiTXsY3xlpSxDm1NbY5TCZmzsDdJCAVp7UyDYVe+VrQZJjRSse/JUMTSncHPTmdSi+KWhc22+fAPmpbtfFqjAZqz/RJ9L91SoDy726HtL6yzVEKZdG1+0xzwOpeuT8AlofGKh93h0PZ31hmx5OUkUTJY0axdOU4NGR4I7XQrmElINJOJpZSpoyW0kXVdkYCD1QuhDMVlChuFn1gPTgKDkKFYXR1Cp7HuUAntZz06CQgVUC4xCLs02uco+y1MyDR9uUlA6BJlkjs02psH7z6V0A7Wl/tMZiBzGVIaNJ8xZf5cJfShGYVik6f5dJBKmnk7Pe4uu8yOUtKU46MhbOVgtQ6ByF4uuamAVviAZx40QqnbPnHQjDm5J4Bbga80npvKA7XVzEypgrwKPG6EbhV046EyzbNIt3xihJL1WzTbz2H9WrQQPJsb0TYEj9DQRUbPiysv5QRdri2KtdUpUUPwHtcpEHAdqmuBxbxZ6O2I1U15lkmStyBriVVebgHtfzkEdXMmxcOQuOlDZCunrI9Z5uXAdCdj+FOBJRraEbU3ctnIOXCpByKz6amIk/kKcIrGM0soYw1k3mVJiOV+xulFELhCo+OJyold45KMpM5WGqGb8nRu8rkOz1QwOXKUshq2hMD4iHK4LQKp8Tad50fJ2qS7IDQ2isnPt2kvqQIzJygyHnEkRFJyxV7F8HedmVGJUjZGfP9UyQXolK1R3JsNNimuNymT3O3WRmtkdz90Dz2Ic4DNFrcNcmYspOv0MjDT5ZKTZSNX++9xL1pdEMvYH1AWkeluqw5tb8F5JbnZCN2cSQxUDO1t72WzLcvsXeAsI5T7louvTmU1aWtIGnca/95tSodNIDCvF88aGetjjm3e9XbaPeB4Cw5SEgkWc93K+l0KUusTfOElfUuKd6myZ4qV1JbhaclFWYLqixfHaDgS8eJFOc8Z2WPyEkadzYS701DEw2uY0KvmzFXS/1oFzPDoMaTx2VXsq5J9V3OsOjedxfLykqReHzJ6vrwkMyqpWUkpN9N5bFeWSoD7QY4BeXOrkFYui/+bLy89YQZsGpMcH0IKMfP1stIYQnhJ5642PLxelghC6lchJ7cAF9MVyqZbE1BSTeYLgC2MUCXS/M5zZBhvQslW/hFgAOq48U+Hwk2MAAAAAElFTkSuQmCC"); + 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; +} + +.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; +} + +.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/style_propetries/background.rs b/src/style_propetries/background.rs index 7b1d70d..8f014e3 100644 --- a/src/style_propetries/background.rs +++ b/src/style_propetries/background.rs @@ -114,7 +114,7 @@ impl ToExpr for Background { } if let Some(position) = &self.position { match position.to_expr() { - PropertyTuple::One(_, val) => props.push((CSSPropertyType::Position, val)), + PropertyTuple::One(_, val) => props.push((CSSPropertyType::BackgroundPosition, val)), _ => {} } } diff --git a/src/style_propetries/style_property_enum.rs b/src/style_propetries/style_property_enum.rs index 4496e87..87847e0 100644 --- a/src/style_propetries/style_property_enum.rs +++ b/src/style_propetries/style_property_enum.rs @@ -331,6 +331,24 @@ pub enum ArkUI_WordBreak { ARKUI_WORD_BREAK_BREAK_WORD, } +#[repr(u32)] +#[derive(Hash, PartialEq, Eq, Debug, Clone, Copy)] +#[allow(non_camel_case_types)] +pub enum PlaceholderVerticalAlignment { + /** Offset At Baseline */ + ALIGNMENT_OFFSET_AT_BASELINE = 0, + /** Above Baseline */ + ALIGNMENT_ABOVE_BASELINE, + /** Below Baseline */ + ALIGNMENT_BELOW_BASELINE, + /** Top of Row Box */ + ALIGNMENT_TOP_OF_ROW_BOX, + /** Bottom of Row Box */ + ALIGNMENT_BOTTOM_OF_ROW_BOX, + /** Center of Row Box */ + ALIGNMENT_CENTER_OF_ROW_BOX, +} + #[repr(u32)] #[derive(Hash, PartialEq, Eq, Debug, Clone, Copy)] pub enum Overflow { diff --git a/src/style_propetries/vertical_align.rs b/src/style_propetries/vertical_align.rs index 36a9ffd..02042e5 100644 --- a/src/style_propetries/vertical_align.rs +++ b/src/style_propetries/vertical_align.rs @@ -29,10 +29,13 @@ impl ToExpr for VerticalAlign { CSSPropertyType::VerticalAlign, { match self.value { - EnumValue::Baseline | EnumValue::Sub | EnumValue::Super | EnumValue::TextTop | EnumValue::TextBottom | EnumValue::Invalid => generate_invalid_expr!(), - EnumValue::Middle => generate_expr_enum!(style_property_enum::ArkUI_Alignment::ARKUI_ALIGNMENT_CENTER), - EnumValue::Top => generate_expr_enum!(style_property_enum::ArkUI_Alignment::ARKUI_ALIGNMENT_TOP), - EnumValue::Bottom => generate_expr_enum!(style_property_enum::ArkUI_Alignment::ARKUI_ALIGNMENT_BOTTOM), + EnumValue::Baseline => generate_expr_enum!(style_property_enum::PlaceholderVerticalAlignment::ALIGNMENT_OFFSET_AT_BASELINE), + EnumValue::TextTop => generate_expr_enum!(style_property_enum::PlaceholderVerticalAlignment::ALIGNMENT_ABOVE_BASELINE), + EnumValue::TextBottom => generate_expr_enum!(style_property_enum::PlaceholderVerticalAlignment::ALIGNMENT_BELOW_BASELINE), + EnumValue::Middle => generate_expr_enum!(style_property_enum::PlaceholderVerticalAlignment::ALIGNMENT_CENTER_OF_ROW_BOX), + EnumValue::Top => generate_expr_enum!(style_property_enum::PlaceholderVerticalAlignment::ALIGNMENT_TOP_OF_ROW_BOX), + EnumValue::Bottom => generate_expr_enum!(style_property_enum::PlaceholderVerticalAlignment::ALIGNMENT_BOTTOM_OF_ROW_BOX), + EnumValue::Sub | EnumValue::Super| EnumValue::Invalid => generate_invalid_expr!(), } } )