/* pages/index/index.wxss */ .container{ min-height: 100%; background:#f2f2f2; } .swiper{ width:750rpx; height:400rpx } .swiper-item image{ width:100%; height:400rpx } .title-container{ background:#fff; text-align: center; margin-top:24rpx; padding:12rpx 0; } .title-container .title1{ font-size:44rpx; color:#e64340; } .title-container .title2{ font-size:36rpx; color:#6e6d6b; margin-top:12rpx; } .goods-container{ display: flex; flex-wrap:wrap; justify-content:space-between; padding:24rpx; box-sizing: content-box } .goods-box{ width:339rpx; height:472rpx; overflow:hidden; margin-bottom:24rpx; background:#fff; } .goods-box .image-box{ width:339rpx; height:339rpx; overflow: hidden; padding:8rpx 8rpx 0rpx 8rpx; box-sizing:border-box; } .image-box image{ width:100%; height:339rpx; } .goods-box .goods-title{ width:280rpx; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; font-size:24rpx; padding:24rpx 0 0 24rpx; color:#000; } .goods-box .goods-price{ width:280rpx; overflow:hidden; padding:24rpx 0; color:#e64340; font-size:24rpx; margin-left:24rpx; } button{border:none;background:none;border-radius:0;text-align:center;} button:after{border:none;} .text-center { text-align: center; } /* 字体大小规范 */ .font-lv1 { font-size: 36rpx !important; } .font-lv2 { font-size: 32rpx !important; } .font-lv3 { font-size: 28rpx !important; } .font-lv4 { font-size: 24rpx !important; } .font-lv5 { font-size: 20rpx !important; } @media (min-width:700px) { .font-lv1 { font-size: 30rpx !important; } .font-lv2 { font-size: 26rpx !important; } .font-lv3 { font-size: 22rpx !important; } .font-lv4 { font-size: 18rpx !important; } .font-lv5 { font-size: 14rpx !important; } } /* margin */ .mgt-15rpx { margin-top: 15rpx; } .mgb-15rpx { margin-bottom: 15rpx; } .mgt-30rpx { margin-top: 30rpx; } .mgb-30rpx { margin-bottom: 30rpx; } /* padding */ .pdt-15rpx { padding-top: 15rpx; } .pdb-15rpx { padding-bottom: 15rpx; } .pdt-30rpx { padding-top: 30rpx; } .pdb-30rpx { padding-bottom: 30rpx; } .pdl-30rpx { padding-left: 30rpx; } .plr-30rpx { padding-right: 30rpx; } /* 颜色规范 */ .color-black { color: #000; } .color-semi { color: #353535; } .color-grey { color: #888; } .color-light { color: #b2b2b2; } .color-green { color: #09bb09; } .color-red { color: #e64340; } .color-info, .color-link, .color-active { color: #00acff; } .bd-color { border-color: #f1f1f1; } .bg-color { background-color: #f1f1f1; } .img-responsive { max-width: 100%; } .border-basic { border: 1px solid #efefef; } .radius-basic, .cover { border-radius: 6rpx; } .radius-circle { border-radius: 100%; } .row { display: flex; flex-wrap: wrap; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } /**app.wxss**/ .box-shadow { box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); } .base-padding { box-sizing: border-box; padding: 0rpx 30rpx; } .base-margin-bottom { margin-bottom: 60rpx; } .pull-right { float: right; } .text-right { text-align: right; } navigator:hover, navigator:active { background-color: transparent; } .panel-heading { margin-bottom: 30rpx; } /* 显示两行,溢出文字用‘...’替换 */ .ellipsis-1row { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .ellipsis-2row { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* 适配平板 */ @media (min-width:700px) { .ellipsis-2row { -webkit-line-clamp: 3; } .ellipsis-3row { -webkit-line-clamp: 4; } } .ellipsis-3row { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .text-muted { color: #888; font-size: 28rpx; line-height: 170%; text-align: left; } .cover { border-radius: 6rpx; } .score { height: 14.5px; padding-left: 170rpx; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAClCAYAAAAUAAAYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA5xJREFUeNrs3T9rFEEcxvG7qEQIglaCICKkin9AUEtBKxU7wS61VlYivgWj70TtNFj5BqzE7qxEWwsxKIoYn4UtluFmbm8nczvzm+/BjxyuDwNzu3uXD0+46f7LC5PA45Hm+WTYw1x2LRDc0jzTXB+wqMlsaLPutz8fDFjYZHYauAz3NBvt83XNnyUWNpn1nVm3OsHmsb3EomazzZnVXKMPNcc0xzUnNKc0Rzv/77fms+Z7O3vt9b1eU7bZrNN68l5zcolX4ofmsuZXTdnmMvyi2dR86Bmcac62P6vKrnVubpc0bxYE32nOab45N8YqsvPeDfcD4SOav4HjprPuu+H5BTt9LXDMfNbdLPfT678Fx6vKupt1o/O8+R3pkOaJ5/iktqx7z/qp+aq5q/nY+fczmheaK03Gs7D5rLtZdzSvA6/Ebc2u55j57HQB0TzW7AzkjiKzny6+2hlKNE8juMNcFqKBaIZndRlCNBBNgmx7ZkE0fbLtZkE0EA1EM17WuQwhGogGooFoss6296y52cNO+J6HLJoPaFdbsvA9zGerIxrPh85eWYgGooFoDiQbuAxp0UA0EVmdWbRo+ma1WbRoIBqIZtzsnHdDWjQQDUQD0WSbde5ZS2UhmtqJJtSEiVkXooFoIJre2VATJmZdiKZ2ogk1YSb8oVMvDeUPnSAaiCaPJkzMuhANRAPRQDQpsqEmTMy6EI11oolpwkA0EA1EcyDZmCYMRAPR+LMxTZjqiCamCQPRQDQQzehNGIgGooFoIJpVZ2OaMBBN7USTqgkD0UA0EE3vbKomDERTO9GkasKYJJpUTRiIBqKBaEZvwkA0EA1EA9GkyKZqwkA01olmrCYMRAPRQDR9LkO+0QmiKbAJUyTRjNWEgWggGohm9CYMRAPRQDQQzZDsWE0YiMYC0eTYhIFoIJrKiCbHJgxEY4FocmzCZEs0OTZhIBqIpjKiybEJA9FANBANROPL5tiEgWhKIJoSmzAQDURjjGhKbMJANCUQTYlNmNGIpsQmDEQD0RgjmhKbMBANRAPR1Es0JTZhIJpciMZaEwaigWgKJBprTRiIJheisdaESUo01powEA1EUyDRWGvCQDQQDURjm2isNWEgmlURzWw2q4pZIBqIJkOiCVyGJpkFolkV0ejMMvel28mIRptl7ku3IRqIpjCimfNuaJpZIBqIBqIpm2ice5Z5ZonJupvVkMRu4JW4qXnrOWY++1+AAQBw9BJSCTeN9wAAAABJRU5ErkJggg==) no-repeat 0rpx 4rpx; font-size: 15px; color: #999; margin-bottom: 15rpx; } .score text { position: relative; top: -2px; } /* 评分 */ .score-50, .score-49, .score-48, .score-47 { background-position-y: 0px; } .score-45, .score-46, .score-44, .score-43 { background-position-y: -15px; } .score-40, .score-41, .score-42, .score-39, .score-28, .score-37 { background-position-y: -30px; } .score-35, .score-36, .score-34, .score-33 { background-position-y: -45px; } .score-30, .score-32, .score-31, .score-29, .score-28, .score-27 { background-position-y: -60px; } .score-25, .score-26, .score-24, .score-23 { background-position-y: -75px; } .score-20, .score-21, .score-22, .score-19, .score-18, .score-17 { background-position-y: -90px; } .score-15, .score-16, .score-14, .score-13 { background-position-y: -105px; } .score-10, .score-11, .score-12, .score-9, .score-8, .score-7 { background-position-y: -239rpx; } .score-5, .score-6, .score-4, .score-3 { background-position-y: -269rpx; } .score-2, .score-1, .score-0 { background-position-y: -299rpx; } .book-list .col-9 { box-sizing: border-box; padding-left: 30rpx; } .book-list .row { margin-bottom: 30rpx; padding-bottom: 30rpx; border-bottom: 1px solid #efefef; display: flex; } .book-list .color-grey { line-height: 150%; text-indent: 2em; } .book-list .cover { width: 170rpx; height: 223.5rpx; } .book-list .info { box-sizing: border-box; border-bottom: 0 !important; display: flex; margin: 20rpx 0; } .book-list .info .col { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .book-list .info image { width: 24rpx; height: 24rpx; position: relative; top: 4rpx; } .book-list .icon { width: 64rpx; height: 64rpx; margin: 0 auto; display: block; } .book-list .row:last-of-type { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } /* pages/index/index.wxss */ .container{ min-height: 100%; background:#f2f2f2; } .swiper{ width:750rpx; height:400rpx } .swiper-item image{ width:100%; height:400rpx } .title-container{ background:#fff; text-align: center; margin-top:24rpx; padding:12rpx 0; } .title-container .title1{ font-size:44rpx; color:#e64340; } .title-container .title2{ font-size:36rpx; color:#6e6d6b; margin-top:12rpx; } .goods-container{ display: flex; flex-wrap:wrap; justify-content:space-between; padding:24rpx; box-sizing: content-box } .goods-box{ width:339rpx; height:472rpx; overflow:hidden; margin-bottom:24rpx; background:#fff; } .goods-box .image-box{ width:339rpx; height:339rpx; overflow: hidden; padding:8rpx 8rpx 0rpx 8rpx; box-sizing:border-box; } .image-box image{ width:100%; height:339rpx; } .goods-box .goods-title{ width:280rpx; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; font-size:24rpx; padding:24rpx 0 0 24rpx; color:#000; } .goods-box .goods-price{ width:280rpx; overflow:hidden; padding:24rpx 0; color:#e64340; font-size:24rpx; margin-left:24rpx; } .aui-flex-title { background: #f8f8f8; margin: 1rem 0; } .aui-flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 15px; position: relative; } .aui-flex-box { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; font-size: 14px; color: #333; } .aui-flex-title .aui-flex-box h1 { font-size: 1rem; position: relative; } .aui-flex-title .aui-flex-box h1:after { content: ''; position: absolute; z-index: 0; top: 0; left: -15px; height: 100%; border-left: 5px solid #09b500; border-radius: 10px; } .aui-flex-arrow { text-align: right; color: #666; padding-right: 13px; position: relative; font-size: 0.8rem; } .aui-flex-arrow:after { content: " "; display: inline-block; height: 8px; width: 8px; border-width: 2px 2px 0 0; border-color: #666; border-style: solid; -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); top: -2px; position: absolute; top: 50%; margin-top: -4px; right: 2px; border-radius: 1px; } .aui-city-list { padding: 0 15px; margin-bottom: 30px; } .aui-city-tag { position: absolute; top: 0; right: 20px; width: 40px; } .aui-city-tag image { width: 40px; height: 1rem; display: block; border: none; border-radius: 0; } .aui-item-ofl { width: 100%; overflow: hidden; height: 50px; } .aui-city-item { position: relative; } .aui-city-item image { width: 100%; height: 11rem; display: block; border: none; border-radius: 5px; } .aui-city-text { padding-top: 9px; } .aui-city-text .h2 { font-weight: bold; font-size: 14px; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; word-break: break-all; color: #333; margin-bottom: 1px; } .aui-city-list { padding: 0 15px; margin-bottom: 30px; } .aui-city-text .p { color: #696969; font-size: 14px; } .aui-navBar { height: 44px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 1002; background: #fff; } .aui-center { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 44px; width: 90%; margin-left: 5%; } .aui-center-clear{ width: 90%; } .aui-search-result{ width:100%; } .aui-search-result-box{ background:#fcfcfc; border-radius:3px; border:1px solid #d5d5d5; height:30px; position:relative; } .aui-search-result-box input{ background:none; display:block; border:none; height:25px; line-height:25px; padding-left:10rpx; width:100%; } .icon { width: 20px; height: 20px; display: block; border: none; float: left; background-size: 20px; background-repeat: no-repeat; } .icon-search-tn{ position:absolute; right:10px; top:5px; width:30px; height:30px; background-size:30px; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHUAAABCCAIAAADmGQ7+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUJCNzQwRkJENEQ5MTFFOEIyNzJDOTMyMDk2RjQyOUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUJCNzQwRkNENEQ5MTFFOEIyNzJDOTMyMDk2RjQyOUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QkI3NDBGOUQ0RDkxMUU4QjI3MkM5MzIwOTZGNDI5QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QkI3NDBGQUQ0RDkxMUU4QjI3MkM5MzIwOTZGNDI5QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjdgffAAAAWnSURBVHja7JzfL/JtHMfvUBJCVEzcJR0Y5iBzICVbOHFAB5z412xOMGdhM4aZNWE4QLSQH42hNGWI+XW/n6dn1/Nd5El1PSvf63Ng1/fb7YqX63p/3p/P9e0WvLy8/GJBLbIYAsaX8WXB+KY739PTU8aLrV/Gl/FlkarI+QG/Qzgc9nq9t7e3Dw8Pd3d3z8/PEomkoKAAX+VyeUVFRVZWFuP77QgGg2632+PxXFxcvL+/x/pnYrFYo9FotVqdTpednf0//5CC+Otj+Iffv3+nA1ks0tXV1e3t7be3t/i/q6ioyGAw1NXVCQQCxvfzeH19dTgcm5ubCbdNSktLLRZLVVUV4xsd9/f3k5OT5+fnH19SKpUqlSo/Px+yKxQKI0IcCoVOTk4wjv6dBQKz2azX65n+/hs+n89msyGJcW/KZLLm5uaamhpg/fS7oMuXl5cul2trawtrn9xcXFz0+/2dnZ20FTkz1i/gjo2NwRiQO4WFha2trfX19XF6A/xhVlZWnE4nNxMi71mtVqpynAF8IQsjIyPclQsuPT09ubm5350KcjE1NfX09ETuQCU6Ojr4W19gU0NzuXBbWlqw6BKAi1Cr1YODg0hx5A5S5c7ODn/5wi1wExrgmkymZHZ0SUlJf3+/VColdxYWFqJknS984QGwvriyYDQak58WNqO3tzcn55/cDoW02+185IsigqQHJDRobqpykUKhgAsmlzAYsBn84ovyFxUauYRbSExzYwW8h1wuJ5dra2v84ut2u0n5C58LHCl2TgIBV22Ojo64vuLn8/V4PGSMIoJGDwyFCfESMCqHh4d84RsOhy8uLrggKL1RbW0tGR8cHPCFr9frJYWWUqmMVf4mH1qtloyvr6/5wpdrSFUqFb034nbfQ6EQ6VH8cL7cphfsKsX+gEBA5seOubm54QVfVBZkTE8cIiGRSMg45RYiTflyW2VCoZDqe4lEIjJOebsyTfly19THBjk9LeILX64mcLWCRtzf35MxaUrwaP0irVM12o+Pj0SIiouLecGX2xk4OTn54vg9ycDkZKxQKFJ+lpGmfGFLxWIx0UdKza2oKry8vJwv9QU8v0ajIZcul4vGu8CNHR8ff1or/3C+UZXr1tYWjSOG9fV1YnhLSkpoPBSRvnx1Ol1RUVFkjLJ1ZWUl5baBezjS2NhIZSOmLV9YUYPBQC6dTic3FyUZSJhzc3OkisnNzeUdX0RdXR3pz4LI1NRUqvoDDoeD2+1tb2/Py8vjHV+4JYvFQjwTtNJms3HLgcRib2+PqzaVlZWUFu+v9D+fR84xm83kMhAIjIyM+Hy+hGVheXl5eno6KpHSe4QnA55f1+v1DQ0N5BJGYnR0NOpJpzgT2sTExMc8abfbsaJpbcGMeP4M/gHKwPWqkRrPaDTGc3QEYYEVg1vgtuU+ChEmRAmX2hZExjyfitW6tLS0sbERdR8JEHUB9jhKvqhtHg6HYTlQoeEPE2djVyqVWq3WsrIy3vGNxM7Ozvz8/KenOCj58vPzJRKJSCRCSQ01II2bj5re1dW1urq6u7v78VUYiYGBgVQhzrzPB0B/oZiJVcxAbzKZmpqasNKxIWZmZmgjzsjPXyCurq6QqbDx4zyRRPkLrMiTpG0U0ZyhoaFgMEgPcabyJYkL8rq/v+/3+7GuoxwFMpVSqYS9ra6uxk/+qQkbHh6OdSyfEsSZzTfKY4RCISgvCmuhUAi4SFb/+dTPwcEBTFusV5NH/HP4JpMzZ2dnKSFmn4/9q3PW3d0d61WYvPHx8YQf7WF86SJmfL+BOBAIML4UEaOAZHwpIo7VvmB8U4AYtq+trY3xpYIYcPv6+lCqfHeqHEYzFmJ8jfhilCq9vb1qtTqBeRjfrxArFIqzszONRiOTyRKbhPH9KpR/RzIzMP2lGwL2/6dSDbZ+GV/Gl0Ws+CPAAApN1r4iv1OgAAAAAElFTkSuQmCC'); } .aui-list-theme{ overflow: hidden; position: relative; padding: 0 5px 0; margin-bottom: 40rpx; } .aui-list-theme-item{ width: 45%; height:290rpx; float: left; padding: 0 15rpx; margin-top: 4px; } .aui-list-img{ width: 100%; height:230rpx; overflow: hidden; } .aui-list-img image{ width: 100%; height:230rpx; display:block; background-color: #FFF; border: none; } .aui-flex-box span{ color:#09b500; font-size:0.85rem; } .aui-list-title .aui-flex{ padding:10px 0; } .aui-list-right span{ font-size:0.8rem; } /* pages/index/index.wxss */ .container{ min-height: 100%; background:#f2f2f2; } .swiper{ width:750rpx; height:400rpx } .swiper-item image{ width:100%; height:400rpx } .title-container{ background:#fff; text-align: center; margin-top:24rpx; padding:12rpx 0; } .title-container .title1{ font-size:44rpx; color:#e64340; } .title-container .title2{ font-size:36rpx; color:#6e6d6b; margin-top:12rpx; } .goods-container{ display: flex; flex-wrap:wrap; justify-content:space-between; padding:24rpx; box-sizing: content-box } .goods-box{ width:339rpx; height:472rpx; overflow:hidden; margin-bottom:24rpx; background:#fff; } .goods-box .image-box{ width:339rpx; height:339rpx; overflow: hidden; padding:8rpx 8rpx 0rpx 8rpx; box-sizing:border-box; } .image-box image{ width:100%; height:339rpx; } .goods-box .goods-title{ width:280rpx; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; font-size:24rpx; padding:24rpx 0 0 24rpx; color:#000; } .goods-box .goods-price{ width:280rpx; overflow:hidden; padding:24rpx 0; color:#e64340; font-size:24rpx; margin-left:24rpx; } button{border:none;background:none;border-radius:0;text-align:center;} button:after{border:none;}