Skip to content

肖康 / ichunt3.0_h5

Go to a project
Commit 0377ef70 by 梁建民
Options

css

parent ab232a8d
Inline Side-by-side
Showing with 1199 additions and 102 deletions
src/assets/css/base.scss
@font-face {
font-family: "iconfont";
src: url('../font/iconfont.eot?t=1545116316740'); /* IE9*/
src: url('../font/iconfont.eot?t=1545116316740#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
url('../font/iconfont.ttf?t=1545116316740') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../font/iconfont.svg?t=1545116316740#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
......@@ -10,7 +26,10 @@ html * {
}
html, body {
font-family: sans-serif;
font-family: "iconfont" !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
......@@ -118,6 +137,7 @@ img {
html, body {
width: 100%;
height: 100%;
-webkit-overflow-scrolling: touch;
}
body {
......@@ -134,7 +154,7 @@ body {
@media (min-width: 750px) {
html {
background: #666;
background: rgba(0,0,0,0.5);
}
body {
max-width: 480px;
......@@ -157,3 +177,8 @@ body {
-ms-flex: 1;
flex: 1;
}
src/assets/css/global.min.css 0 → 100644
@font-face { font-family: "iconfont"; src: url("../font/iconfont.eot?t=1545116316740");
/* IE9*/
src: url("../font/iconfont.eot?t=1545116316740#iefix") format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAB14AAsAAAAAKuQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8m0giY21hcAAAAYAAAACMAAACCntS61BnbHlmAAACDAAAGSgAACN0UxllnGhlYWQAABs0AAAALwAAADYTnLtQaGhlYQAAG2QAAAAcAAAAJAfeA45obXR4AAAbgAAAAA8AAAA0NAAAAGxvY2EAABuQAAAAHAAAABwr1jPSbWF4cAAAG6wAAAAfAAAAIAE5ActuYW1lAAAbzAAAAUUAAAJtPlT+fXBvc3QAAB0UAAAAZAAAAM+xPfaTeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeqT4zYG7438AQw9zA0AAUZgTJAQDjvgw4eJztkcsRwjAQQ5+JCb+0Eb7hc6QgTlRFddtG0FoHmsAzTzMrr32QgCXQiUlUKG8KeV5yS/M7ts2vPNtOTT8e8ywdUzXXpgvtVv3Ys2LNRu92DLro+Z+h6ec3xWhamnujBImDyVbiaDLfOJlsLM5GSRMXo8yJySh94mrUA3Ez2WTcjbpRi4bhCyD6Iv94nI1ZCbhV1XXea49nPnc+9828e7n38gbe/O4B9PEcABEwiMyTikqCiFgHtFDrgElQTKKx1hA1agxVSpRGgtrGhsSZoMYISRo1AaO0VpPYmiZGbd+ha5/7nkGb9ivvcs8+e6+19tpnr/2vf51LBCFHD7AEGyQ2CUiJTCKzCCkVyiFMhWZQICvHtMMu8EHmgmYYhmqZFcqVLmxNhf4+3YdDTAYqHu+vagkchlsNk8M6ZtuMRreKRYbB4AJ9x6LbxIaJM8z1Zrmzc5Z9mdFzaa6vrrfdWc9S6Wy1qXOKc5l7og/r5bi2bGcqTzfQYld996W+olsEk7Yc2WTU4c2NtZvLjW2B4+/PTK8PROqniYHoWd9tOr1+v7KTfn64/qcBrAK63zku77hU/VS013s+sXDtr9KjrERMksbVt5PjyDyymlxKPktuIUTgytPVnGLxM6i1SmFa4bqHId0FA7hE3edDIfSgUuqCMB1Uc4HAZ8UKtfup0AJjXUoCy+DTEbkQtfW4kuWK0HID1VgkI1VNr9rfF3d4AAUlUaMP56qUyvCSELCEJ+hSevCjFqxuWJu+BB3JnyUESwuHrgXeAIq7InpCUD6/kfsSskYj3WCo6EmDi/ngsED5CjKyQNeAER39FAMGQ5KtYTkZ/VoYwEwGM6Mdkgk/AUsl5UmwzehvTS5N37RgmckVdaM7BecS3TAZEzK6X4xXHB3mZnRY7lECWg1hRIfkCS7MTke7Xe5ABYRCF5WKHmbU8wXjR9BNOKUdZ7hddaroIfGGShswXVJRoEx8VfQkosepTcPoBcokfYNzGDIL4nYGwIG9cIR7Eiz1S7xQXxhvyJzpiF+qrIVzWVyJI4xxQ/ySEgf3+nm6jZWJQbKkQHrI8eQUcgZZRM4m55GLyEbc73IlWe0LkpJ5oJLN0FcNk13AcKuSUwEjPOnB6EgwFfSQaqZ92OqCggzwLMRCGAgoEytrAQgV6od4DaQ49g5tFcpDgPNlJfyzAZAAMGaeTenZN+uvmXNWU7bu+nWMrp4zYymlS2fE3/8OnacvO70TtNSOaetYLMLWTYsHvxBLiH1bts89l5ryyWvNudEfxFM33j93FbXk9z5ndi1q50JPNAAGGKYZvW/QPdBaF21v6exsgRV1rVEWesbDitZisTXaPr4HXofmdLS9bgKlE+pgRbq5N9GQwE9da+vKYquWai1eDi2pdHNzOtXypDk4tZ+VWMLsPz7RMds6fsYk1sZ9a9JJfkMOQsEPm+ZhkxDSiP8JW0x/hnuhz12FdJBuPHvD5GQynywmy8lasp5cQq4lnyM3kK+Sr5Gvk11kN3mEPE1+QH5MDhMSju0VHtLBuIVHJasGs7gPgxp7ck2QQUAKs+Ggag1bVas+tP2tfTkfSngPpcHWbLGEwgNV3YvSsiQGW1toqHorhW4oV/trkFYJwopowZ0r/o/udG3CoRoSxBMW/jihhsb+1moO8aHUHxaD0mAp26tnrIaljyYUYS0K9G1/7DsGREY+hwGRBIANTOqrAHI37hzIu4XidzP1xa+MPP809e8ZeV5R9RSjPoLLPZED/3ZB1AYXjTxHB2HkOQWC00Em5chLtDByqNXsd5x+SS2QfKYQ1GG9FdoBl5u9iQT0Smpi/yzsT7DukuzesowLuQyPzjKqZp4RPXkRtC2PnsTZ1jNoEwaXy6OjIxN+98PoCZgaPYHeGjCVCxE9C53Rj9dor8VO7XES5EQcG28Y0c+NsuC1Fo68f9/5L78u2cuShiDEfYKtoa8+vvLWtuqwT0OfVVPjow+Lj7xeBOMRXAJ7mcnBwjPfztPcOMwx6AAYIsczlDO3WTSVhWxGX7GvSeSYzeAzZ3asvVTwtZI1U8nPFKzzwkXF2anWdvBYK0X8Gpf0N/NP0w1o59MGUMHXcbS3jBqC32IYt+BSRq86VJvieO1gLvHJONJLTkTcOIdcRr6MUfkYeZYcxIh8DyS4kEO474AT4TRYBGfBGlgL6+EK2AJfwpxaSxE6XR6TIf54K1khzq2I9Zhrygj26f+PRraWT2IFBBWNL4PlEFMOSuWyLL6tZvVNnJUxs+AYpq0sAlBZqgEZZGM80+k62wVFqTAHlSvlGrYNILZ5EKAVxDmUG0O3IIY9zGZxyOb6qoGeeAhdC3NBDidBkYyO6Qp+azAcgkIRk1250gzVgbJEiwPVvhyOF2QG1QfKpU/YGtSsIjaFoFozlR01pGQ32qyGA+UYdz9hSGQr/dliJcDciSe+igm1PMxadCrFtVUyueMgrNBB7shonwT+gXAklDH5vGdgh0nlhyJjQsli8i01m9H/BKAwiQn6FjaiV/kpKB79EHPq+zprFbDxO1NGL2Iy/EDrjcP0+JaawekHqNarWKx1mL/JLlu85DIK4F4yd87FSXhx6V9g+jJak/XFXE99V1trY6pi4mlnV/4+lcYReuGiRRfiPfB8tr61raehNyicCtVV61ZV468Xlm+idNPy5RsZ27h8wUWUXrRgvv42c+OywLKNWVbO1OMEpjD8hBKWCQ294NcnpDAzhnShVC6XSpmGhrb6+qyTSNQlEtGvM81pYOn6NCum6gCUKZTno7wJdRPBzXtCJJNJKBQA5QrpfL5cV5e2PS/n+9BiplL/ECglM+BRcDHtQ0IY45StgHEbuFBGEh/UHpGTv8HrNrxG/8r3GE3mvyG72IbX6D0TnmPvUI99mzIwmYd5OroAZXfhUz6E1616u94Ru2TWPIw6N8icEY1Y8AA7xBndhWjCqKA3sO+E8yidF37n7vq2rOB+peHO6GG6cMiLLjXzPqInUhUpwKszLn4vNbSQNoDj8i++4vXMpXRuT+rgDdR1QMtwOa4wuVicPH1yoTB5J50zecocSudMmTznQzipr/ckSk/q7TtpZMjyfSurOFMhZLw054iCQHGXkQPxlJfpR+ahbFskqO53Pa/edbsg1ZjCT5dpmfi53vI8K2OgiSqkvRw3QavjclJeus+XtiUSQBlz8Z/pum2phhR+Jhpa13gtk8lc4JkGpwmPTzSEz9JKpA3PoBDgQ9TApfntffQVtiHm9g1kIplMZpJVmF2vIFtjvsPKUyEXpHMyLPyxDd2IYjrX6XTXopl/C2DvMdKQw5PVDaqMuc3TwhWU7S0PxjDSj+ijFUaTpKxgQ4Uo3lPGVpDJaa5UjnN0EHNe7KXzLf40xQXTZ6j5ZzZ7Eds2/SEzoy9YM+zpjNmCzqC+4SAtPF6YAtosvk/Ls33UiPZK4zEl+h1q8vt5is5wFEUkomm5QxlSpFk/5+oxNTxld4eSO4QwfsQoN639hrDAdJjgxvNuljMBgr1oLAOTXi4tLsXIVuXMsehWvBFYXyiHZsV++TMqmNhvOVwxX+xiIjfyPFj0CmkxIUZuQKHpCuNTPZ5FQr2CN/CDFqXfF9xuECuFbVDze0ZK3CB+/O3N91K20lT8ekql5Julga5YUqXUZjxJzMAPvV7iHmbj3HMHA5LB+uQkzDyrcfc2kr8kNyIz+hZ5gjxPDpFfkd+QP5APkMMjvyMEn35RCQ+6WRmpSUkXIbihH91QvTlCYq+uK0phT7WbljGX4JmHIFvCTdG6gHUISgesoJsoV+3TwaA1K1LvcFX3DWCQoDWWrgSsElZUNw2RQwUQoBmfIpDH+UrXO+XBUPOk2IiSRV9DOqaJuFOHGuJ6UZW01YrS9uNpQx0nY9EUz9rfp/sqoLLaqWpOk7xKUKjFak6WaoysxqjYTYxDNVpkNVuJD7iyToKHrGb7pagj5XojXDknw2636B5sY4yF0UI3+sl7np3FA3R/ldLyiyY2o7nDBij6tg1WtMxudA5gAx5Ae++m3AMeuAx2ukXvOY+6LFrhfqDAOGBiTQjbpfEcmmIH0mYqnfJnNzTSXc4e6jaeCr81ooQF1sWQ2evwS9CfgebHEHfExe5492/QENB1IF4ObiqDvEiCus/IGZSuoxvcRnXNS1cZ0tnh2rd5hkXZ1Zz/CKP2L70nuDBuk8rDsu3i70ff7EAEazcM1U4ndHRw2iEs1Y5csDWmZfBQvX/O2+iA9csp6ZKzZiOu6MyRo455ZCjd7q/d6IBz5pX5LFv9Nnpy2DQM+tYqL3PJmcqgG1ebrSn6I3R5rw323fg4tunncq1zl1tGzHacP9fXvc4vMM3cZYJB96qc2qgbIzdjaEL0X3TxsEqUb/G+gjRwCGSiZDfZfTfJnd6NHWgx2uzsdCm9UdIOx7nWLbu05wYu9gfXNF4rWC8avRa9aW9WwpnyxQlOg3m9sdEq+gwmAP0Ss9ik5LfMlNyk+V/f5pF38yZuT555Ig+txU5alK4ocue39+yU/B7TvIdL4sVnax39F+R140mVzCBLyPnkAqwGLyXXkS14wu4gd9eYG2jAwkCOI7GAt4hg4TFd0ozPw1QtiRRKwyJotVG+Fp+bQnxLx26lZnuxFpK3+BCBGgxUBYtDlY3juRb6mVEgrfXXKGAVSd9YP73TyFkjb2L++b4KTOqZ1HjJtUfepMirLYDvWU0OdV1qftfCwiCQCfGPgsqR/8AG0L0YFtONwBx526TqINqBP5hMPYfqv3K4RQ+gLrzvMPMRe+QHnEoEjoR4GNUjQ/mCwhIzZaZG3im+1czYO1iOjxfyLcab6euH/Vfg4cajDYxGRxEIG6UEwmgDff+3/m/rLapgr3eCsw6nim63T3BfMWAvMH86PoELbMT8272Z/rMuHIimcZDPWpNMWC1A6cHB6EpUgh3o8s3ocbQRV/y0ATusZhduQvyPNlktzm4XfiZ9ES1B7d3KE7AFPaYj9848lc6k9FsNTwYW/T4zaQPnT+IlT3+wx3k02tjwUotJf0JN2ij4AWqwFnZoX/IZ8hEGf51+njjI//uwTv0UWYlZdBNGyE3kK2Q7VqY/IC+QfyJHyB/Axr0NEIO7YhjFWr9ULQvEvy7QlV9MjTXCynShKGTtbZkWwfEQxdlU6GLpLhbWsiMKMATGZhpiuH1CRpuslMcEUczTlrW5WFKgaWTSYaDDTGfpZoxEjdbpOLhC/boCw6s2BYIH1MAVKTzm6rLKVUPkziFekPWnP7mYcm0pDLVxJWU9qOuLPuytza6Onf3+3GA6OppjHUMBkBSP/rVhSsayWAMQIesHUhlVFx2Vf0PpUYJkybRyIda8Ns1mO0XCTJR6J7Ya+vuS5hmTrHHNc8cFnq08eTVjKX78yWnFLT/bOFw+VvTiphlNXhJYM0o3muO0rKnfsXgtJ6fToqlxOPqu9FfKsxIyJRNL4LW2brHAPHF+p1yohkWHtVBV24LOUoouMOvr2iaAPyHXUWYLZXPL+HSLneIL4Qpx9fDOOsrVFcf5needhus7SnJcrw9SAtc3OZuTSMGFqB8oWoa04/VBdDRJ05m+FGYlwpk0kpmJ14jMIrEkkCmRPQNWDR4v19jz104x1pinPw/H99b3Bb32+UCndwwsc86nsPp8Vcp05/sHxPnilGpPuEBNWrJsVsGdtHj5rEK0jc7fuilpLTxtyrmNScEAuczqW+YoatWtHJw2e4KatLgmu2xWMdoGC2YUT24adlF8+qaEFubN+YYTW0+do8zVp06b9bC6d56xYIdi6mungZ1q9/clabEntc/j0ePBvlxP0rJsuS9oakglYJJlpscb+xzfyNpZZ594l7uzVkKKe9PtsAAX61VZC9ZOVmvMeS/AUM/kZe4aSqcvOjXr8TUMVgOsMU7r7xqANVR6J0zsqRbkN+apM+6zmbprDh69DPLYiD1K/5kwkiI5Uk/akMseR4awEl+KiL2RfIHcRe4lD5GHyT+QfciISDoEDZY1EEWUjRE6ROT8k91IQoNaUasZLFT6g2JMKfSb2W48D+PD/hY81cUKBjsegorEoxKWKuFgRXJRo0vxa9saXapBdMy6anSpFJf1MV0q1+hSOhQxltf8ELlRKB+Gj0P/aPeiPOzyEEpP4VTkBYcHlUC6sQi202jlRQHschmLTuUgAhzbJbkXj7Fo5SBViQMT5dTk8FelGT3FTZ7GWsKKkF1STpugq42J3+iTxqI33egwAjo3IteDPDhvtEXv0gYDkf7nKmtEkYGY3Y5l12TXjI7a+uXwBKve+RBTA4sO2dHr6BkWWC4GXQFrsQ+Vy/kcrEW117/HcignsKiR6PXRD9j7n86+hR6/iw5nhHhb+3vkEDtErzeiPSmLwmJmUyQy0R5kwwxWRN9hMG22Ge1MmRTOYha1KI92CpXisDp6iMNpv/CezSe3+7RoNC0Wr0ZXP/300y+aD6us7U3ZQDOXGezrzyigf2/B7dcdx2z1iO0+CvLv7jDOz+LK7jKYetTImNfppX7JeNTEZHkdZtA77Uabfc1+Qzj8UV0YfE24/E6BhUp0lX0wbdJXceH43A6ij/z159j+M+w96N9jyEKw92Gh0uzJB9kDGLuFOHd8nr5O0qQbI3YeWU+uxOrrC+Rmciu5HyP2MYzXl8hPyL8ggx9BoE5BB5wAp8O5sAE2wla4Ce6B7bATvgN7Ma4RpinGXVm/txzWGcDHOo2WB2sFFcZMVmli0AJZhOZKkMsGKIVsBftKx+j2juoWPqErP9Lt+bhyDeBrRyRM145IC1TCmHkjha+gP72okEEWr1+1VgaQ6NcoCipU1DFRjakGM0tQDVF71IBm9NWwH33IoHol1q/2aXP/lwXkRB87pFXt+Whto09pXKToQ4nD+qj+r5XNx47qWGUzelQ/vsiwN/YRqVglVOXBii5egjBXW2qIHqk/6az2dYPkDOkUZyacS5uZKwcNcOqpkNYSMymb8NicozTLMQqNjJ6FZAlPzBIGbajWGKutQi1H9qNWHWqZi8ykaOTI8s6sqbUi21oBdVptIYv+C5jl7w6tpfnlP7fsaDIWzSkxk7Y0cEbHMV4PgptUYPHJ5dn6FTNfTUXFPk20TGW0gid2tRAtHIwFkga5cjkxRJvrkCs24wjOYOAflUxi/lsBwhDAV1FesmaJ5uMYLePBPluIJkHV6QqymZl+9GzCe80xcCraBnsmMfEMUM9g0QWJ6FdYqjOuDjsZB241LcbF3jC6kH7WYVa0ArncEUQYeNBucl9LOkd8PI3wTXe892qSOSw604/+HevkI7YuuL4hqfmKkzPYE7QxzxlrZDwAU7u5EJbSBWfgYhcwzpAE8GW47lNgXsGaJhpDygp4vpdK3oD+zpKZ5EkuHcLHXHdHyspnjHyqrSOHO/A7MG4LgJppUcBaK8tEh2ATrGDASRrwRMB4XWVcmqLdArsOlfO3Ja0gYwTJCW05wdmvjVtysW5rrMvbJa1YuT4nqeAfc4znyy0pQN1W+q3Euy3JLR7rt9uuwtIvst98883UTXWJPlqHeOOfxQUYNyHGujy8yjQ+J9hkuL1BtLG6+dCAwNNDWT2XRicr+JmMN/GGvN9DA9zmxDL9gh5LKaHEwEYuBb9asBBurecTWP50qEfVLsrzqNrOWr2yG93vfNlq9P1pW1j9DgvYpT8Hf5xNX3PgG9umCwzWL5tgvmbXG5zvv8i+C8tr5w3cp7/G63f1xp1n3epUfPpdlzkXumWfvuEftLLqVoOa7HUsqi80kXVHV2X9LppDPPfmm+jd1Vzuvrzvqvbd2JSsTb9HMy4XrI9et7btPNzREsvNxsVYtIPyHHpaoS1OwSbIxzW+bqPfi2u4QTKdLCZryAayGbn5X2H9tp08SB4ljyPGvkzeIO8gP2fgYAVWgHboR0J8KpwB58Bl8FnE1lqaDiF+mS5VGhN0ZRQfApHVAIFF2zESGjBylT+h9ZFS/Ks5fFwCtXqaIMgNwxCCq6oUsi2j79NGb4ahmyIIIw0fu2SwNxxC4Mr0ZgNsVNKytwX6xwRjO6GMNWGgkB0zOahNhrFoOIiivTUJ7Bu1063BfmxuIUfn1oOxdzjfmKOxZDxfNnYJwtocFFvabq1mCMdG1RiM1lBU1ciUrn1rQCtjCqV/1B59f3Sufnu61Wux4SwEpeizTqtdTbnRZUANDnC5W0rANcAVjb7uRp+Czzt5A86iQKMtVt7g0ZepFBZz4DptYKlF3ehmt8UeRANXIVJQuMCr+LA+yd3oPlQ3EFI2awvLkBpHtzh5jL/jUxQSSQqnIH8HmgCKkDgDII2X1OzR6yy84mBqBt6mp2WSaU32NXam5gJkkqh9ZU0ySeeOmsGbS3QT/+aNjmEPqn4Ke6n+KRa1osOjE5ymu9Kz4u/po30nj046UZvRCqluPUK1g1NHx+YiMXlQ+Px2vG6Xnshb6gEToe5eJDb3YrV9h3yciW8KSe8Adq9A8gd3J1dbv7OZCyV3cf4afHQjzzu/Z9b5afZ3LrOvlcZnUix6NQH2uya1oGSf0nSNgcTrgdTpf+6Os1/TzzqNjafRxMgh+7A3IQHve8x5yq8kol8jq8BdOYynHDJm3nxKmziENBMoboUZPxkLwB1tg40tK03B9gCs1OgVj1qt4WoBBM/oHNTSjVxNA3VVTbZmxaKj1pOjcj7Q2EC8m3EP2tbzxn1bx+znas7oYYCx8eyohjcm1T7mvjX+o+k7xwa34iM/j4PchNcluAUfyHONnEnXK6oWq8C8Um2W4lzGrsR8uZgDo/8NBPCUdXicY2BkYGAAYt4/Syrj+W2+MnCzMIDADbvdcxD0/2UsDMylQC4HAxNIFAA5CgrcAHicY2BkYGBu+N/AEMPCAAJAkpEBFfACAEcTAnZ4nGNhYGBgIREDAAXkADUAAAAAAAB+AXQCOgOSBe4G0Ah+CZILUgywD2ARunicY2BkYGDgZdzPoMQAAkxAzAWEDAz/wXwGAB94AgYAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicY2BigAAuBuyAl5GJkZmRhZGVkY2RnZGDkZORi5GbkYeRl5GPgas8NTMpMzG/JFOXG8E0RGIbIbGNkdgmSGxT7uKM/NLKVF1PZ38/JHEzJLY5EtsCiW3Jg2SvAQMDAOtRMlI=") format("woff"), url("../font/iconfont.ttf?t=1545116316740") format("truetype"), url("../font/iconfont.svg?t=1545116316740#iconfont") format("svg");
/* iOS 4.1- */ }
.iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html * { outline: 0; -webkit-text-size-adjust: none !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }
html, body { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section { margin: 0; padding: 0; }
button, input, select, textarea { font-size: 100%; border: none; -webkit-appearance: none; }
input[type=button], input[type=file], input[type=submit] { cursor: pointer; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul, dl { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
em, b, i { font-style: normal; }
a { text-decoration: none; }
img { border: none; }
.clr { *zoom: 1; clear: both; }
.clr:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.fl { float: left; _display: inline; }
.fr { float: right; _display: inline; }
.va-t { vertical-align: top; }
.va-m { vertical-align: middle; }
.va-b { vertical-align: bottom; }
.i-hide { display: none; }
.i-show { display: block; }
.lineBlock { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; }
.lbBox { font-size: 0 !important; *word-spacing: -1px !important; }
.boxsiz { -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body { width: 100%; height: 100%; -webkit-overflow-scrolling: touch; }
body { overflow-x: hidden; }
.emptys { margin-left: -1px; width: 1px; height: 100%; font-size: 0; vertical-align: middle; }
@media (min-width: 750px) { html { background: rgba(0, 0, 0, 0.5); }
body { max-width: 480px; margin: 0 auto; background: #fff; } }
#app { height: 100%; }
.navigator { order: 1; width: 100%; height: 2rem; position: fixed; bottom: 0; left: 0; right: 0; z-index: 2019; }
.navigator ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; background-color: #ffffff; box-shadow: 0rem 0rem 0.12rem 0rem rgba(196, 196, 196, 0.87); justify-content: center; align-items: center; }
.navigator ul li { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; }
.navigator ul li i { width: 26px; height: 26px; display: block; margin: 0 auto; }
.navigator ul li .ico-1 { background: url("../images/home/i1.png") no-repeat center center; background-size: cover; }
.navigator ul li .ico-2 { background: url("../images/home/i2.png") no-repeat center center; background-size: cover; }
.navigator ul li .ico-3 { background: url("../images/home/i3.png") no-repeat center center; background-size: cover; }
.navigator ul li .ico-4 { background: url("../images/home/i4.png") no-repeat center center; background-size: cover; }
.navigator ul li .ico-5 { background: url("../images/home/i5.png") no-repeat center center; background-size: cover; }
.navigator ul li p { margin-top: 10px; font-size: 10px; color: #adadad; }
.navigator ul li.curr .ico-1 { background: url("../images/home/i1_s.png") no-repeat center center; background-size: cover; }
.navigator ul li.curr .ico-2 { background: url("../images/home/i2_s.png") no-repeat center center; background-size: cover; }
.navigator ul li.curr .ico-3 { background: url("../images/home/i3_s.png") no-repeat center center; background-size: cover; }
.navigator ul li.curr .ico-4 { background: url("../images/home/i4_s.png") no-repeat center center; background-size: cover; }
.navigator ul li.curr .ico-5 { background: url("../images/home/i5_s.png") no-repeat center center; background-size: cover; }
.navigator ul li.curr p { color: #4e8eee; }
/*# sourceMappingURL=global.min.css.map */
src/assets/css/global.min.css.map 0 → 100644
{
"version": 3,
"mappings": "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",
"sources": ["base.scss","global.scss"],
"names": [],
"file": "global.min.css"
}
\ No newline at end of file
src/assets/css/global.scss 0 → 100644
@charset "utf-8";
@import "base";
$imgUrlDev: '../img/';
$imgUrl: '../images/';
#app{
height: 100%;
}
.navigator {
order: 1;
width: 100%;
height: 2rem;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 2019;
ul {
@include dispFlex();
height: 100%;
background-color: #ffffff;
box-shadow: 0rem 0rem 0.12rem 0rem rgba(196, 196, 196, 0.87);
justify-content: center;
align-items: center;
li {
@include boxFlex();
text-align: center;
i {
width: 26px;
height: 26px;
display: block;
margin: 0 auto;
}
.ico-1 {
background: url("#{$imgUrl}home/i1.png") no-repeat center center;
background-size: cover;
}
.ico-2 {
background: url("#{$imgUrl}home/i2.png") no-repeat center center;
background-size: cover;
}
.ico-3 {
background: url("#{$imgUrl}home/i3.png") no-repeat center center;
background-size: cover;
}
.ico-4 {
background: url("#{$imgUrl}home/i4.png") no-repeat center center;
background-size: cover;
}
.ico-5 {
background: url("#{$imgUrl}home/i5.png") no-repeat center center;
background-size: cover;
}
p {
margin-top: 10px;
font-size: 10px;
color: #adadad;
}
&.curr {
.ico-1 {
background: url("#{$imgUrl}home/i1_s.png") no-repeat center center;
background-size: cover;
}
.ico-2 {
background: url("#{$imgUrl}home/i2_s.png") no-repeat center center;
background-size: cover;
}
.ico-3 {
background: url("#{$imgUrl}home/i3_s.png") no-repeat center center;
background-size: cover;
}
.ico-4 {
background: url("#{$imgUrl}home/i4_s.png") no-repeat center center;
background-size: cover;
}
.ico-5 {
background: url("#{$imgUrl}home/i5_s.png") no-repeat center center;
background-size: cover;
}
p {
color: #4e8eee;
}
}
}
}
}
src/assets/css/index.min.css deleted 100644 → 0
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html * { outline: 0; -webkit-text-size-adjust: none !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }
html, body { font-family: sans-serif; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section { margin: 0; padding: 0; }
button, input, select, textarea { font-size: 100%; border: none; -webkit-appearance: none; }
input[type=button], input[type=file], input[type=submit] { cursor: pointer; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul, dl { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
em, b, i { font-style: normal; }
a { text-decoration: none; }
img { border: none; }
.clr { *zoom: 1; clear: both; }
.clr:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.fl { float: left; _display: inline; }
.fr { float: right; _display: inline; }
.va-t { vertical-align: top; }
.va-m { vertical-align: middle; }
.va-b { vertical-align: bottom; }
.i-hide { display: none; }
.i-show { display: block; }
.lineBlock { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; }
.lbBox { font-size: 0 !important; *word-spacing: -1px !important; }
.boxsiz { -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body { width: 100%; height: 100%; }
body { overflow-x: hidden; }
.emptys { margin-left: -1px; width: 1px; height: 100%; font-size: 0; vertical-align: middle; }
@media (min-width: 750px) { html { background: #666; }
body { max-width: 480px; margin: 0 auto; background: #fff; } }
/*# sourceMappingURL=index.min.css.map */
src/assets/css/index.min.css.map deleted 100644 → 0
{
"version": 3,
"mappings": "AAAA,IAAK,GACH,wBAAwB,EAAE,IAAI,EAC9B,oBAAoB,EAAE,IAAI;;AAG5B,MAAO,GACL,OAAO,EAAE,CAAC,EACV,wBAAwB,EAAE,eAAe,EACzC,2BAA2B,EAAE,2BAA2B;;AAG1D,UAAW,GACT,WAAW,EAAE,UAAU;;AAGzB,iOAAkO,GAChO,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,CAAC;;AAGZ,+BAAgC,GAC9B,SAAS,EAAE,IAAI,EACf,MAAM,EAAE,IAAI,EACZ,kBAAkB,EAAE,IAAI;;AAG1B,wDAAyD,GACvD,MAAM,EAAE,OAAO;;AAGjB,KAAM,GACJ,eAAe,EAAE,QAAQ,EACzB,cAAc,EAAE,CAAC;;AAGnB,UAAW,GACT,UAAU,EAAE,IAAI;;AAGlB,sBAAuB,GACrB,SAAS,EAAE,IAAI,EACf,WAAW,EAAE,GAAG;;AAGlB,QAAS,GACP,UAAU,EAAE,MAAM;;AAGpB,CAAE,GACA,eAAe,EAAE,IAAI;;AAGvB,GAAI,GACF,MAAM,EAAE,IAAI;;AAGd,IAAK,GACH,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,IAAI;;AAGb,UAAW,GACT,OAAO,EAAE,GAAG,EACZ,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,CAAC,EACT,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,KAAK;;AAGhB,GAAI,GACF,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,MAAM;;AAGlB,GAAI,GACF,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,MAAM;;AAGlB,KAAM,GACJ,cAAc,EAAE,GAAG;;AAGrB,KAAM,GACJ,cAAc,EAAE,MAAM;;AAGxB,KAAM,GACJ,cAAc,EAAE,MAAM;;AAGxB,OAAQ,GACN,OAAO,EAAE,IAAI;;AAGf,OAAQ,GACN,OAAO,EAAE,KAAK;;AAGhB,UAAW,GACT,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,CAAC,EACP,cAAc,EAAE,MAAM,EACtB,YAAY,EAAE,MAAM;;AAGtB,MAAO,GACL,SAAS,EAAE,YAAY,EACvB,aAAa,EAAE,eAAe;;AAGhC,OAAQ,GACN,kBAAkB,EAAE,UAAU,EAC9B,UAAU,EAAE,UAAU;;AAGxB,UAAW,GACT,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI;;AAGd,IAAK,GACH,UAAU,EAAE,MAAM;;AAGpB,OAAQ,GACN,WAAW,EAAE,IAAI,EACjB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,IAAI,EACZ,SAAS,EAAE,CAAC,EACZ,cAAc,EAAE,MAAM;;AAGxB,yBAA0B,GACxB,IAAK,GACH,UAAU,EAAE,IAAI;EAElB,IAAK,GACH,SAAS,EAAE,KAAK,EAChB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,IAAI",
"sources": ["base.scss"],
"names": [],
"file": "index.min.css"
}
\ No newline at end of file
src/assets/css/index.scss deleted 100644 → 0
@charset "utf-8";
@import "base";
$imgUrlDev: '../img/';
$imgUrl: '../../images/app/';
src/assets/font/iconfont.eot 0 → 100644
No preview for this file type
src/assets/font/iconfont.svg 0 → 100644
This diff could not be displayed because it is too large.
src/assets/font/iconfont.ttf 0 → 100644
No preview for this file type
src/main.js
......@@ -6,7 +6,7 @@ import filters from './filters'
//css全局加载
import 'vant/lib/index.css';
import '@/assets/css/index.min.css'
import '@/assets/css/global.min.css'
//过滤器遍历
Object.keys(filters).forEach(key => Vue.filter(key, filters[key]));
......
src/views/common/Navigator.vue 0 → 100644
<template>
<div class="navigator">
<ul class="boxsiz">
<li class="curr">
<i class="ico-1"></i>
<p>首页</p>
</li>
<li>
<i class="ico-2"></i>
<p>自营商城</p>
</li>
<li>
<i class="ico-3"></i>
<p>联营商城</p>
</li>
<li>
<i class="ico-4"></i>
<p>购物车</p>
</li>
<li>
<i class="ico-5"></i>
<p>会员中心</p>
</li>
</ul>
</div>
</template>
<script>
export default {
name: 'navigator'
}
</script>
<style scoped lang="scss">
</style>
\ No newline at end of file
src/views/common/Slide.vue 0 → 100644
<template>
<van-swipe :autoplay="3000000" indicator-color="#ffffff" :loop="false">
<van-swipe-item>
<img src="../../assets/images/home/banner.png" alt="" class="slide-pic">
</van-swipe-item>
<van-swipe-item>
<img src="../../assets/images/home/banner.png" alt="" class="slide-pic">
</van-swipe-item>
</van-swipe>
</template>
<script>
import Vue from 'vue';
import {Swipe, SwipeItem} from 'vant';
Vue.use(Swipe).use(SwipeItem);
export default {
name: 'slide',
data() {
return {
images: [
'https://img.yzcdn.cn/1.jpg',
'https://img.yzcdn.cn/2.jpg'
]
}
}
}
</script>
<style lang="scss">
.slide-pic {
width: 100%;
height: 100%;
}
.van-swipe {
&__indicators {
left: auto;
right: 0.773rem;
bottom: 0.92rem;
}
&__indicator {
width: 5px;
height: 5px;
opacity: 1;
transition: all 0.2s ease;
}
&__indicator--active {
width: 13px;
height: 5px;
background-color: #ffffff;
border-radius: 10px;
}
}
</style>
\ No newline at end of file
src/views/home/Index.vue
<template>
<section>
<van-pull-refresh v-model="isLoading" @refresh="onRefresh" loading-text="正在刷新">
<p class="text">刷新次数: {{ count }}</p>
<ul class="list">
<section class="main-interface boxsiz">
<div class="container-wrap boxsiz">
<van-pull-refresh v-model="isLoading" @refresh="onRefresh">
<div class="head boxsiz">
<div class="banner boxsiz">
<Slide></Slide>
</div>
<div class="login-wrap">
<a href="javascript:;" class="btn" style="display: none">登录</a>
<a href="javascript" class="person-btn"><i></i></a>
</div>
<div class="search boxsiz">
<div class="search-wrap boxsiz">
<img src="../../assets/images/home/logo.png" alt="" class="logo">
<div class="inp">
<i></i>
<input type="text" placeholder="请输入元器件型号、参数">
</div>
</div>
</div>
</div>
<div class="notice boxsiz">
<span>猎芯活动</span>
<i class="lineBlock va-m"></i>
<div class="notice-contant">
<van-swipe vertical :show-indicators="false" :height="height" :autoplay="3000">
<van-swipe-item>1新用户注册专享288元大礼包</van-swipe-item>
<van-swipe-item>2新用户注册专享288元大礼包</van-swipe-item>
<van-swipe-item>3新用户注册专享288元大礼包</van-swipe-item>
<van-swipe-item>4新用户注册专享288元大礼包</van-swipe-item>
</van-swipe>
</div>
<a>更多</a>
</div>
<div class="tab-content boxsiz">
<ul class="mt">
<li>
<img src="../../assets/images/home/nav-1.png" alt="">
<p>关于我们</p>
</li>
<li>
<img src="../../assets/images/home/nav-2.png" alt="">
<p>自营现货</p>
</li>
<li>
<img src="../../assets/images/home/nav-3.png" alt="">
<p>联营商场</p>
</li>
<li>
<img src="../../assets/images/home/nav-4.png" alt="">
<p>积分商城</p>
</li>
</ul>
<ul>
<li>
<img src="../../assets/images/home/nav-5.png" alt="">
<p>平台入驻</p>
</li>
<li>
<img src="../../assets/images/home/nav-6.png" alt="">
<p>SMT工厂</p>
</li>
<li>
<img src="../../assets/images/home/nav-7.png" alt="">
<p>PCB快板</p>
</li>
<li>
<img src="../../assets/images/home/nav-8.png" alt="">
<p>资讯中心</p>
</li>
</ul>
</div>
<div class="content boxsiz">
<div class="selfshop boxsiz">
<div class="tit boxsiz">
<div class="l">
<i class="lineBlock va-b"></i>
<span class="t1 va-b">自营现货</span>
<span class="t2 va-b">海量商品 正品低价</span>
</div>
<div class="r">
<span class="va-m">更多</span>
<i class="lineBlock va-m"></i>
</div>
</div>
<ul class="boxsiz list">
<li class="boxsiz">
<a href="javascript:;">
<img src="../../assets/images/home/pic-1.png" alt="">
<div class="text">
<p class="t1">贴片电阻1111111111</p>
<p class="t2">
<span class="l">¥ 0.17089</span>
<span class="r">抢购</span>
</p>
<p class="t3">¥ 0.26089</p>
</div>
</a>
</li>
<li class="boxsiz">
<a href="javascript:;">
<img src="../../assets/images/home/pic-1.png" alt="">
<div class="text">
<p class="t1">贴片电阻1111111111</p>
<p class="t2">
<span class="l">¥ 0.17089</span>
<span class="r">抢购</span>
</p>
<p class="t3">¥ 0.26089</p>
</div>
</a>
</li>
<li class="boxsiz">
<a href="javascript:;">
<img src="../../assets/images/home/pic-1.png" alt="">
<div class="text">
<p class="t1">贴片电阻1111111111</p>
<p class="t2">
<span class="l">¥ 0.17089</span>
<span class="r">抢购</span>
</p>
<p class="t3">¥ 0.26089</p>
</div>
</a>
</li>
<li class="boxsiz">
<a href="javascript:;">
<img src="../../assets/images/home/pic-1.png" alt="">
<div class="text">
<p class="t1">贴片电阻1111111111</p>
<p class="t2">
<span class="l">¥ 0.17089</span>
<span class="r">抢购</span>
</p>
<p class="t3">¥ 0.26089</p>
</div>
</a>
</li>
<li class="boxsiz">
<a href="javascript:;">
<img src="../../assets/images/home/pic-1.png" alt="">
<div class="text">
<p class="t1">贴片电阻1111111111</p>
<p class="t2">
<span class="l">¥ 0.17089</span>
<span class="r">抢购</span>
</p>
<p class="t3">¥ 0.26089</p>
</div>
</a>
</li>
<li class="boxsiz">
<a href="javascript:;">
<img src="../../assets/images/home/pic-1.png" alt="">
<div class="text">
<p class="t1">贴片电阻1111111111</p>
<p class="t2">
<span class="l">¥ 0.17089</span>
<span class="r">抢购</span>
</p>
<p class="t3">¥ 0.26089</p>
</div>
</a>
</li>
</ul>
</div>
<div class="lxshop boxsiz">
<div class="tit boxsiz">
<div class="l">
<i class="lineBlock va-b"></i>
<span class="t1 va-b">联营现货</span>
<span class="t2 va-b">一片起订 3小时发货</span>
</div>
<div class="r">
<span class="va-m">更多</span>
<i class="lineBlock va-m"></i>
</div>
</div>
<ul class="boxsiz list">
<li class="boxsiz">
<a href="javascript:;" class="boxsiz">
<div class="pic">
<img src="../../assets/images/home/pic-2.png" alt="">
</div>
</a>
</li>
<li class="boxsiz">
<a href="javascript:;" class="boxsiz">
<div class="pic">
<img src="../../assets/images/home/pic-2.png" alt="">
</div>
</a>
</li>
<li class="boxsiz">
<a href="javascript:;" class="boxsiz">
<div class="pic">
<img src="../../assets/images/home/pic-2.png" alt="">
</div>
</a>
</li>
<li class="boxsiz">
<a href="javascript:;" class="boxsiz">
<div class="pic">
<img src="../../assets/images/home/pic-2.png" alt="">
</div>
</a>
</li>
<li class="boxsiz">
<a href="javascript:;" class="boxsiz">
<div class="pic">
<img src="../../assets/images/home/pic-2.png" alt="">
</div>
</a>
</li>
<li class="boxsiz">
<a href="javascript:;" class="boxsiz">
<div class="pic">
<img src="../../assets/images/home/pic-2.png" alt="">
</div>
</a>
</li>
</ul>
</div>
<div class="pcb boxsiz">
<div class="tit boxsiz">
<div class="l">
<i class="lineBlock va-b"></i>
<span class="t1 va-b">自营现货</span>
<span class="t2 va-b">海量商品 正品低价</span>
</div>
<div class="r">
<span class="va-m">更多</span>
<i class="lineBlock va-m"></i>
</div>
</div>
<ul class="list boxsiz">
<li class="boxsiz">
<a class="boxsiz" href="">
<img src="../../assets/images/home/banner-1.png" alt="">
</a>
</li>
</ul>
</div>
<div class="smt boxsiz">
<div class="tit boxsiz">
<div class="l">
<i class="lineBlock va-b"></i>
<span class="t1 va-b">SMT工厂</span>
<span class="t2 va-b">整合多家传统SMT贴片OEM工厂</span>
</div>
<div class="r">
<span class="va-m">更多</span>
<i class="lineBlock va-m"></i>
</div>
</div>
<ul class="list boxsiz">
<li class="boxsiz">
<a class="boxsiz" href="">
<img src="../../assets/images/home/banner-2.png" alt="">
</a>
</li>
</ul>
</div>
<div class="jfshop boxsiz">
<div class="tit boxsiz">
<div class="l">
<i class="lineBlock va-b"></i>
<span class="t1 va-b">积分商城</span>
<span class="t2 va-b">积分商城火热上线 EM工厂</span>
</div>
<div class="r">
<span class="va-m">更多</span>
<i class="lineBlock va-m"></i>
</div>
</div>
<ul class="list boxsiz">
<li class="boxsiz">
<a class="boxsiz">
<div class="pic">
<img src="../../assets/images/home/pic-3.png" alt="">
</div>
<p class="t1">Apple/苹果 iPad Pro 1</p>
<p class="t2">
<i class="va-m lineBlock"></i>
<em>45124578</em>
</p>
</a>
</li>
<li class="boxsiz">
<img src="../../assets/images/3bd347e44233a868c99cf0fe560232be.jpg" alt="">
<a class="boxsiz">
<div class="pic">
<img src="../../assets/images/home/pic-3.png" alt="">
</div>
<p class="t1">Apple/苹果 iPad Pro 1</p>
<p class="t2">
<i class="va-m lineBlock"></i>
<em>45124578</em>
</p>
</a>
</li>
<li class="boxsiz">
<img src="../../assets/images/4e3ea0898b1c2c416eec8c11c5360833.jpg" alt="">
<a class="boxsiz">
<div class="pic">
<img src="../../assets/images/home/pic-3.png" alt="">
</div>
<p class="t1">Apple/苹果 iPad Pro 1</p>
<p class="t2">
<i class="va-m lineBlock"></i>
<em>45124578</em>
</p>
</a>
</li>
<li class="boxsiz">
<img src="../../assets/images/c0dab461920687911536621b345a0bc9.jpg" alt="">
<a class="boxsiz">
<div class="pic">
<img src="../../assets/images/home/pic-3.png" alt="">
</div>
<p class="t1">Apple/苹果 iPad Pro 1</p>
<p class="t2">
<i class="va-m lineBlock"></i>
<em>45124578</em>
</p>
</a>
</li>
</ul>
</div>
<div class="scm boxsiz">
<div class="tit boxsiz">
<div class="l">
<i class="lineBlock va-b"></i>
<span class="t1 va-b">进口报关</span>
<span class="t2 va-b">快速 安全 透明 低收费</span>
</div>
<div class="r">
<span class="va-m">更多</span>
<i class="lineBlock va-m"></i>
</div>
</div>
<ul class="list boxsiz">
<li class="boxsiz">
<a class="boxsiz" href="">
<img src="../../assets/images/home/banner-3.png" alt="">
</a>
</li>
</ul>
</div>
<div class="supplier boxsiz">
<div class="tit boxsiz">
<div class="l">
<i class="lineBlock va-b"></i>
<span class="t1 va-b">平台入驻</span>
<span class="t2 va-b">诚邀合作供应商</span>
</div>
<div class="r">
<span class="va-m">更多</span>
<i class="lineBlock va-m"></i>
</div>
</div>
<ul class="list boxsiz">
<li class="boxsiz">
<a class="boxsiz" href="">
<img src="../../assets/images/home/banner-4.png" alt="">
</a>
</li>
</ul>
</div>
<div class="news boxsiz">
<div class="tit boxsiz">
<div class="l">
<i class="lineBlock va-b"></i>
<span class="t1 va-b">资讯中心</span>
</div>
<div class="r">
<span class="va-m">更多</span>
<i class="lineBlock va-m"></i>
</div>
</div>
<ul class="list boxsiz">
<li class="boxsiz">
<a class="boxsiz">
<div class="pic">
<img src="../../assets/images/home/pic-4.png" alt="">
</div>
<div class="text">
<p class="t1">吕家璈：中国半导体代工部分最难，看好IC设计和封装看好IC设计和封装看好IC设计和封装 </p>
<div class="t2">
<span>来源：21世纪电源网</span>
<div>
<i class="ico lineBlock va-m"></i>
<em class="va-m">242424</em>
</div>
</div>
</div>
</a>
</li>
<li class="boxsiz">
<a class="boxsiz">
<div class="pic">
<img src="../../assets/images/home/pic-4.png" alt="">
</div>
<div class="text">
<p class="t1">吕家璈：中国半导体代工部分最难，看好IC设计和封装看好IC设计和封装看好IC设计和封装 </p>
<div class="t2">
<span>来源：21世纪电源网</span>
<div>
<i class="ico lineBlock va-m"></i>
<em class="va-m">242424</em>
</div>
</div>
</div>
</a>
</li>
<li class="boxsiz">
<a class="boxsiz">
<div class="pic">
<img src="../../assets/images/home/pic-4.png" alt="">
</div>
<div class="text">
<p class="t1">吕家璈：中国半导体代工部分最难，看好IC设计和封装看好IC设计和封装看好IC设计和封装 </p>
<div class="t2">
<span>来源：21世纪电源网</span>
<div>
<i class="ico lineBlock va-m"></i>
<em class="va-m">242424</em>
</div>
</div>
</div>
</a>
</li>
<li class="boxsiz">
<a class="boxsiz">
<div class="pic">
<img src="../../assets/images/home/pic-4.png" alt="">
</div>
<div class="text">
<p class="t1">吕家璈：中国半导体代工部分最难，看好IC设计和封装看好IC设计和封装看好IC设计和封装 </p>
<div class="t2">
<span>来源：21世纪电源网</span>
<div>
<i class="ico lineBlock va-m"></i>
<em class="va-m">242424</em>
</div>
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</van-pull-refresh>
</div>
<Navigator></Navigator>
</section>
</template>
<script>
import Vue from 'vue'
import HelloWorld from '@/components/HelloWorld.vue'
import Vue from 'vue';
import {PullRefresh} from 'vant';
import Navigator from '@/views/common/Navigator.vue';
import Slide from '@/views/common/Slide.vue';
Vue.use(PullRefresh);
......@@ -29,8 +467,8 @@
name: 'home',
data() {
return {
count: 0,
isLoading: false
isLoading: false,
height: 33
}
},
created() {
......@@ -39,40 +477,474 @@
methods: {
onRefresh() {
setTimeout(() => {
this.$toast('刷新成功');
this.isLoading = false;
this.count++;
}, 500);
}
},
components: {
HelloWorld
Navigator,
Slide
}
}
</script>
<style scoped lang="scss">
.main-interface {
display: flex;
flex-direction: column;
height: 100%;
.container-wrap {
order: 0;
background: #fff;
height: calc(100% - 2rem);
overflow-x: hidden;
overflow-y: auto;
padding-bottom: 1rem;
.head {
position: relative;
.banner {
position: relative;
height: 5.44rem;
}
.login-wrap {
.btn {
position: absolute;
top: 0.253rem;
right: 0.413rem;
width: 53px;
height: 25px;
background-color: #ffffff;
font-size: 15px;
color: #999999;
text-align: center;
line-height: 25px;
display: block;
border-radius: 14px;
}
.person-btn {
position: absolute;
top: 0.253rem;
right: 0.413rem;
width: 53px;
height: 25px;
background-color: #ffffff;
font-size: 15px;
color: #999999;
text-align: center;
line-height: 25px;
display: table;
border-radius: 14px;
i {
width: 20px;
height: 20px;
background: url("../../assets/images/home/login.png") no-repeat center;
background-size: contain;
display: table-cell;
vertical-align: middle;
}
}
}
.search {
position: absolute;
bottom: 0.1rem;
height: 50px;
padding: 0 0.267rem;
width: 100%;
.search-wrap {
width: 100%;
height: 100%;
background-color: #ffffff;
border-radius: 40px;
box-shadow: -0.02rem 0.064rem 0.067rem 0rem rgba(226, 226, 226, 0.75);
display: flex;
align-items: center;
justify-content: center;
.logo {
width: 60px;
height: 30px;
display: block;
}
.inp {
position: relative;
margin-left: 0.307rem;
i {
position: absolute;
top: 50%;
margin-top: -8px;
width: 19px;
height: 19px;
left: 2.6em;
background: url("../../assets/images/home/search.png") no-repeat center;
background-size: contain;
display: block;
}
input {
width: 6.72rem;
height: 30px;
border-radius: 5px;
border: solid 1px #e6e6e6;
padding: 5px 0;
font-size: 12px;
text-indent: 4em;
}
}
}
}
}
.notice {
margin: 1.053rem 0.267rem 0 0.267rem;
height: 33px;
background-color: #f8f8f8;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
span {
font-size: 13px;
color: #999999;
}
i {
width: 19px;
height: 19px;
background: url("../../assets/images/home/naba.png") no-repeat;
background-size: contain;
margin: 0 0.267rem 0 0.373rem;
}
.notice-contant {
width: 4.747rem;
height: 100%;
font-size: 14px;
overflow: hidden;
.van-swipe-item {
font-size: 14px !important;
color: #2e2e2e !important;
line-height: 33px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
a {
padding-left: 0.28rem;
font-size: 13px;
color: #999999;
border-left: solid 1px #e3e3e3;
}
}
.tab-content {
background: #fff;
padding: 0.84rem 0 0.973rem 0;
ul {
display: flex;
justify-content: space-around;
align-items: center;
&.mt {
margin-bottom: 1.4rem;
}
li {
flex: 1;
text-align: center;
img {
width: 38px;
height: 38px;
}
p {
margin-top: 13px;
font-size: 12px;
color: #666666;
}
}
}
}
.content {
padding-top: 0.293rem;
background-color: #f8f8f8;
.tit {
padding: 0.533rem 0.467rem 0.4rem 0.467rem;
display: flex;
justify-content: space-between;
align-items: center;
.l {
i {
width: 3px;
height: 15px;
background: url("../../assets/images/home/arrow-2.png") no-repeat;
background-size: contain;
margin-right: 0.187rem;
}
.t1 {
font-size: 17px;
color: #2e2e2e;
}
.t2 {
font-size: 12px;
color: #adacac;
margin-left: 0.213rem;
}
}
.r {
span {
font-size: 13px;
color: #999999;
margin-right: 0.253rem;
}
i {
width: 5px;
height: 8px;
background: url("../../assets/images/home/arrow-1.png") no-repeat;
background-size: contain;
}
}
}
.selfshop {
background-color: #f8f8f8;
.list {
display: flex;
flex-wrap: wrap;
padding: 0 0.467rem;
li {
padding: 0.16rem 0.133rem 0.267rem 0.133rem;
flex: 1;
background: #fff;
margin-right: 0.13rem;
margin-bottom: 0.13rem;
a {
display: block;
img {
width: 90px;
height: 75px;
display: block;
margin: 0 auto;
vertical-align: middle;
}
.text {
margin: 0.253rem 0 0 0;
.t1 {
width: 100%;
font-size: 12px;
color: #2e2e2e;
white-space: normal;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 0.213rem;
}
.t2 {
display: flex;
justify-content: space-between;
align-items: center;
.l {
font-size: 12px;
color: #eb0000;
}
.r {
width: 25px;
height: 12px;
border-radius: 1px;
border: solid 1px #eb0000;
font-size: 10px;
color: #eb0000;
line-height: 12px;
text-align: center;
color: #666;
line-height: 30px;
display: block;
}
}
.t3 {
margin-top: 0.187rem;
font-size: 12px;
color: #adacac;
text-decoration: line-through;
}
}
}
}
}
}
.lxshop {
background-color: #f8f8f8;
padding-bottom: 0.466rem;
.list {
display: flex;
flex-wrap: wrap;
padding: 0 0.467rem;
li {
height: 1.28rem;
flex: 1;
background: #fff;
margin-right: 0.13rem;
margin-bottom: 0.13rem;
a {
width: 100%;
height: 100%;
display: table;
.pic {
display: table-cell;
vertical-align: middle;
img {
width: 83px;
height: 32px;
display: block;
margin: 0 auto;
}
}
}
}
}
}
.pcb, .smt, .scm, .supplier {
background-color: #fff;
.list {
width: 100%;
height: 3.067rem;
padding: 0 0.467rem;
li {
padding: 15px;
width: 100%;
height: 100%;
a {
display: block;
width: 100%;
height: 100%;
img {
width: 100%;
height: 250px;
margin: 10px 0 0;
background-color: white;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
background-size: 315px 250px;
background-position: 15px;
background-repeat: no-repeat;
box-sizing: border-box;
height: 100%;
}
}
}
}
}
.jfshop {
background-color: #f8f8f8;
padding-bottom: 0.373rem;
.tit {
background: #fff;
}
.list {
margin-top: 0.227rem;
padding-left: 0.467rem;
flex-wrap: nowrap;
display: flex;
width: 100%;
overflow-x: auto;
li {
flex: 0 0 44%;
background: #fff;
margin-right: 0.133rem;
padding: 0.4rem 0.16rem 0.28rem 0.16rem;
a {
display: block;
.pic {
width: 116px;
height: 83px;
margin: 0 auto;
img {
width: 116px;
height: 83px;
margin: 0 auto;
display: block;
}
}
.t1 {
margin-right: 0.467rem;
font-size: 12px;
color: #2e2e2e;
white-space: normal;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.t2 {
margin-top: 0.187rem;
i {
width: 12px;
height: 11px;
background: url("../../assets/images/home/arrow-3.png") no-repeat;
background-size: contain;
}
em {
margin-left: 0.16rem;
font-size: 12px;
color: #f3a40a;
}
}
}
}
}
}
.news {
background-color: #fff;
.tit {
background-color: #fff;
}
.list {
padding: 0 0.467rem;
li {
border-bottom: 1px solid #f3f3f3;
padding: 0.4rem 0;
&:first-child {
padding-top: 0;
}
&:last-child {
border-bottom: none;
}
a {
display: flex;
align-items: center;
justify-content: space-between;
.pic {
width: 115px;
height: 69px;
img {
width: 115px;
height: 69px;
border-radius: 4px;
display: block;
vertical-align: middle;
}
}
.text {
margin-left: 0.253rem;
.t1 {
font-size: 15px;
color: #2e2e2e;
line-height: 22px;
white-space: normal;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-align: justify;
}
.t2 {
margin-top: 0.533rem;
display: flex;
justify-content: space-between;
span {
font-size: 12px;
color: #999999;
}
i {
width: 14px;
height: 8px;
background: url("../../assets/images/home/arrow-4.png") no-repeat;
background-size: contain;
}
em {
font-size: 12px;
color: #999999;
margin-left: 0.16rem;
}
}
}
}
}
}
}
}
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment