108 lines
258 KiB
Python
108 lines
258 KiB
Python
|
<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"><meta name="format-detection" content="telephone=no,address=no,email=no"><meta name="mobileOptimized" content="width"><meta name="HandheldFriendly" content="true"><meta name="applicable-device" content="pc,mobile"><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"><meta http-equiv="Cache-Control" content="no-transform"><meta http-equiv="Cache-Control" content="no-siteapp"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta name="shenma-site-verification" content="3abbfaac4345ca4daaa5ad2282115298_1476771175"><meta name="360-site-verification" content="86dcc68a445e2ed8034e85f0ba88a83a"><meta name="sogou-site-verification" content="tJLhUJDcki"><meta name="google-site-verification" content="-wdhMjIAPXapbEjwFVejIM-GCtl1fc9nUdOA32eFqpM"><meta name="baidu-site-verification" content="code-IDjrix2R0M"><meta><link rel="shortcut icon" href="https://fe-video-qc.xhscdn.com/fe-platform/ed8fe781ce9e16c1bfac2cd962f0721edabe2e49.ico"><title>小红书 - 你的生活指南</title><script>window.__ERROR_TRACKER_BUFFER__=[],window.onerror=function(o,n,R,_,e){window.__ERROR_TRACKER_BUFFER__.push({error:e||o,extra:{source:n,lineno:R,colno:_}}),(new Image).src="//www.xiaohongshu.com/eplDKtpK4k.txt?l="+location.href+"&a="+o+"&b="+n+"&c="+R+"&d="+_+"&e="+(e?e.stack:"")}</script><script>window.__KONG_HTML__</script><script>var ErrorTrackerKey="__APM__ResourceErrorTracker__";function noEaglet(){return!window.eaglet||void 0===window.eaglet.push||"function"!=typeof window.eaglet.push}try{localStorage.removeItem(ErrorTrackerKey)}catch(r){console.log(r)}function sendMetrics(r={}){if(0!==Object.keys(r).length)if(noEaglet())try{var e=localStorage.getItem(ErrorTrackerKey),t=e?JSON.parse(e):[];500===t.length&&t.shift(),r.projectName="xhs-pc-web",localStorage.setItem(ErrorTrackerKey,JSON.stringify(t.concat(r)))}catch(r){console.error(r)}else if(!0===window.eaglet.supportResourceError&&!window.insight){var o={browserResourceError:{type:"BrowserResourceError",value:[r]}};window.eaglet.push({browserApmTracker:{type:"BrowserApmTracker",value:o}},"ApmTracker")}}function formatResourceErrorData(r,e){return r&&""!==r&&e?{name:r,initiatorType:e,clientEventTime:String(Date.now())}:{}}function getInitiatorType(r){return r instanceof HTMLScriptElement?"script":r instanceof HTMLLinkElement?"link":r instanceof HTMLImageElement?"img":null}function getName(r,e){switch(r){case"img":return e.target.currentSrc||e.target.src;case"script":return e.target.src;case"link":return e.target.href;default:return null}}function resourceLoadErrorListener(r){var e=getInitiatorType(r.target);if(("img"!==e||r.target.src!==window.location.href)&&e){var t=getName(e,r);if(t)sendMetrics(formatResourceErrorData(t,e))}}window.addEventListener("error",resourceLoadErrorListener,!0)</script><script src="https://fe-video-qc.xhscdn.com/fe-platform/632ff9096366bfeeeb7560a76c79ece4efcc9220.js?s=sdt_source_init" defer="defer"></script><script src="https://fe-video-qc.xhscdn.com/fe-platform/683c4b767433efc2afedaa0de613665d1ad2bfa4.js" defer="defer"></script><script src="//fe-static.xhscdn.com/formula-static/xhs-pc-web/public/js/runtime-main.dddbaf6.js" defer="defer" crossorigin xhs-integrity=""></script><script src="//fe-static.xhscdn.com/formula-static/xhs-pc-web/public/js/vendor-dynamic.18ad79f.js" defer="defer" crossorigin xhs-integrity=""></script><script src="//fe-static.xhscdn.com/formula-static/xhs-pc-web/public/js/vendor.75e8bb0.js" defer="defer" crossorigin xhs-integrity=""></script><script src="//fe-static.xhscdn.com/formula-static/xhs-pc-web/public/js/main.6a19400.js" defer="defer" crossorigin xhs-integrity=""></script><style type="text/css">.reds-icon[data-v-23d27ada]{display:inline-block;vertical-align:middle;fill:currentColor}.reds-mask[data-v-c7b453c8]{position:absolute;top:0;left:0;width:100%;height:100%;background-color
|
||
|
|
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.force-light,:root{--color-primary-label:#333;--color-secondary-label:rgba(51,51,51,0.8);--color-tertiary-label:rgba(51,51,51,0.6);--color-quaternary-label:rgba(51,51,51,0.3);--color-link:#13386c;--color-inverted-label:#fff;--color-background:#fff;--color-active-background:rgba(0,0,0,0.03);--color-border:rgba(0,0,0,0.08);--color-shadow-border:rgba(0,0,0,0.02);--elevation-low-background:#fff;--elevation-high-background:#fff;--elevation-note-background:#fff;--elevation-low-shadow:0 2px 8px 0 rgba(0,0,0,0.04),0 1px 2px 0 rgba(0,0,0,0.02);--elevation-high-shadow:0 4px 32px 0 rgba(0,0,0,0.08),0 1px 4px 0 rgba(0,0,0,0.04);--elevation-note-shadow:0 8px 64px 0 rgba(0,0,0,0.04),0 1px 4px 0 rgba(0,0,0,0.02);--elevation-low-shadow-filter:drop-shadow(0 2px 8px rgba(0,0,0,0.04)) drop-shadow(0 1px 2px rgba(0,0,0,0.02));--elevation-high-shadow-filter:drop-shadow(0 4px 32px rgba(0,0,0,0.08)) drop-shadow(0 1px 4px rgba(0,0,0,0.04));--material-filter:saturate(150%) blur(10px);--material-background:rgba(64,64,64,0.25);--material-inverted-background:rgba(51,51,51,0.9);--mask-backdrop:rgba(0,0,0,0.25);--mask-note-card:rgba(0,0,0,0.25);--mask-paper:hsla(0,0%,100%,0.98);--color-white:#fff;--color-red:#ff2442;--color-tinted-red:rgba(255,36,66,0.06);--color-blue:#3d8af5;--color-tinted-blue:rgba(61,138,245,0.1);--mask-video-player-mask:linear-gradient(180deg,rgba(0,0,0,0.25),transparent 24.48%,transparent 50%,rgba(0,0,0,0.75));--color-vertical-channel:#fff9d5}.force-dark,.force-light,:root,:root[dark]{--search-hotspot-hint:linear-gradient(90deg,#ff2543,#ff5225)}.force-dark,:root[dark]{--color-primary-label:#fff;--color-secondary-label:hsla(0,0%,100%,0.8);--color-tertiary-label:hsla(0,0%,100%,0.6);--color-quaternary-label:hsla(0,0%,100%,0.3);--color-link:#c7daef;--color-inverted-label:#0a0a0a;--color-background:#0a0a0a;--color-active-background:hsla(0,0%,100%,0.04);--color-border:hsla(0,0%,100%,0.08);--color-shadow-border:hsla(0,0%,100%,0.02);--elevation-low-background:#121212;--elevation-high-background:#181818;--elevation-note-background:#121212;--elevation-low-shadow:0 2px 8px 0 rgba(0,0,0,0.04),0 1px 2px 0 rgba(0,0,0,0.02),0 0 0 1px hsla(0,0%,100%,0.04) inset;--elevation-high-shadow:0 4px 32px 0 rgba(0,0,0,0.08),0 1px 4px 0 rgba(0,0,0,0.04),0 0 0 1px hsla(0,0%,100%,
|
||
|
|
/*# sourceMappingURL=https://picasso-private-1251524319.cos.ap-shanghai.myqcloud.com/data/formula-static/formula/xhs-pc-web/main.e1b4244.css.map*/</style><link rel="dns-prefetch" href="https://sns-webpic-qc.xhscdn.com">
|
||
|
|
<link rel="dns-prefetch" href="https://sns-avatar-qc.xhscdn.com">
|
||
|
|
<link rel="dns-prefetch" href="https://picasso-static.xiaohongshu.com">
|
||
|
|
<link rel="dns-prefetch" href="https://sns-video-qc.xhscdn.com">
|
||
|
|
<link rel="dns-prefetch" href="https://sns-video-hw.xhscdn.com">
|
||
|
|
<link rel="dns-prefetch" href="https://sns-video-bd.xhscdn.com">
|
||
|
|
<link rel="dns-prefetch" href="https://sns-video-qn.xhscdn.com">
|
||
|
|
<link rel="dns-prefetch" href="https://sns-video-hw.xhscdn.net">
|
||
|
|
<link rel="manifest" href="//fe-video-qc.xhscdn.com/fe-platform/ebf234fe97561cc2242114a0c5ba836eaf0848f8.json?attname=fe-platform/ebf234fe97561cc2242114a0c5ba836eaf0848f8.json.json">
|
||
|
|
<link rel="apple-touch-icon-precomposed" href="//picasso-static.xiaohongshu.com/fe-platform/f43dc4a8baf03678996c62d8db6ebc01a82256ff.png">
|
||
|
|
<link rel="apple-touch-icon" href="//picasso-static.xiaohongshu.com/fe-platform/f43dc4a8baf03678996c62d8db6ebc01a82256ff.png">
|
||
|
|
<meta name="og:image" content="//picasso-static.xiaohongshu.com/fe-platform/e6214e4fbfae2cf14d634d4296916e8a5eaefdf4.png">
|
||
|
|
<meta itemprop="image" content="//picasso-static.xiaohongshu.com/fe-platform/f43dc4a8baf03678996c62d8db6ebc01a82256ff.png">
|
||
|
|
<style>true</style>
|
||
|
|
<meta name="theme-color" content="rgb(255, 255, 255)">
|
||
|
|
<script type="text/javascript">(e=>{const t=localStorage.getItem("xhs-pc-theme")||"",o=null===(e=window.matchMedia("(prefers-color-scheme: dark)"))||void 0===e?void 0:e.matches;var r;(t&&"system"!==t?"dark"===t:o)&&(null===(r=document)||void 0===r||null===(r=r.querySelector("meta[name='theme-color']"))||void 0===r||r.setAttribute("content","rgb(10, 10, 10)"),document.documentElement.setAttribute("dark",""))})();</script>
|
||
|
|
<meta name="server-rendered" content></head><body><div id="app"><!--[--><!--[--><!--[--><!--[--><!--[--><!----><!----><div id="global" data-logged="1" data-holdout="0" class="layout limit" style="--d8bd5f3c:1728px;" data-v-6e6b77c2><div class="header-container" data-v-6e6b77c2 style="--7031750a:1728px;" data-v-9cd05baa><header class="mask-paper" data-v-9cd05baa><a aria-current="page" href="/explore" class="active router-link-exact-active" id="link-guide" style="display:flex;" data-v-9cd05baa><img crossorigin="anonymous" class="header-logo" style="pointer-events:none;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM0AAABgCAYAAAC+PvZZAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA0KSURBVHgB7Z1LbFTXGce/cz1UlRKc6SqRghRLmAq6Cd0EKa2UwZC2uwRYFhV7SwWEVApSUxW7UqTSRXlYTdVsakdtd7y6ahMeU6lZkE1gA6iA4kog0Z1rg1SBZ07P/94Zezy+j+8+z70z3w+ZGY+vZ65n7v98z3OOohKjtzfGqOU0SFOdFL1OWplbvdP7IY2RUF0ULZjPc9Hc63zpW+b7m+Q4C+re5zepxCgqEXp8b4OobUSh3jHfQRx1EoYU1TRfEM9ldf9Kk0qEddF4QiEjkvYkiUgEfxZdESl9Wd27NkeWsSIaPfZunWpLx8zd90iEIsRjkZS6RCObZtTdvy2QBQoVjWdV9Enz1SBBSI1rfeaLtj6FiEbEIuQKkgpEM0WJJ1fRuG7YpuXTpPUkCULuGMtT2zSVt9uWm2j0tj3HjFimSWIWoXimaWX0rFq4tEg5kLlo9PYfjdHK8z+KKyZYxXXZRvblUfNxKENc67Ly7CsRjGAdFL916ys9PnGSMiYzS2NO7jR5KWRBKBnZxjqpRdNxxy52KviCUE7gro18Y3cWwkklGlcwrWfXpQ9MqAimMDqyO22ckzimEcEIFaTuxjnf3nOIUpDI0ohghMrjqEn1r6vzlIDYohHBCAODVvvUg6uXKCaxRCOCEQaMRDEOO6ZxW2JEMMJgUSdqXXSNQQz4iYDa0kkRjDBw4Jo2JRPXKDBhiaZTVZXCpTCgmBpj7Qm7cyAypvGKl8++JkEYfI6r+9fORB0UbWkQxwjCcHCSE9+EisZ1yySOEYaHutehH06ge1Ypt2z0RaIdW6OPu3GLCuXDnxLt/V74MXfuEx3+JZWWyQNEhw6EH/PoMdHB92lgiKjf1AJ/ceXZaaoKEMyffht93LY9VBhbXjEX3P7o42YTFaWLY/ML5m95OfwYpWmgcPRpk01rBk1i83XP9LaJSXPzLgnJ2ffD6GMemhH6wt9JKBkISWpLgdniIEuT+cSdoePAD6KPmf00/OdvG9du84uUKXceeC5hP/uNyF/1sSi7GDM+cI77AwYJuG54zaUnxGa083ywco/+Q/TlLW+AKZZjxtqc8bM2G0TjWhkJ/tPhXoCvRB8XFWP9/LDn5mXJuflg0ex6nRKBi/zUB+HHfP4F0ZUvoi0rYqgPD69/DII7ZwaY+fNUIPWOtZnu/8FG90yrVG3TguHoT6KPwcXzqPDR0x6wmhBW88/BA4GfYABE+YvDyUWdnGN+nQLrRNNZn6xBQnK4VubcpzSU4L25/Af/bGdU4uRI4eM5rM1k/4PrLY3SYmXSsp+RABg2K9MPLAeynb0WB1YkarDBMaMZx3iRYDH+9ayKRo816rKoX0rwoXJcCMmYeRf/rz+g8qMbnUX6V1mzNJuc6qaYCx99AuBYmRs3iy+ylhXuINMFGbQ4Wbis0HqdNtZEU+UEwOYSiAauBss1+4yEHqK6DXqZtRQH9oUtrmhc10wSAOk4wsiYSTFzI1xLg84Je+9dvddF8+o0IyMNlEGtEtWqAZae5mOe074218oAZI2Wn/BeJyhZwKnd4Dn8znf5qf/xbu3G5xpAcB71ekGvxTlPuNY4Dud1w2fWMd4DWGfrLm27Yf5r4l6nuFkCK3P5k+jY5MSpfNwbTmMlRrkTv/H/GcfKAFwcf/0k/JjGj9cuwIM/8z/m3lWKBIXEoPP146OP/R/H33b0ULLXghXh9ASC2/eD/95SoN7q3vNiGrX2gDU4wfzSU8oFjvUKipsghCjBccFIO0ipaK51KENMGonJonUKnU4nnrG7pCw3+7WcU+aE09c0+oL/429kWDuYu0BDSdB7WzZqT1ydOFSr2V+DmTvS5GVpOGIM8s+PMl2zKCBcuDlCiWl3RNO5YxVOIA7ycl2SivE747yWGQ6zQ9pWUyUUuak+p1IdzXkVtjiWxk8c2xmzRTlIKroaaP0t3DgmCfAa2eZVZgo1LzBng0N/7HL3AWVC1a3Mq0xPoeoo5VoapJzt74nJCQSXcxTNf5nPDdH0ihdpUhTd0nTf4vls1SDw90S995xaC2LSLSmEA9Hh9x8yBy9bdLyyGik9ZruuyUoEPCxBKtbvPNHif/6zzizLvgsQ80OiMmsI/m2lmT/+VTZzVBDbXf8LJebUibX7eC9uP/Dc1RImRpB2rhnBlMDSWM7Tcy9ajIh+sx7x+3N9swpxMR5lWKBhnVcTBFx1fGEQwvuK96dM8d43F+soblZDNI9yNt1pajV+yLya9EA8mO15pFy9xJnu7pwY24kALtx6ErcXbViLmXFBLSxON3SetKheDtFwyFs0HEvGdSM5vWhomfFz9QR/IJwyzJvStZKIhpOyzNuN4Tw/50ODlWHN3pR5NbHAe3+Isfhi3tRWFiCaRbKNzWbNOHDO8w3GXHcpZiZjl/3mFWCKmxURzXLO7hknEcCJaTi9aHOFrt81OBS/hNNG/ldfNClntWh1Atqo5WbNOES5kdzlm6YOeLWNfiCmOxl1GQwqcH8t1uyw4qYpbrZvGeHYs3vcFSRzj2kYiYCXIgQ+yfS5Iaz9fX/3w8fF12ywW0FUGn3v9/0X8OsFSZqkOx90YxWu64WBy5ZoFC3gpkZtY2lib4yeIZuZtY+8s2fLKSaiAbgOO8YpMVivuOiaTdA05f5jolhO2QqEJWuxgmZZ0spBaLWAG8f8i7UddOZw3LPbBaRmbzPcIrdXK+B8uWsEBDHsnQFVyCZqckcGkz0bsSsazlThRwU08nFH+aDNo3akmCYgnQH8plmbKL2AG4eeP18gm3AyIkUVATmvE2RR0sxzl/6ziuC4BsZRC02TPVP2rA0ncfdlQa3zafzy+YQtMYO2mMYAo+5faeLW6wjQ+h9kC86eI0XNN+GIM8gqIF2MZYziWkWZ5lwRVLN7r7b2gD5GNkAAiC7WoAD7RoFGEOJEtijsXMKsAmITqfQPKGuGxbM0rVaTbLXT4CINq5AXmVXBuYQVF6VfbIhxmqv38J/1uAbxQFA9oOipwEGWIqxfrCy7Fgj5YIqa3XgG9Oy5qS+b/xpkAwgGF+RkX3HLRioWU2z9XLSg2APZNEyUgrgRz8QpwsKq9U/pRYF075uUGjxP1BQFv9e3xUulHniavd+siWalPUc1B7s625nJiQlZ/aLhNjZm2cjXdRd7pyqHWZlu60zcvVbAwfc3Pvb7mWzWUkPdKKp2hE1rixANZwGPIxktupgH2pnv/XZVNHDR9NaJeWOK7CQEYFEwWncvPFyk/fEFRvX+qa/4MLJ2j+YvrF8U42KAYNK0zjx8vNH15DZ8VpE0C2/YBK7ZvTXXDPTtuelcIpvM9gjaL7WLUXHLy+u/uIKJ04rTn5w4H5AASDN33c/dS9uKU1ayXKaq+C7wmf4H1onGC3bW8
|
||
|
|
try {
|
||
|
|
const containerEl = document.querySelector('#exploreFeeds')
|
||
|
|
const loadingEl = document.querySelector('#feeds-replace-loading')
|
||
|
|
if (!containerEl) {
|
||
|
|
window.MF_STREAM_RENDER_EXTRA = 'no-container'
|
||
|
|
return
|
||
|
|
}
|
||
|
|
const notes = Array.from(containerEl.querySelectorAll('.note-item'))
|
||
|
|
const notesCount = notes.length
|
||
|
|
if (!notesCount) {
|
||
|
|
window.MF_STREAM_RENDER_EXTRA = 'no-note-item'
|
||
|
|
return
|
||
|
|
}
|
||
|
|
var $$skeleton = document.getElementById('ssr-skeleton')
|
||
|
|
if ($$skeleton) {
|
||
|
|
$$skeleton.parentNode.removeChild($$skeleton)
|
||
|
|
}
|
||
|
|
|
||
|
|
function getLayoutInfo() {
|
||
|
|
const width = Math.min(window.innerWidth, 1728)
|
||
|
|
if (width >= 1424) {
|
||
|
|
return { columns: 5, gapV: 16, gapH: 32, columnWidth: (width - (32 * 7)) / 6 }
|
||
|
|
}
|
||
|
|
if (width >= 1192) {
|
||
|
|
return { columns: 4, gapV: 12, gapH: 24, columnWidth: (width - (24 * 6)) / 5 }
|
||
|
|
}
|
||
|
|
if (width >= 960) {
|
||
|
|
return { columns: 3, gapV: 12, gapH: 24, columnWidth: (width - (24 * 5)) / 4 }
|
||
|
|
}
|
||
|
|
if (width >= 696) {
|
||
|
|
return { columns: 3, gapV: 12, gapH: 24, columnWidth: (width - (24 * 4)) / 3 }
|
||
|
|
}
|
||
|
|
return { columns: 2, gapV: 6, gapH: 12, columnWidth: Math.max(142, (width - (12 * 3)) / 2) }
|
||
|
|
}
|
||
|
|
|
||
|
|
function getShortestColumn(colHeights) {
|
||
|
|
let shortestIndex = 0
|
||
|
|
for (let i = 1; i < colHeights.length; i++) {
|
||
|
|
if (colHeights[i] < colHeights[shortestIndex]) {
|
||
|
|
shortestIndex = i
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return shortestIndex
|
||
|
|
}
|
||
|
|
|
||
|
|
function layout() {
|
||
|
|
let nextTop, nextLeft, shortestColumn, note;
|
||
|
|
const colHeights = new Array(layoutInfo.columns).fill(0)
|
||
|
|
for (let i = 0; i < notesCount; i++) {
|
||
|
|
note = notes[i]
|
||
|
|
|
||
|
|
const isAlignLeft = notesCount % layoutInfo.columns === 0
|
||
|
|
? false
|
||
|
|
: notesCount - i <= notesCount % layoutInfo.columns
|
||
|
|
shortestColumn = isAlignLeft ? i % layoutInfo.columns : getShortestColumn(colHeights)
|
||
|
|
|
||
|
|
nextTop = colHeights[shortestColumn]
|
||
|
|
nextLeft = shortestColumn * (layoutInfo.columnWidth + layoutInfo.gapH)
|
||
|
|
const rawWidth = note.dataset.width
|
||
|
|
const rawHeight = note.dataset.height
|
||
|
|
const coverEl = note.querySelector('.cover')
|
||
|
|
if (coverEl){
|
||
|
|
coverEl.style.width = layoutInfo.columnWidth + 'px'
|
||
|
|
coverEl.style.height = Math.round(layoutInfo.columnWidth / rawWidth * rawHeight) + 'px'
|
||
|
|
coverEl.style.borderRadius = layoutInfo.columns < 3 ? '12px' : '16px'
|
||
|
|
}
|
||
|
|
if (notes.length >= layoutInfo.columns) {
|
||
|
|
note.style.transform = 'translate(' + nextLeft + 'px,' + nextTop + 'px)'
|
||
|
|
} else {
|
||
|
|
note.classList.add('static-layout')
|
||
|
|
containerEl.classList.add('static-layout')
|
||
|
|
}
|
||
|
|
note.style.width = layoutInfo.columnWidth + 'px'
|
||
|
|
colHeights[shortestColumn] = colHeights[shortestColumn] + note.clientHeight + layoutInfo.gapV
|
||
|
|
containerEl.style.height = Math.max.apply(null, colHeights) + 'px'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
const layoutInfo = getLayoutInfo()
|
||
|
|
const containerWidth = Math.ceil(layoutInfo.columns * layoutInfo.columnWidth + layoutInfo.columns * layoutInfo.gapH)
|
||
|
|
containerEl.style.width = containerWidth + 'px'
|
||
|
|
layout()
|
||
|
|
containerEl.style.visibility = 'visible'
|
||
|
|
window.MF_STREAM_RENDERED = true
|
||
|
|
} catch (e) {
|
||
|
|
console.log(e)
|
||
|
|
window.MF_STREAM_RENDER_EXTRA = 'script error' + e.toString()
|
||
|
|
}
|
||
|
|
}())</script></body></html>
|