mjz update
This commit is contained in:
6
docs/.vuepress/dist/404.html
vendored
6
docs/.vuepress/dist/404.html
vendored
@@ -10,11 +10,11 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/5.ec11d5fb.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/2.8cc7ee55.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/3.f24eb86a.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/5.ec11d5fb.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/2.8cc7ee55.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/3.f24eb86a.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container" data-v-08abdc17><div class="theme-vdoing-content" data-v-08abdc17><span data-v-08abdc17>404</span> <blockquote data-v-08abdc17>这是一个Four-Oh-Four.</blockquote> <a href="/colorui-document/" class="router-link-active" data-v-08abdc17>返回首页</a></div></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/5.ec11d5fb.js" defer></script>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container" data-v-08abdc17><div class="theme-vdoing-content" data-v-08abdc17><span data-v-08abdc17>404</span> <blockquote data-v-08abdc17>我是谁?我在哪?</blockquote> <a href="/colorui-document/" class="router-link-active" data-v-08abdc17>返回首页</a></div></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/5.ec11d5fb.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
6
docs/.vuepress/dist/archives/index.html
vendored
6
docs/.vuepress/dist/archives/index.html
vendored
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -18,7 +18,7 @@
|
||||
GitHub
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar-hover-trigger"></div> <aside class="sidebar" style="display:none;"><!----> <nav class="nav-links"><div class="nav-item"><a href="/colorui-document/pages/base/" class="nav-link">文档</a></div> <a href="https://github.com/weilanwl/coloruicss" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <!----> </aside> <div class="custom-page archives-page"><div class="theme-vdoing-wrapper"><h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <!----> </aside> <div class="custom-page archives-page"><div class="theme-vdoing-wrapper"><h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">
|
||||
归档
|
||||
</h1> <div class="count">
|
||||
总共 <i>0</i> 篇文章
|
||||
@@ -35,6 +35,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{342:function(t,s,a){"use strict";a.r(s);var n=a(7),e=Object(n.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("温馨提示")]),t._v(" "),s("p",[t._v("点击右侧图标页面,对应的图标,即可复制类名:"),s("code",[t._v("cuIcon-图标名称")])])]),t._v(" "),s("h2",{attrs:{id:"引入样式"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#引入样式"}},[t._v("#")]),t._v(" 引入样式")]),t._v(" "),s("p",[t._v("编辑 "),s("code",[t._v("App.vue")]),t._v("文件在"),s("code",[t._v("<style>")]),t._v(" 项引入 "),s("code",[t._v("icon.css")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("style")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token style"}},[s("span",{pre:!0,attrs:{class:"token language-css"}},[t._v("\n "),s("span",{pre:!0,attrs:{class:"token atrule"}},[s("span",{pre:!0,attrs:{class:"token rule"}},[t._v("@import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"colorui/main.css"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token atrule"}},[s("span",{pre:!0,attrs:{class:"token rule"}},[t._v("@import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"colorui/icon.css"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),t._v("\n")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("style")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])]),s("h2",{attrs:{id:"使用语法"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#使用语法"}},[t._v("#")]),t._v(" 使用语法")]),t._v(" "),s("div",{staticClass:"language-html extra-class"},[s("pre",{pre:!0,attrs:{class:"language-html"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("标签")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("cuIcon-图标名称"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("标签")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])])])}),[],!1,null,null,null);s.default=e.exports}}]);
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{343:function(t,s,a){"use strict";a.r(s);var n=a(7),e=Object(n.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("温馨提示")]),t._v(" "),s("p",[t._v("点击右侧图标页面,对应的图标,即可复制类名:"),s("code",[t._v("cuIcon-图标名称")])])]),t._v(" "),s("h2",{attrs:{id:"引入样式"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#引入样式"}},[t._v("#")]),t._v(" 引入样式")]),t._v(" "),s("p",[t._v("编辑 "),s("code",[t._v("App.vue")]),t._v("文件在"),s("code",[t._v("<style>")]),t._v(" 项引入 "),s("code",[t._v("icon.css")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("style")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token style"}},[s("span",{pre:!0,attrs:{class:"token language-css"}},[t._v("\n "),s("span",{pre:!0,attrs:{class:"token atrule"}},[s("span",{pre:!0,attrs:{class:"token rule"}},[t._v("@import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"colorui/main.css"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token atrule"}},[s("span",{pre:!0,attrs:{class:"token rule"}},[t._v("@import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"colorui/icon.css"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),t._v("\n")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("style")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])]),s("h2",{attrs:{id:"使用语法"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#使用语法"}},[t._v("#")]),t._v(" 使用语法")]),t._v(" "),s("div",{staticClass:"language-html extra-class"},[s("pre",{pre:!0,attrs:{class:"language-html"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("标签")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("cuIcon-图标名称"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("标签")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])])])}),[],!1,null,null,null);s.default=e.exports}}]);
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
1
docs/.vuepress/dist/assets/js/25.96bbab41.js
vendored
1
docs/.vuepress/dist/assets/js/25.96bbab41.js
vendored
@@ -1 +0,0 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[25],{354:function(t,s,a){"use strict";a.r(s);var e=a(7),r=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置:"),s("code",[t._v("/pages/component/form")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=r.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/25.fcf0e5b0.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/25.fcf0e5b0.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
docs/.vuepress/dist/assets/js/26.24fadaff.js
vendored
1
docs/.vuepress/dist/assets/js/26.24fadaff.js
vendored
@@ -1 +0,0 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[26],{357:function(t,s,a){"use strict";a.r(s);var e=a(7),l=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置:"),s("code",[t._v("/pages/component/timeline")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=l.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/26.ad3d9337.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/26.ad3d9337.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
docs/.vuepress/dist/assets/js/27.31520831.js
vendored
1
docs/.vuepress/dist/assets/js/27.31520831.js
vendored
@@ -1 +0,0 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[27],{355:function(t,s,a){"use strict";a.r(s);var e=a(7),l=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置:"),s("code",[t._v("/pages/component/chat")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=l.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/27.a51b4d48.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/27.a51b4d48.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
docs/.vuepress/dist/assets/js/28.2a118694.js
vendored
1
docs/.vuepress/dist/assets/js/28.2a118694.js
vendored
@@ -1 +0,0 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[28],{356:function(t,s,a){"use strict";a.r(s);var e=a(7),r=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置:"),s("code",[t._v("/pages/component/swiper")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=r.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/28.8d4e487e.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/28.8d4e487e.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[30],{361:function(t,s,a){"use strict";a.r(s);var e=a(7),l=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置:"),s("code",[t._v("/pages/component/steps")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=l.exports}}]);
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[30],{360:function(t,s,a){"use strict";a.r(s);var e=a(7),l=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置:"),s("code",[t._v("/pages/component/steps")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=l.exports}}]);
|
||||
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[31],{366:function(s,t,a){"use strict";a.r(t);var e=a(7),l=Object(e.a)({},(function(){var s=this,t=s._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("h2",{attrs:{id:"操作条"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[s._v("#")]),s._v(" 操作条")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点此查看页面源代码")]),s._v(" "),t("p",[s._v("页面位置:"),t("code",[s._v("/pages/plugin/indexes")])]),s._v(" "),t("div",{staticClass:"language-vue extra-class"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code")])])])])}),[],!1,null,null,null);t.default=l.exports}}]);
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[31],{361:function(s,t,a){"use strict";a.r(t);var e=a(7),l=Object(e.a)({},(function(){var s=this,t=s._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("h2",{attrs:{id:"操作条"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[s._v("#")]),s._v(" 操作条")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点此查看页面源代码")]),s._v(" "),t("p",[s._v("页面位置:"),t("code",[s._v("/pages/plugin/indexes")])]),s._v(" "),t("div",{staticClass:"language-vue extra-class"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code")])])])])}),[],!1,null,null,null);t.default=l.exports}}]);
|
||||
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{360:function(t,s,a){"use strict";a.r(s);var e=a(7),r=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置:"),s("code",[t._v("/pages/plugin/drawer")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=r.exports}}]);
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{362:function(t,s,a){"use strict";a.r(s);var e=a(7),r=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置:"),s("code",[t._v("/pages/plugin/drawer")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=r.exports}}]);
|
||||
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[34],{362:function(t,s,a){"use strict";a.r(s);var e=a(7),l=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置:"),s("code",[t._v("/pages/plugin/verticalnav")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=l.exports}}]);
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[34],{366:function(t,s,a){"use strict";a.r(s);var e=a(7),l=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置:"),s("code",[t._v("/pages/plugin/verticalnav")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=l.exports}}]);
|
||||
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[35],{365:function(t,n,s){"use strict";s.r(n);var e=s(7),o=Object(e.a)({},(function(){return(0,this._self._c)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})}),[],!1,null,null,null);n.default=o.exports}}]);
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[35],{364:function(t,n,s){"use strict";s.r(n);var e=s(7),o=Object(e.a)({},(function(){return(0,this._self._c)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})}),[],!1,null,null,null);n.default=o.exports}}]);
|
||||
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{364:function(t,n,s){"use strict";s.r(n);var e=s(7),o=Object(e.a)({},(function(){return(0,this._self._c)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})}),[],!1,null,null,null);n.default=o.exports}}]);
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{365:function(t,n,s){"use strict";s.r(n);var e=s(7),o=Object(e.a)({},(function(){return(0,this._self._c)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})}),[],!1,null,null,null);n.default=o.exports}}]);
|
||||
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{339:function(t,r,o){"use strict";o.r(r);var e=o(7),a=Object(e.a)({},(function(){var t=this,r=t._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("div",{staticClass:"custom-block tip"},[r("p",{staticClass:"custom-block-title"},[t._v("温馨提示")]),t._v(" "),r("p",[t._v("本文档并非是官方文档,而是本人自己经常使用 Color UI,但是又找不到一个满意的文档,不如自己搭建一个文档,自己使用方便的同时也方便大家使用。")])]),t._v(" "),r("h2",{attrs:{id:"基本介绍"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#基本介绍"}},[t._v("#")]),t._v(" 基本介绍")]),t._v(" "),r("p",[t._v("Color UI 我想大家都知晓吧,我就不过多阐述了,是 "),r("strong",[t._v("文晓港")]),t._v(" 大佬开发的一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值,高度自定义的 Css 组件库.,属于出道即巅峰的史诗级大作,众所周知,万物皆可 Color UI,很多人用 Color UI 做了不少精美的项目,我也一样,在此再次感谢作者。")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/weilanwl/ColorUI",target:"_blank",rel:"noopener noreferrer"}},[t._v("ColorUI Github地址"),r("OutboundLink")],1)]),t._v(" "),r("p",[r("a",{attrs:{href:"https://ext.dcloud.net.cn/plugin?id=239",target:"_blank",rel:"noopener noreferrer"}},[t._v("ColorUI 插件市场"),r("OutboundLink")],1)]),t._v(" "),r("p",[r("a",{attrs:{href:"https://miren123.gitee.io/colorui-h5/#/",target:"_blank",rel:"noopener noreferrer"}},[t._v("ColorUI 在线展示"),r("OutboundLink")],1),t._v(" 因为右侧的h5是用iframe来嵌入的,因此字体和极小一部分的样式会有出入,文档里只做展示,比较完整的样式,点这里查看。")]),t._v(" "),r("h2",{attrs:{id:"文档说明"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#文档说明"}},[t._v("#")]),t._v(" 文档说明")]),t._v(" "),r("p",[t._v("文档左侧目录,基础元素、交互组件、插件扩展分别对应,Color UI 底部对应的三个大模块,而三个模块下二级目录,也分别对应三个页面里的模块,点击目录右侧会跳转到对应的页面。")]),t._v(" "),r("p",[t._v("在查看文档的同时,可以根据右侧预览图对比当前查看模块的预览效果")]),t._v(" "),r("h3",{attrs:{id:"视图-目录-切换"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#视图-目录-切换"}},[t._v("#")]),t._v(" 视图/目录 切换")]),t._v(" "),r("p",[t._v("点击h5预览模板左上角的切换视图,可以随心所欲切换目录/视图,方便快速定位需要查找的内容")])])}),[],!1,null,null,null);r.default=a.exports}}]);
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{336:function(t,r,o){"use strict";o.r(r);var e=o(7),s=Object(e.a)({},(function(){var t=this,r=t._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("div",{staticClass:"custom-block tip"},[r("p",{staticClass:"custom-block-title"},[t._v("温馨提示")]),t._v(" "),r("p",[t._v("本文档并非是官方文档,而是本人自己经常使用 Color UI,但是又找不到一个满意的文档,不如自己搭建一个文档,自己使用方便的同时也方便大家使用。")])]),t._v(" "),r("h2",{attrs:{id:"基本介绍"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#基本介绍"}},[t._v("#")]),t._v(" 基本介绍")]),t._v(" "),r("p",[t._v("Color UI 我想大家都知晓吧,我就不过多阐述了,是 "),r("strong",[t._v("文晓港")]),t._v(" 大佬开发的一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值,高度自定义的 Css 组件库.,属于出道即巅峰的史诗级大作,众所周知,万物皆可 Color UI,很多人用 Color UI 做了不少精美的项目,我也一样,在此再次感谢作者。")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/weilanwl/ColorUI",target:"_blank",rel:"noopener noreferrer"}},[t._v("ColorUI Github地址"),r("OutboundLink")],1)]),t._v(" "),r("p",[r("a",{attrs:{href:"https://ext.dcloud.net.cn/plugin?id=239",target:"_blank",rel:"noopener noreferrer"}},[t._v("ColorUI 插件市场"),r("OutboundLink")],1)]),t._v(" "),r("p",[r("a",{attrs:{href:"https://miren123.gitee.io/colorui-h5/#/",target:"_blank",rel:"noopener noreferrer"}},[t._v("ColorUI 在线展示"),r("OutboundLink")],1),t._v(" 因为右侧的h5是用iframe来嵌入的,因此字体和极小一部分的样式会有出入,文档里只做展示,比较完整的样式,点这里查看。")]),t._v(" "),r("p",[r("strong",[t._v("微信扫码预览h5")]),t._v(" "),r("img",{staticStyle:{zoom:"25%"},attrs:{src:"https://miren123.gitee.io/colorui-document/img/colorui-h5-code.png"}})]),t._v(" "),r("h2",{attrs:{id:"文档说明"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#文档说明"}},[t._v("#")]),t._v(" 文档说明")]),t._v(" "),r("p",[t._v("文档左侧目录,基础元素、交互组件、插件扩展分别对应,Color UI 底部对应的三个大模块,而三个模块下二级目录,也分别对应三个页面里的模块,点击目录右侧会跳转到对应的页面。")]),t._v(" "),r("p",[t._v("在查看文档的同时,可以根据右侧预览图对比当前查看模块的预览效果")]),t._v(" "),r("h3",{attrs:{id:"视图-目录-切换"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#视图-目录-切换"}},[t._v("#")]),t._v(" 视图/目录 切换")]),t._v(" "),r("p",[t._v("点击h5预览模板左上角的切换视图,可以随心所欲切换目录/视图,方便快速定位需要查找的内容")])])}),[],!1,null,null,null);r.default=s.exports}}]);
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
16
docs/.vuepress/dist/assets/js/app.3af2dee2.js
vendored
16
docs/.vuepress/dist/assets/js/app.3af2dee2.js
vendored
File diff suppressed because one or more lines are too long
16
docs/.vuepress/dist/assets/js/app.98d9df19.js
vendored
Normal file
16
docs/.vuepress/dist/assets/js/app.98d9df19.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
docs/.vuepress/dist/img/colorui-h5-code.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/colorui-h5-code.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
4
docs/.vuepress/dist/index.html
vendored
4
docs/.vuepress/dist/index.html
vendored
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/36.41463aa2.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/36.aad47f8a.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -35,6 +35,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/36.41463aa2.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/36.aad47f8a.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
6
docs/.vuepress/dist/pages/base/index.html
vendored
6
docs/.vuepress/dist/pages/base/index.html
vendored
File diff suppressed because one or more lines are too long
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/7.14247048.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/7.14247048.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -103,6 +103,6 @@ Vue<span class="token punctuation">.</span><span class="token function">componen
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/7.14247048.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/7.14247048.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/14.ee6b7794.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/14.677f7d9f.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -75,6 +75,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/14.ee6b7794.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/14.677f7d9f.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/9.c89ca94c.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/9.b3cccf5b.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">背景<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="深色背景"><a href="#深色背景" class="header-anchor">#</a> 深色背景</h2> <p>在 class 中加入 <code>bg-red|orange|...</code></p> <div class="language-css extra-class"><pre class="language-css"><code>.bg-red <span class="token comment">/* 嫣红 #e54d42 */</span>
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">背景<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="深色背景"><a href="#深色背景" class="header-anchor">#</a> 深色背景</h2> <p>在 class 中加入 <code>bg-red|orange|...</code></p> <div class="language-css extra-class"><pre class="language-css"><code>.bg-red <span class="token comment">/* 嫣红 #e54d42 */</span>
|
||||
.bg-orange <span class="token comment">/* 桔橙 #f37b1d */</span>
|
||||
.bg-yellow <span class="token comment">/* 明黄 #fbbd08 */</span>
|
||||
.bg-olive <span class="token comment">/* 橄榄 #8dc63f */</span>
|
||||
@@ -97,6 +97,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/9.c89ca94c.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/9.b3cccf5b.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/12.5a61345d.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/12.971ac3e8.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">按钮<!----></h1> <div class="theme-vdoing-content content__default"><p>在 button 上加 class <code>cu-btn</code> 即可</p> <h2 id="按钮形状"><a href="#按钮形状" class="header-anchor">#</a> 按钮形状</h2> <blockquote><p>css 代码</p></blockquote> <div class="language-css extra-class"><pre class="language-css"><code>.cu-btn 默认
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">按钮<!----></h1> <div class="theme-vdoing-content content__default"><p>在 button 上加 class <code>cu-btn</code> 即可</p> <h2 id="按钮形状"><a href="#按钮形状" class="header-anchor">#</a> 按钮形状</h2> <blockquote><p>css 代码</p></blockquote> <div class="language-css extra-class"><pre class="language-css"><code>.cu-btn 默认
|
||||
.cu-btn round 圆角
|
||||
.cu-btn cuIcon 图标按钮
|
||||
</code></pre></div><blockquote><p>演示代码</p></blockquote> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>cu-btn<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>默认<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span>
|
||||
@@ -73,6 +73,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/12.5a61345d.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/12.971ac3e8.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/11.8f891ef9.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/11.94510164.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">图标<!----></h1> <div class="theme-vdoing-content content__default"><div class="custom-block tip"><p class="custom-block-title">温馨提示</p> <p>点击右侧图标页面,对应的图标,即可复制类名:<code>cuIcon-图标名称</code></p></div> <h2 id="引入样式"><a href="#引入样式" class="header-anchor">#</a> 引入样式</h2> <p>编辑 <code>App.vue</code>文件在<code><style></code> 项引入 <code>icon.css</code></p> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>style</span><span class="token punctuation">></span></span><span class="token style"><span class="token language-css">
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">图标<!----></h1> <div class="theme-vdoing-content content__default"><div class="custom-block tip"><p class="custom-block-title">温馨提示</p> <p>点击右侧图标页面,对应的图标,即可复制类名:<code>cuIcon-图标名称</code></p></div> <h2 id="引入样式"><a href="#引入样式" class="header-anchor">#</a> 引入样式</h2> <p>编辑 <code>App.vue</code>文件在<code><style></code> 项引入 <code>icon.css</code></p> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>style</span><span class="token punctuation">></span></span><span class="token style"><span class="token language-css">
|
||||
<span class="token atrule"><span class="token rule">@import</span> <span class="token string">"colorui/main.css"</span><span class="token punctuation">;</span></span>
|
||||
<span class="token atrule"><span class="token rule">@import</span> <span class="token string">"colorui/icon.css"</span><span class="token punctuation">;</span></span>
|
||||
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>style</span><span class="token punctuation">></span></span>
|
||||
@@ -43,6 +43,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/11.8f891ef9.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/11.94510164.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/8.b5737bc4.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/8.a0cdad8d.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">布局<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="flex布局"><a href="#flex布局" class="header-anchor">#</a> Flex布局</h2> <p>父级容器的 <code>class</code> 需要加入 <code>flex</code></p> <h3 id="固定尺寸"><a href="#固定尺寸" class="header-anchor">#</a> 固定尺寸</h3> <blockquote><p>css</p></blockquote> <div class="language-css extra-class"><pre class="language-css"><code>.basis-xs 所占比例 20%
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">布局<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="flex布局"><a href="#flex布局" class="header-anchor">#</a> Flex布局</h2> <p>父级容器的 <code>class</code> 需要加入 <code>flex</code></p> <h3 id="固定尺寸"><a href="#固定尺寸" class="header-anchor">#</a> 固定尺寸</h3> <blockquote><p>css</p></blockquote> <div class="language-css extra-class"><pre class="language-css"><code>.basis-xs 所占比例 20%
|
||||
.basis-sm 所占比例 40%
|
||||
.basis-sub 所占比例 50%
|
||||
.basis-lg 所占比例 60%
|
||||
@@ -131,6 +131,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/8.b5737bc4.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/8.a0cdad8d.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/17.c9592bc4.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/17.15374680.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">加载<!----></h1> <div class="theme-vdoing-content content__default"><p>在需要设置加载的元素加上 class 类名 <code>cu-load</code>,可以设置自己喜欢的背景颜色 <code>.bg-red|...</code></p> <p>加载状态 <code>loading</code> 正在加载中,<code>over</code> 加载完成,<code>erro</code> 加载失败</p> <blockquote><p>css</p></blockquote> <div class="language- extra-class"><pre class="language-text"><code>.cu-load loading 加载中
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">加载<!----></h1> <div class="theme-vdoing-content content__default"><p>在需要设置加载的元素加上 class 类名 <code>cu-load</code>,可以设置自己喜欢的背景颜色 <code>.bg-red|...</code></p> <p>加载状态 <code>loading</code> 正在加载中,<code>over</code> 加载完成,<code>erro</code> 加载失败</p> <blockquote><p>css</p></blockquote> <div class="language- extra-class"><pre class="language-text"><code>.cu-load loading 加载中
|
||||
.cu-load over 加载结束
|
||||
.cu-load erro 加载错误
|
||||
.cu-load loading load-cuIcon 只有加载图标没有文字
|
||||
@@ -96,6 +96,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/17.c9592bc4.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/17.15374680.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/15.2c1914c5.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/15.c972ac38.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">进度条<!----></h1> <div class="theme-vdoing-content content__default"><p>父容器加上 class 类名 <code>cu-progress</code>,该容器内放一个元素加上背景 <code>.bg-red|...</code>,设置样式 <code>width: '10%'</code>,10% 就是该进度条的所占比例。</p> <p>子容器内的文字会展示在比例中间,进度条展示的时候,作者已经封装好了动画样式,因此 <code>width</code> 属性,配合动态变量即可做到好看的动画效果</p> <h2 id="进度条形状"><a href="#进度条形状" class="header-anchor">#</a> 进度条形状</h2> <blockquote><p>css 代码</p></blockquote> <div class="language-css extra-class"><pre class="language-css"><code>.cu-progress 默认
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">进度条<!----></h1> <div class="theme-vdoing-content content__default"><p>父容器加上 class 类名 <code>cu-progress</code>,该容器内放一个元素加上背景 <code>.bg-red|...</code>,设置样式 <code>width: '10%'</code>,10% 就是该进度条的所占比例。</p> <p>子容器内的文字会展示在比例中间,进度条展示的时候,作者已经封装好了动画样式,因此 <code>width</code> 属性,配合动态变量即可做到好看的动画效果</p> <h2 id="进度条形状"><a href="#进度条形状" class="header-anchor">#</a> 进度条形状</h2> <blockquote><p>css 代码</p></blockquote> <div class="language-css extra-class"><pre class="language-css"><code>.cu-progress 默认
|
||||
.cu-progress round 圆
|
||||
.cu-progress radius 椭圆
|
||||
</code></pre></div><blockquote><p>演示代码</p></blockquote> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>cu-progress<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
@@ -110,6 +110,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/15.2c1914c5.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/15.c972ac38.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/16.7a82715e.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/16.da09304c.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -60,6 +60,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/16.7a82715e.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/16.da09304c.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/13.52dfb2d7.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/13.d8c0c958.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -106,6 +106,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/13.52dfb2d7.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/13.d8c0c958.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/10.2c6b507c.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/10.9bc4e830.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">文本<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="文字大小"><a href="#文字大小" class="header-anchor">#</a> 文字大小</h2> <div class="language-css extra-class"><pre class="language-css"><code>.text-xsl 文字大小 60px 用于图标、数字等特大显示
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">文本<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="文字大小"><a href="#文字大小" class="header-anchor">#</a> 文字大小</h2> <div class="language-css extra-class"><pre class="language-css"><code>.text-xsl 文字大小 60px 用于图标、数字等特大显示
|
||||
.text-sl 文字大小 40px 用于图标、数字等较大显示
|
||||
.text-xxl 文字大小 22px 用于金额数字等信息
|
||||
.text-xl 文字大小 18px 页面大标题,用于结果页等单一信息页
|
||||
@@ -113,6 +113,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/10.2c6b507c.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/10.9bc4e830.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/18.78def283.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/18.93fef267.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">底部操作条<!----></h1> <div class="theme-vdoing-content content__default"><div class="custom-block tip"><p class="custom-block-title">温馨提示</p> <p>我们可以使用 Bar 操作条自定义项目底部的 <code>tabBar</code>,就拿官方示例代码来举例。
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">底部操作条<!----></h1> <div class="theme-vdoing-content content__default"><div class="custom-block tip"><p class="custom-block-title">温馨提示</p> <p>我们可以使用 Bar 操作条自定义项目底部的 <code>tabBar</code>,就拿官方示例代码来举例。
|
||||
想要使用自定义底部操作条的同学,需要用组件来进行封装,因此这里建议大家提前学习一下组件的封装。</p></div> <h3 id="自定义底部操作条"><a href="#自定义底部操作条" class="header-anchor">#</a> 自定义底部操作条</h3> <ol><li><p><code>pages.json</code> 文件中的 <code>tabBar</code> 不需要配置,操作条代码放在首页即可。</p></li> <li><p><code>pages.json</code> 文件中的 <code>pages</code> 数组中第一项表示应用首页,如果项目有引导页,则根据项目的逻辑来做调整。</p></li> <li><p>示例中通过变量 <code>PageCur</code> 来切换不同 <code>tabBar</code> 页面,控制 <code>tabBar</code> 图标文字的样式切换,同时也控制需要显示对应 <code>tabBar</code> 的页面(组件引入)。</p></li></ol> <details class="custom-block details"><summary>点此查看官方示例</summary> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>template</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token comment"><!-- 这三个是对应的页面 --></span>
|
||||
@@ -221,6 +221,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/18.78def283.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/18.93fef267.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/21.1aa9948a.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/21.1aa9948a.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">搜索&按钮组&输入操作条<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="搜索操作条"><a href="#搜索操作条" class="header-anchor">#</a> 搜索操作条</h2> <p>搜索操作条主要就是search-form,配合 round 和 radius 设置 input 框的样式,然后再用 fixed 固定到顶部即可。</p> <blockquote><p>演示代码</p></blockquote> <div class="language-html extra-class"><pre class="language-html"><code><span class="token comment"><!-- 第一个:搜索按钮在右边 --></span>
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">搜索&按钮组&输入操作条<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="搜索操作条"><a href="#搜索操作条" class="header-anchor">#</a> 搜索操作条</h2> <p>搜索操作条主要就是search-form,配合 round 和 radius 设置 input 框的样式,然后再用 fixed 固定到顶部即可。</p> <blockquote><p>演示代码</p></blockquote> <div class="language-html extra-class"><pre class="language-html"><code><span class="token comment"><!-- 第一个:搜索按钮在右边 --></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>cu-bar search bg-white<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>search-form round<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>text</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>cuIcon-search<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>text</span><span class="token punctuation">></span></span>
|
||||
@@ -149,6 +149,6 @@ InputBlur(e) {
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/21.1aa9948a.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/21.1aa9948a.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/19.5f011825.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/19.86d5c6c8.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">标题操作条<!----></h1> <div class="theme-vdoing-content content__default"><p>标题操作条就是纯粹的样式,右侧预览图滑到标题操作条,直接复制对应代码到项目对应的位置即可</p> <p>演示代码里有代码注释,一条对应一条,复制即可</p> <h3 id="演示代码"><a href="#演示代码" class="header-anchor">#</a> 演示代码</h3> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>box<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">标题操作条<!----></h1> <div class="theme-vdoing-content content__default"><p>标题操作条就是纯粹的样式,右侧预览图滑到标题操作条,直接复制对应代码到项目对应的位置即可</p> <p>演示代码里有代码注释,一条对应一条,复制即可</p> <h3 id="演示代码"><a href="#演示代码" class="header-anchor">#</a> 演示代码</h3> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>box<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
// 第一、二种都是标题和类似边框的组合样式,添加 border-title 类名
|
||||
// 底部样式是 text 标签的 last-child 选择器设置的,可以自定义颜色和长度
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>cu-bar bg-white<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
@@ -90,6 +90,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/19.5f011825.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/19.86d5c6c8.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/20.b480e9bf.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/20.b480e9bf.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -96,6 +96,6 @@ Vue.component('cu-custom',cuCustom)
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/20.b480e9bf.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/20.b480e9bf.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/24.7b300973.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/24.0844608f.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">卡片<!----></h1> <div class="theme-vdoing-content content__default"><p><code>cu-card</code> 卡片必选值</p> <h2 id="案例类卡片"><a href="#案例类卡片" class="header-anchor">#</a> 案例类卡片</h2> <ol><li><code>cu-card</code> 和 <code>case</code> 结合,在配合子元素的 <code>cu-item</code> 类名,写出案例类的样式</li> <li>内部其他样式可以根据其他类名自行设置,<code>cu-item</code> 自带 <code>margin:30px</code>,可以通过类名 <code>no-card</code> 去除</li> <li>卡片上面是图片展示,右上角是标签,文字悬浮于图片上</li> <li>卡片下面就是一个消息列表</li></ol> <div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>cu-card case no-card<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">卡片<!----></h1> <div class="theme-vdoing-content content__default"><p><code>cu-card</code> 卡片必选值</p> <h2 id="案例类卡片"><a href="#案例类卡片" class="header-anchor">#</a> 案例类卡片</h2> <ol><li><code>cu-card</code> 和 <code>case</code> 结合,在配合子元素的 <code>cu-item</code> 类名,写出案例类的样式</li> <li>内部其他样式可以根据其他类名自行设置,<code>cu-item</code> 自带 <code>margin:30px</code>,可以通过类名 <code>no-card</code> 去除</li> <li>卡片上面是图片展示,右上角是标签,文字悬浮于图片上</li> <li>卡片下面就是一个消息列表</li></ol> <div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>cu-card case no-card<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>cu-item shadow<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>image<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>image</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg<span class="token punctuation">"</span></span>
|
||||
@@ -134,6 +134,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/24.7b300973.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/24.0844608f.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
114
docs/.vuepress/dist/pages/component/chat/index.html
vendored
114
docs/.vuepress/dist/pages/component/chat/index.html
vendored
File diff suppressed because one or more lines are too long
451
docs/.vuepress/dist/pages/component/form/index.html
vendored
451
docs/.vuepress/dist/pages/component/form/index.html
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/29.b0521c11.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/29.b0521c11.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">模态框<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="操作条"><a href="#操作条" class="header-anchor">#</a> 操作条</h2> <details class="custom-block details"><summary>点此查看页面源代码</summary> <p>页面位置:<code>/pages/component/modal</code></p> <div class="language-vue extra-class"><pre class="language-vue"><code></code></pre></div></details></div></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2023/05/28, 18:15:33</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/component/swiper/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">轮播</div></a> <a href="/colorui-document/pages/component/steps/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">步骤条</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">模态框<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="操作条"><a href="#操作条" class="header-anchor">#</a> 操作条</h2> <details class="custom-block details"><summary>点此查看页面源代码</summary> <p>页面位置:<code>/pages/component/modal</code></p> <div class="language-vue extra-class"><pre class="language-vue"><code></code></pre></div></details></div></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2023/05/28, 18:15:33</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/component/swiper/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">轮播</div></a> <a href="/colorui-document/pages/component/steps/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">步骤条</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
←
|
||||
<a href="/colorui-document/pages/component/swiper/" class="prev">轮播</a></span> <span class="next"><a href="/colorui-document/pages/component/steps/">步骤条</a>→
|
||||
</span></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"><a href="https://gitee.com/miren123" title="Gitee" target="_blank" class="iconfont icon-gitee"></a></div>
|
||||
@@ -38,6 +38,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/29.b0521c11.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/29.b0521c11.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/22.2bf7c109.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/22.5c8e7d4a.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -18,11 +18,11 @@
|
||||
GitHub
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar-hover-trigger"></div> <aside class="sidebar" style="display:none;"><!----> <nav class="nav-links"><div class="nav-item"><a href="/colorui-document/pages/base/" class="nav-link">文档</a></div> <a href="https://github.com/weilanwl/coloruicss" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>快速开始</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/base/" class="sidebar-link">介绍</a></li><li><a href="/colorui-document/pages/baseStart/" class="sidebar-link">快速使用</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>基础元素</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/basics/layout/" class="sidebar-link">布局</a></li><li><a href="/colorui-document/pages/basics/background/" class="sidebar-link">背景</a></li><li><a href="/colorui-document/pages/basics/text/" class="sidebar-link">文本</a></li><li><a href="/colorui-document/pages/basics/icon/" class="sidebar-link">图标</a></li><li><a href="/colorui-document/pages/basics/button/" class="sidebar-link">按钮</a></li><li><a href="/colorui-document/pages/basics/tag/" class="sidebar-link">标签</a></li><li><a href="/colorui-document/pages/basics/avatar/" class="sidebar-link">头像</a></li><li><a href="/colorui-document/pages/basics/progress/" class="sidebar-link">进度条</a></li><li><a href="/colorui-document/pages/basics/shadow/" class="sidebar-link">边框阴影</a></li><li><a href="/colorui-document/pages/basics/loading/" class="sidebar-link">加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>交互组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading open"><span>操作条</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/component/bar/bottom/" class="sidebar-link">底部操作条</a></li><li><a href="/colorui-document/pages/component/bar/title/" class="sidebar-link">标题操作条</a></li><li><a href="/colorui-document/pages/component/bar/top/" class="sidebar-link">顶部操作条</a></li><li><a href="/colorui-document/pages/component/bar/search/" class="sidebar-link">搜索&按钮组&输入操作条</a></li></ul></section></li><li><a href="/colorui-document/pages/component/nav/" aria-current="page" class="active sidebar-link">导航栏</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/colorui-document/pages/component/list/" class="sidebar-link">列表</a></li><li><a href="/colorui-document/pages/component/card/" class="sidebar-link">卡片</a></li><li><a href="/colorui-document/pages/component/form/" class="sidebar-link">表单</a></li><li><a href="/colorui-document/pages/component/timeline/" class="sidebar-link">时间轴</a></li><li><a href="/colorui-document/pages/component/chat/" class="sidebar-link">聊天</a></li><li><a href="/colorui-document/pages/component/swiper/" class="sidebar-link">轮播</a></li><li><a href="/colorui-document/pages/component/modal/" class="sidebar-link">模态框</a></li><li><a href="/colorui-document/pages/component/steps/" class="sidebar-link">步骤条</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>插件扩展</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/plugin/indexes/" class="sidebar-link">索引动画</a></li><li><a href="/colorui-document/pages/plugin/animation/" class="sidebar-link">微动画</a></li><li><a href="/colorui-document/pages/plugin/drawer/" class="sidebar-link">全屏抽屉</a></li><li><a href="/colorui-document/pages/plugin/verticalnav/" class="sidebar-link">垂直导航</a></li></ul></section></li></ul> </aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper"><div title="切换视图" class="views-switch button blur theme-mode-but iconfont icon-yuedu"><ul class="select-box" style="display:none;"><li class="iconfont icon-rijianmoshi active">
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>快速开始</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/base/" class="sidebar-link">介绍</a></li><li><a href="/colorui-document/pages/baseStart/" class="sidebar-link">快速使用</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>基础元素</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/basics/layout/" class="sidebar-link">布局</a></li><li><a href="/colorui-document/pages/basics/background/" class="sidebar-link">背景</a></li><li><a href="/colorui-document/pages/basics/text/" class="sidebar-link">文本</a></li><li><a href="/colorui-document/pages/basics/icon/" class="sidebar-link">图标</a></li><li><a href="/colorui-document/pages/basics/button/" class="sidebar-link">按钮</a></li><li><a href="/colorui-document/pages/basics/tag/" class="sidebar-link">标签</a></li><li><a href="/colorui-document/pages/basics/avatar/" class="sidebar-link">头像</a></li><li><a href="/colorui-document/pages/basics/progress/" class="sidebar-link">进度条</a></li><li><a href="/colorui-document/pages/basics/shadow/" class="sidebar-link">边框阴影</a></li><li><a href="/colorui-document/pages/basics/loading/" class="sidebar-link">加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>交互组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading open"><span>操作条</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/component/bar/bottom/" class="sidebar-link">底部操作条</a></li><li><a href="/colorui-document/pages/component/bar/title/" class="sidebar-link">标题操作条</a></li><li><a href="/colorui-document/pages/component/bar/top/" class="sidebar-link">顶部操作条</a></li><li><a href="/colorui-document/pages/component/bar/search/" class="sidebar-link">搜索&按钮组&输入操作条</a></li></ul></section></li><li><a href="/colorui-document/pages/component/nav/" aria-current="page" class="active sidebar-link">导航栏</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/component/nav/#导航栏相关class" class="sidebar-link">导航栏相关class</a></li></ul></li><li><a href="/colorui-document/pages/component/list/" class="sidebar-link">列表</a></li><li><a href="/colorui-document/pages/component/card/" class="sidebar-link">卡片</a></li><li><a href="/colorui-document/pages/component/form/" class="sidebar-link">表单</a></li><li><a href="/colorui-document/pages/component/timeline/" class="sidebar-link">时间轴</a></li><li><a href="/colorui-document/pages/component/chat/" class="sidebar-link">聊天</a></li><li><a href="/colorui-document/pages/component/swiper/" class="sidebar-link">轮播</a></li><li><a href="/colorui-document/pages/component/modal/" class="sidebar-link">模态框</a></li><li><a href="/colorui-document/pages/component/steps/" class="sidebar-link">步骤条</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>插件扩展</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/plugin/indexes/" class="sidebar-link">索引动画</a></li><li><a href="/colorui-document/pages/plugin/animation/" class="sidebar-link">微动画</a></li><li><a href="/colorui-document/pages/plugin/drawer/" class="sidebar-link">全屏抽屉</a></li><li><a href="/colorui-document/pages/plugin/verticalnav/" class="sidebar-link">垂直导航</a></li></ul></section></li></ul> </aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper"><div title="切换视图" class="views-switch button blur theme-mode-but iconfont icon-yuedu"><ul class="select-box" style="display:none;"><li class="iconfont icon-rijianmoshi active">
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">导航栏<!----></h1> <div class="theme-vdoing-content content__default"><p>nav 导航栏是结合 uni-app 的 scroll-view 标签设计出来的,使用的时候一些属性可以参考一下 <a href="https://uniapp.dcloud.io/component/scroll-view" target="_blank" rel="noopener noreferrer">uni-app 的文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>,类名 nav 和 cu-item 是必选值</p> <h3 id="默认"><a href="#默认" class="header-anchor">#</a> 默认</h3> <p>通过一个变量来控制当前已选中的tab</p> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>scroll-view</span> <span class="token attr-name">scroll-x</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-white nav<span class="token punctuation">"</span></span> <span class="token attr-name">scroll-with-animation</span> <span class="token attr-name">:scroll-left</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>scrollLeft<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">导航栏<!----></h1> <div class="theme-vdoing-content content__default"><p>nav 导航栏是结合 uni-app 的 scroll-view 标签设计出来的,使用的时候一些属性可以参考一下 <a href="https://uniapp.dcloud.io/component/scroll-view" target="_blank" rel="noopener noreferrer">uni-app 的文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>,类名 nav 和 cu-item 是必选值</p> <h3 id="默认"><a href="#默认" class="header-anchor">#</a> 默认</h3> <p>通过一个变量来控制当前已选中的tab</p> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>scroll-view</span> <span class="token attr-name">scroll-x</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-white nav<span class="token punctuation">"</span></span> <span class="token attr-name">scroll-with-animation</span> <span class="token attr-name">:scroll-left</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>scrollLeft<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>cu-item<span class="token punctuation">"</span></span> <span class="token attr-name">:class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>index==TabCur?'text-green cur':''<span class="token punctuation">"</span></span> <span class="token attr-name">v-for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>(item,index) in 10<span class="token punctuation">"</span></span> <span class="token attr-name">:key</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>index<span class="token punctuation">"</span></span> <span class="token attr-name">@tap</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tabSelect<span class="token punctuation">"</span></span> <span class="token attr-name">:data-id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>index<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
Tab{{index}}
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
@@ -72,7 +72,7 @@
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>text</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>cuIcon-clothesfill<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>text</span><span class="token punctuation">></span></span> 皮肤
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>scroll-view</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div></div></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2023/06/07, 23:32:56</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/component/bar/search/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">搜索&按钮组&输入操作条</div></a> <a href="/colorui-document/pages/component/list/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">列表</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
</code></pre></div><h2 id="导航栏相关class"><a href="#导航栏相关class" class="header-anchor">#</a> 导航栏相关class</h2> <table><thead><tr><th>class</th> <th>说明</th> <th>可选值</th></tr></thead> <tbody><tr><td>nav</td> <td>导航栏必选值</td> <td>——</td></tr> <tr><td>cu-item</td> <td>导航栏子元素</td> <td>——</td></tr> <tr><td>flex</td> <td>flex布局</td> <td>——</td></tr> <tr><td>flex-sub</td> <td>flex:1,平分</td> <td>——</td></tr> <tr><td>text-center</td> <td>居中</td> <td>——</td></tr></tbody></table></div></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2023/06/07, 23:32:56</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/component/bar/search/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">搜索&按钮组&输入操作条</div></a> <a href="/colorui-document/pages/component/list/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">列表</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
←
|
||||
<a href="/colorui-document/pages/component/bar/search/" class="prev">搜索&按钮组&输入操作条</a></span> <span class="next"><a href="/colorui-document/pages/component/list/">列表</a>→
|
||||
</span></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"><a href="https://gitee.com/miren123" title="Gitee" target="_blank" class="iconfont icon-gitee"></a></div>
|
||||
@@ -88,6 +88,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/22.2bf7c109.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/22.5c8e7d4a.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/30.2daabb12.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/30.6b55ac5f.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">步骤条<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="操作条"><a href="#操作条" class="header-anchor">#</a> 操作条</h2> <details class="custom-block details"><summary>点此查看页面源代码</summary> <p>页面位置:<code>/pages/component/steps</code></p> <div class="language-vue extra-class"><pre class="language-vue"><code></code></pre></div></details></div></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2023/05/28, 18:15:33</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/component/modal/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">模态框</div></a> <a href="/colorui-document/pages/plugin/indexes/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">索引动画</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">步骤条<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="操作条"><a href="#操作条" class="header-anchor">#</a> 操作条</h2> <details class="custom-block details"><summary>点此查看页面源代码</summary> <p>页面位置:<code>/pages/component/steps</code></p> <div class="language-vue extra-class"><pre class="language-vue"><code></code></pre></div></details></div></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2023/05/28, 18:15:33</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/component/modal/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">模态框</div></a> <a href="/colorui-document/pages/plugin/indexes/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">索引动画</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
←
|
||||
<a href="/colorui-document/pages/component/modal/" class="prev">模态框</a></span> <span class="next"><a href="/colorui-document/pages/plugin/indexes/">索引动画</a>→
|
||||
</span></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"><a href="https://gitee.com/miren123" title="Gitee" target="_blank" class="iconfont icon-gitee"></a></div>
|
||||
@@ -38,6 +38,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/30.2daabb12.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/30.6b55ac5f.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/32.e86ce51e.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/32.e86ce51e.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -38,6 +38,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/32.e86ce51e.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/32.e86ce51e.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/33.e61116b9.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/33.4a1b8e35.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">全屏抽屉<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="操作条"><a href="#操作条" class="header-anchor">#</a> 操作条</h2> <details class="custom-block details"><summary>点此查看页面源代码</summary> <p>页面位置:<code>/pages/plugin/drawer</code></p> <div class="language-vue extra-class"><pre class="language-vue"><code></code></pre></div></details></div></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2023/05/28, 18:15:33</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/plugin/animation/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">微动画</div></a> <a href="/colorui-document/pages/plugin/verticalnav/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">垂直导航</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">全屏抽屉<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="操作条"><a href="#操作条" class="header-anchor">#</a> 操作条</h2> <details class="custom-block details"><summary>点此查看页面源代码</summary> <p>页面位置:<code>/pages/plugin/drawer</code></p> <div class="language-vue extra-class"><pre class="language-vue"><code></code></pre></div></details></div></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2023/05/28, 18:15:33</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/plugin/animation/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">微动画</div></a> <a href="/colorui-document/pages/plugin/verticalnav/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">垂直导航</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
←
|
||||
<a href="/colorui-document/pages/plugin/animation/" class="prev">微动画</a></span> <span class="next"><a href="/colorui-document/pages/plugin/verticalnav/">垂直导航</a>→
|
||||
</span></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"><a href="https://gitee.com/miren123" title="Gitee" target="_blank" class="iconfont icon-gitee"></a></div>
|
||||
@@ -38,6 +38,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/33.e61116b9.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/33.4a1b8e35.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/31.c9d2ae6b.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/34.664f5502.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/31.b6cd50a8.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/34.4aeb1a30.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -38,6 +38,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/31.c9d2ae6b.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/31.b6cd50a8.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.3af2dee2.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/34.664f5502.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.2c6b507c.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.5a61345d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.52dfb2d7.js"><link rel="prefetch" href="/colorui-document/assets/js/14.ee6b7794.js"><link rel="prefetch" href="/colorui-document/assets/js/15.2c1914c5.js"><link rel="prefetch" href="/colorui-document/assets/js/16.7a82715e.js"><link rel="prefetch" href="/colorui-document/assets/js/17.c9592bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/18.78def283.js"><link rel="prefetch" href="/colorui-document/assets/js/19.5f011825.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.2bf7c109.js"><link rel="prefetch" href="/colorui-document/assets/js/23.0e21233a.js"><link rel="prefetch" href="/colorui-document/assets/js/24.7b300973.js"><link rel="prefetch" href="/colorui-document/assets/js/25.96bbab41.js"><link rel="prefetch" href="/colorui-document/assets/js/26.24fadaff.js"><link rel="prefetch" href="/colorui-document/assets/js/27.31520831.js"><link rel="prefetch" href="/colorui-document/assets/js/28.2a118694.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2daabb12.js"><link rel="prefetch" href="/colorui-document/assets/js/31.c9d2ae6b.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.e61116b9.js"><link rel="prefetch" href="/colorui-document/assets/js/35.a3f9ac6f.js"><link rel="prefetch" href="/colorui-document/assets/js/36.41463aa2.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.79dc241c.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.b5737bc4.js"><link rel="prefetch" href="/colorui-document/assets/js/9.c89ca94c.js">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.9278fe0a.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.98d9df19.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.8cc7ee55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/34.4aeb1a30.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.9bc4e830.js"><link rel="prefetch" href="/colorui-document/assets/js/11.94510164.js"><link rel="prefetch" href="/colorui-document/assets/js/12.971ac3e8.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d8c0c958.js"><link rel="prefetch" href="/colorui-document/assets/js/14.677f7d9f.js"><link rel="prefetch" href="/colorui-document/assets/js/15.c972ac38.js"><link rel="prefetch" href="/colorui-document/assets/js/16.da09304c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.15374680.js"><link rel="prefetch" href="/colorui-document/assets/js/18.93fef267.js"><link rel="prefetch" href="/colorui-document/assets/js/19.86d5c6c8.js"><link rel="prefetch" href="/colorui-document/assets/js/20.b480e9bf.js"><link rel="prefetch" href="/colorui-document/assets/js/21.1aa9948a.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5c8e7d4a.js"><link rel="prefetch" href="/colorui-document/assets/js/23.027d9b1c.js"><link rel="prefetch" href="/colorui-document/assets/js/24.0844608f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.fcf0e5b0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ad3d9337.js"><link rel="prefetch" href="/colorui-document/assets/js/27.a51b4d48.js"><link rel="prefetch" href="/colorui-document/assets/js/28.8d4e487e.js"><link rel="prefetch" href="/colorui-document/assets/js/29.b0521c11.js"><link rel="prefetch" href="/colorui-document/assets/js/30.6b55ac5f.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b6cd50a8.js"><link rel="prefetch" href="/colorui-document/assets/js/32.e86ce51e.js"><link rel="prefetch" href="/colorui-document/assets/js/33.4a1b8e35.js"><link rel="prefetch" href="/colorui-document/assets/js/35.f9cf5c30.js"><link rel="prefetch" href="/colorui-document/assets/js/36.aad47f8a.js"><link rel="prefetch" href="/colorui-document/assets/js/4.c7362dbc.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.b27b47f9.js"><link rel="prefetch" href="/colorui-document/assets/js/7.14247048.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.b3cccf5b.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">垂直导航<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="操作条"><a href="#操作条" class="header-anchor">#</a> 操作条</h2> <details class="custom-block details"><summary>点此查看页面源代码</summary> <p>页面位置:<code>/pages/plugin/verticalnav</code></p> <div class="language-vue extra-class"><pre class="language-vue"><code></code></pre></div></details></div></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2023/05/28, 18:15:33</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/plugin/drawer/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">全屏抽屉</div></a> <!----></div> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">垂直导航<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="操作条"><a href="#操作条" class="header-anchor">#</a> 操作条</h2> <details class="custom-block details"><summary>点此查看页面源代码</summary> <p>页面位置:<code>/pages/plugin/verticalnav</code></p> <div class="language-vue extra-class"><pre class="language-vue"><code></code></pre></div></details></div></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2023/05/28, 18:15:33</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/plugin/drawer/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">全屏抽屉</div></a> <!----></div> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
←
|
||||
<a href="/colorui-document/pages/plugin/drawer/" class="prev">全屏抽屉</a></span> <!----></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"><a href="https://gitee.com/miren123" title="Gitee" target="_blank" class="iconfont icon-gitee"></a></div>
|
||||
Theme by
|
||||
@@ -37,6 +37,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/34.664f5502.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/2.8cc7ee55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/34.4aeb1a30.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
BIN
docs/.vuepress/public/img/colorui-h5-code.png
Normal file
BIN
docs/.vuepress/public/img/colorui-h5-code.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
@@ -19,6 +19,10 @@ Color UI 我想大家都知晓吧,我就不过多阐述了,是 **文晓港**
|
||||
|
||||
[ColorUI 在线展示](https://miren123.gitee.io/colorui-h5/#/) 因为右侧的h5是用iframe来嵌入的,因此字体和极小一部分的样式会有出入,文档里只做展示,比较完整的样式,点这里查看。
|
||||
|
||||
**微信扫码预览h5**
|
||||
<img src="https://miren123.gitee.io/colorui-document/img/colorui-h5-code.png" style="zoom:25%;" />
|
||||
|
||||
|
||||
## 文档说明
|
||||
|
||||
文档左侧目录,基础元素、交互组件、插件扩展分别对应,Color UI 底部对应的三个大模块,而三个模块下二级目录,也分别对应三个页面里的模块,点击目录右侧会跳转到对应的页面。
|
||||
|
||||
@@ -90,4 +90,14 @@ nav 导航栏是结合 uni-app 的 scroll-view 标签设计出来的,使用的
|
||||
<text class="cuIcon-clothesfill"></text> 皮肤
|
||||
</view>
|
||||
</scroll-view>
|
||||
```
|
||||
```
|
||||
|
||||
## 导航栏相关class
|
||||
|
||||
|class| 说明| 可选值|
|
||||
|--| --| --|
|
||||
|nav |导航栏必选值| ——|
|
||||
|cu-item |导航栏子元素 |——|
|
||||
|flex| flex布局| ——|
|
||||
|flex-sub |flex:1,平分| ——|
|
||||
|text-center| 居中| ——|
|
||||
@@ -331,4 +331,22 @@ SwitchSex(e) {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
```
|
||||
```
|
||||
|
||||
## 列表相关class
|
||||
|
||||
|class类名| 说明| 可选值|
|
||||
|-- | --| --|
|
||||
|cu-list |列表必选值 |——|
|
||||
|cu-item| 列表子元素| ——|
|
||||
|no-border |无边框 |——|
|
||||
|menu| 菜单列表| ——|
|
||||
|sm-border |短边框 |——|
|
||||
|card-menu| 卡片样式的菜单列表 |——|
|
||||
|arrow |右箭头 |——|
|
||||
|menu-avatar| 消息列表(带头像)| ——|
|
||||
|cu-avatar |头像 |——|
|
||||
|content| 内容| ——|
|
||||
|grayscale| 灰度(background-color: #f5f5f5)| ——|
|
||||
|cur| background-color: #fcf7e9 ||
|
||||
|move-cur| 左移(transform: translateX(-260upx))||
|
||||
@@ -5,10 +5,513 @@ permalink: /pages/component/form
|
||||
article: false
|
||||
---
|
||||
|
||||
## 操作条
|
||||
<!-- form表单是用form标签包裹,每一个子元素添加类名cu-form-group,行内自定义,title类名用于设置每行的文字说明,如果想统一宽度,像示例一样,需要自定义宽度 -->
|
||||
|
||||
::: details 点此查看页面源代码
|
||||
页面位置:`/pages/component/form`
|
||||
```vue
|
||||
## input输入框
|
||||
|
||||
1. `form` 表单最外层是用 `form` 标签包裹
|
||||
2. 每一个子元素添加类名 `cu-form-group`,行内可以自定义,`input` 标签就是输入框
|
||||
3. `title` 类名用于设置每行的文字说明,如果想统一宽度,像示例一样,需要自定义宽度
|
||||
4. **行内没有 `input` 标签的话,`title` 后面的元素定位在行内右侧,有 `input` 标签的话,标签后的元素也是在行内右侧**
|
||||
|
||||
```html
|
||||
<form>
|
||||
<view class="cu-form-group margin-top">
|
||||
<view class="title">邮件</view>
|
||||
<input placeholder="两字短标题" name="input"></input>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class="title">输入框</view>
|
||||
<input placeholder="三字标题" name="input"></input>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class="title">收货地址</view>
|
||||
<input placeholder="统一标题的宽度" name="input"></input>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class="title">收货地址</view>
|
||||
<input placeholder="输入框带个图标" name="input"></input>
|
||||
<text class='cuIcon-locationfill text-orange'></text>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class="title">验证码</view>
|
||||
<input placeholder="输入框带个按钮" name="input"></input>
|
||||
<button class='cu-btn bg-green shadow'>验证码</button>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class="title">手机号码</view>
|
||||
<input placeholder="输入框带标签" name="input"></input>
|
||||
<view class="cu-capsule radius">
|
||||
<view class='cu-tag bg-blue '>+86</view>
|
||||
<view class="cu-tag line-blue">中国大陆</view>
|
||||
</view>
|
||||
</view>
|
||||
</form>
|
||||
|
||||
<style>
|
||||
.cu-form-group .title {
|
||||
min-width: calc(4em + 15px);
|
||||
}
|
||||
</style>
|
||||
```
|
||||
:::
|
||||
|
||||
## picker选择器
|
||||
|
||||
1. 对于表单中从底部谈起的选择器,写法与上述简单的input相同,而选择器picker的使用,建议查看官方代码
|
||||
2. 后期会封装一个组件给大家用(暂无)
|
||||
|
||||
```html
|
||||
<form>
|
||||
<view class="cu-form-group margin-top">
|
||||
<view class="title">普通选择</view>
|
||||
<picker @change="PickerChange" :value="index" :range="picker">
|
||||
<view class="picker">
|
||||
{{index>-1?picker[index]:'禁止换行,超出容器部分会以 ... 方式截断'}}
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
<!-- #ifndef MP-ALIPAY -->
|
||||
<view class="cu-form-group">
|
||||
<view class="title">多列选择</view>
|
||||
<picker mode="multiSelector" @change="MultiChange" @columnchange="MultiColumnChange" :value="multiIndex" :range="multiArray">
|
||||
<view class="picker">
|
||||
{{multiArray[0][multiIndex[0]]}},{{multiArray[1][multiIndex[1]]}},{{multiArray[2][multiIndex[2]]}}
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
<view class="cu-form-group">
|
||||
<view class="title">时间选择</view>
|
||||
<picker mode="time" :value="time" start="09:01" end="21:01" @change="TimeChange">
|
||||
<view class="picker">
|
||||
{{time}}
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class="title">日期选择</view>
|
||||
<picker mode="date" :value="date" start="2015-09-01" end="2020-09-01" @change="DateChange">
|
||||
<view class="picker">
|
||||
{{date}}
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
<!-- #ifndef H5 || APP-PLUS || MP-ALIPAY -->
|
||||
<view class="cu-form-group">
|
||||
<view class="title">地址选择</view>
|
||||
<picker mode="region" @change="RegionChange" :value="region">
|
||||
<view class="picker">
|
||||
{{region[0]}},{{region[1]}},{{region[2]}}
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
</form>
|
||||
|
||||
<!-- data -->
|
||||
return {
|
||||
index: -1,
|
||||
picker: ['喵喵喵', '汪汪汪', '哼唧哼唧'],
|
||||
multiArray: [
|
||||
['无脊柱动物', '脊柱动物'],
|
||||
['扁性动物', '线形动物', '环节动物', '软体动物', '节肢动物'],
|
||||
['猪肉绦虫', '吸血虫']
|
||||
],
|
||||
<!-- 多列选择的对象形式 -->
|
||||
objectMultiArray: [
|
||||
[{
|
||||
id: 0,
|
||||
name: '无脊柱动物'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '脊柱动物'
|
||||
}
|
||||
],
|
||||
[{
|
||||
id: 0,
|
||||
name: '扁性动物'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '线形动物'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '环节动物'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: '软体动物'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: '节肢动物'
|
||||
}
|
||||
],
|
||||
[{
|
||||
id: 0,
|
||||
name: '猪肉绦虫'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '吸血虫'
|
||||
}
|
||||
]
|
||||
],
|
||||
multiIndex: [0, 0, 0],
|
||||
time: '12:01',
|
||||
date: '2018-12-25',
|
||||
region: ['广东省', '广州市', '海珠区'],
|
||||
};
|
||||
|
||||
<!-- data -->
|
||||
PickerChange(e) {
|
||||
this.index = e.detail.value
|
||||
},
|
||||
MultiChange(e) {
|
||||
this.multiIndex = e.detail.value
|
||||
},
|
||||
MultiColumnChange(e) {
|
||||
let data = {
|
||||
multiArray: this.multiArray,
|
||||
multiIndex: this.multiIndex
|
||||
};
|
||||
data.multiIndex[e.detail.column] = e.detail.value;
|
||||
switch (e.detail.column) {
|
||||
case 0:
|
||||
switch (data.multiIndex[0]) {
|
||||
case 0:
|
||||
data.multiArray[1] = ['扁性动物', '线形动物', '环节动物', '软体动物', '节肢动物'];
|
||||
data.multiArray[2] = ['猪肉绦虫', '吸血虫'];
|
||||
break;
|
||||
case 1:
|
||||
data.multiArray[1] = ['鱼', '两栖动物', '爬行动物'];
|
||||
data.multiArray[2] = ['鲫鱼', '带鱼'];
|
||||
break;
|
||||
}
|
||||
data.multiIndex[1] = 0;
|
||||
data.multiIndex[2] = 0;
|
||||
break;
|
||||
case 1:
|
||||
switch (data.multiIndex[0]) {
|
||||
case 0:
|
||||
switch (data.multiIndex[1]) {
|
||||
case 0:
|
||||
data.multiArray[2] = ['猪肉绦虫', '吸血虫'];
|
||||
break;
|
||||
case 1:
|
||||
data.multiArray[2] = ['蛔虫'];
|
||||
break;
|
||||
case 2:
|
||||
data.multiArray[2] = ['蚂蚁', '蚂蟥'];
|
||||
break;
|
||||
case 3:
|
||||
data.multiArray[2] = ['河蚌', '蜗牛', '蛞蝓'];
|
||||
break;
|
||||
case 4:
|
||||
data.multiArray[2] = ['昆虫', '甲壳动物', '蛛形动物', '多足动物'];
|
||||
break;
|
||||
}
|
||||
break;
|
||||
case 1:
|
||||
switch (data.multiIndex[1]) {
|
||||
case 0:
|
||||
data.multiArray[2] = ['鲫鱼', '带鱼'];
|
||||
break;
|
||||
case 1:
|
||||
data.multiArray[2] = ['青蛙', '娃娃鱼'];
|
||||
break;
|
||||
case 2:
|
||||
data.multiArray[2] = ['蜥蜴', '龟', '壁虎'];
|
||||
break;
|
||||
}
|
||||
break;
|
||||
}
|
||||
data.multiIndex[2] = 0;
|
||||
break;
|
||||
}
|
||||
this.multiArray = data.multiArray;
|
||||
this.multiIndex = data.multiIndex;
|
||||
},
|
||||
TimeChange(e) {
|
||||
this.time = e.detail.value
|
||||
},
|
||||
DateChange(e) {
|
||||
this.date = e.detail.value
|
||||
},
|
||||
RegionChange(e) {
|
||||
this.region = e.detail.value
|
||||
},
|
||||
<!-- css -->
|
||||
<style>
|
||||
.cu-form-group .title {
|
||||
min-width: calc(4em + 15px);
|
||||
}
|
||||
</style>
|
||||
```
|
||||
|
||||
## switch开关
|
||||
|
||||
1. 对于开关的样式,参考 `switch` 官方文档
|
||||
2. 在微信小程序上,switch的color属性不生效,想要更改开关颜色,可以用颜色类名,直接写颜色就可以
|
||||
|
||||
```html
|
||||
<form>
|
||||
<view class="cu-form-group margin-top">
|
||||
<view class="title">开关选择</view>
|
||||
<switch @change="SwitchA" :class="switchA?'checked':''" :checked="switchA?true:false"></switch>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class="title">定义颜色</view>
|
||||
<!-- #ifdef MP-ALIPAY -->
|
||||
<switch class='red' @change="SwitchB" :class="switchB?'checked':''" :checked="switchB?true:false" color="#e54d42"></switch>
|
||||
<!-- #endif -->
|
||||
|
||||
<!-- #ifndef MP-ALIPAY -->
|
||||
<switch class='red' @change="SwitchB" :class="switchB?'checked':''" :checked="switchB?true:false"></switch>
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class="title">定义图标</view>
|
||||
<switch class='switch-sex' @change="SwitchC" :class="switchC?'checked':''" :checked="switchC?true:false"></switch>
|
||||
</view>
|
||||
<!-- #ifndef MP-ALIPAY -->
|
||||
<view class="cu-form-group">
|
||||
<view class="title">方形开关</view>
|
||||
<switch class='orange radius' @change="SwitchD" :class="switchD?'checked':''" :checked="switchD?true:false"></switch>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
</form>
|
||||
|
||||
<!-- data -->
|
||||
return {
|
||||
switchA: false,
|
||||
switchB: true,
|
||||
switchC: false,
|
||||
switchD: false,
|
||||
};
|
||||
|
||||
<!-- js -->
|
||||
SwitchA(e) {
|
||||
this.switchA = e.detail.value
|
||||
},
|
||||
SwitchB(e) {
|
||||
this.switchB = e.detail.value
|
||||
},
|
||||
SwitchC(e) {
|
||||
this.switchC = e.detail.value
|
||||
},
|
||||
SwitchD(e) {
|
||||
this.switchD = e.detail.value
|
||||
},
|
||||
```
|
||||
|
||||
## radio单选框
|
||||
|
||||
1. 主要还是 `radio` 官方文档为主
|
||||
2. 更改颜色同上,使用提供的颜色类名即可
|
||||
3. 其默认样式是圆形全色中间有个√,可以通过类名radio更改形状为镂空中间一个点
|
||||
|
||||
```html
|
||||
<form>
|
||||
<radio-group class="block" @change="RadioChange">
|
||||
<view class="cu-form-group margin-top">
|
||||
<view class="title">单选操作(radio)</view>
|
||||
<radio :class="radio=='A'?'checked':''" :checked="radio=='A'?true:false" value="A"></radio>
|
||||
</view>
|
||||
<!-- #ifndef MP-ALIPAY -->
|
||||
<view class="cu-form-group">
|
||||
<view class="title">定义样式</view>
|
||||
<radio class='radio' :class="radio=='B'?'checked':''" :checked="radio=='B'?true:false" value="B"></radio>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class="title">定义颜色</view>
|
||||
<view>
|
||||
<radio class='blue radio' :class="radio=='C'?'checked':''" :checked="radio=='C'?true:false" value="C"></radio>
|
||||
<radio class='red margin-left-sm' :class="radio=='D'?'checked':''" :checked="radio=='D'?true:false" value="D"></radio>
|
||||
</view>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
</radio-group>
|
||||
</form>
|
||||
|
||||
<!-- data -->
|
||||
return {
|
||||
radio: 'A',
|
||||
};
|
||||
|
||||
<!-- js -->
|
||||
RadioChange(e) {
|
||||
this.radio = e.detail.value
|
||||
},
|
||||
```
|
||||
|
||||
|
||||
## checkbox复选框
|
||||
|
||||
1. 官方示例
|
||||
2. 更改颜色同上,使用提供的颜色类名即可
|
||||
3. 其默认样式是方形,可以通过类名 `round` 更改形状为圆形
|
||||
|
||||
```html
|
||||
<form>
|
||||
<checkbox-group class="block" @change="CheckboxChange">
|
||||
<view class="cu-form-group margin-top">
|
||||
<view class="title">复选选操作(checkbox)</view>
|
||||
<checkbox :class="checkbox[0].checked?'checked':''" :checked="checkbox[0].checked?true:false" value="A"></checkbox>
|
||||
</view>
|
||||
<!-- #ifndef MP-ALIPAY -->
|
||||
<view class="cu-form-group">
|
||||
<view class="title">定义形状</view>
|
||||
<checkbox class='round' :class="checkbox[1].checked?'checked':''" :checked="checkbox[1].checked?true:false" value="B"></checkbox>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class="title">定义颜色</view>
|
||||
<checkbox class='round blue' :class="checkbox[2].checked?'checked':''" :checked="checkbox[2].checked?true:false"
|
||||
value="C"></checkbox>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
</checkbox-group>
|
||||
</form>
|
||||
|
||||
<!-- data -->
|
||||
return {
|
||||
checkbox: [{
|
||||
value: 'A',
|
||||
checked: true
|
||||
}, {
|
||||
value: 'B',
|
||||
checked: true
|
||||
}, {
|
||||
value: 'C',
|
||||
checked: false
|
||||
}],
|
||||
};
|
||||
|
||||
<!-- js -->
|
||||
CheckboxChange(e) {
|
||||
var items = this.checkbox,
|
||||
values = e.detail.value;
|
||||
for (var i = 0, lenI = items.length; i < lenI; ++i) {
|
||||
items[i].checked = false;
|
||||
for (var j = 0, lenJ = values.length; j < lenJ; ++j) {
|
||||
if (items[i].value == values[j]) {
|
||||
items[i].checked = true;
|
||||
break
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
```
|
||||
|
||||
|
||||
## 图片上传
|
||||
|
||||
1. 官方示例
|
||||
2. `uniapp` [图片相关操作的API](https://uniapp.dcloud.net.cn/api/media/image.html#)
|
||||
|
||||
```vue
|
||||
<form>
|
||||
<view class="cu-form-group">
|
||||
<view class="grid col-4 grid-square flex-sub">
|
||||
<view class="bg-img" v-for="(item,index) in imgList" :key="index" @tap="ViewImage" :data-url="imgList[index]">
|
||||
<image :src="imgList[index]" mode="aspectFill"></image>
|
||||
<view class="cu-tag bg-red" @tap.stop="DelImg" :data-index="index">
|
||||
<text class='cuIcon-close'></text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="solids" @tap="ChooseImage" v-if="imgList.length<4">
|
||||
<text class='cuIcon-cameraadd'></text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</form>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
index: -1,
|
||||
imgList: []
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
ChooseImage() {
|
||||
uni.chooseImage({
|
||||
count: 4, //默认9
|
||||
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
|
||||
sourceType: ['album'], //从相册选择
|
||||
success: (res) => {
|
||||
if (this.imgList.length != 0) {
|
||||
this.imgList = this.imgList.concat(res.tempFilePaths)
|
||||
} else {
|
||||
this.imgList = res.tempFilePaths
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
ViewImage(e) {
|
||||
uni.previewImage({
|
||||
urls: this.imgList,
|
||||
current: e.currentTarget.dataset.url
|
||||
});
|
||||
},
|
||||
DelImg(e) {
|
||||
uni.showModal({
|
||||
title: '召唤师',
|
||||
content: '确定要删除这段回忆吗?',
|
||||
cancelText: '再看看',
|
||||
confirmText: '再见',
|
||||
success: res => {
|
||||
if (res.confirm) {
|
||||
this.imgList.splice(e.currentTarget.dataset.index, 1)
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
```
|
||||
|
||||
## 头像
|
||||
|
||||
这个样式可以用于用户修改个人资料中,修改头像
|
||||
|
||||
```html
|
||||
<form>
|
||||
<view class="cu-form-group margin-top">
|
||||
<view class="title">头像</view>
|
||||
<view class="cu-avatar radius bg-gray"></view>
|
||||
</view>
|
||||
</form>
|
||||
```
|
||||
|
||||
## 多行文本
|
||||
|
||||
```html
|
||||
<form>
|
||||
<!-- !!!!! placeholder 在ios表现有偏移 建议使用 第一种样式 -->
|
||||
<view class="cu-form-group margin-top">
|
||||
<textarea maxlength="-1" :disabled="modalName!=null" @input="textareaAInput" placeholder="多行文本输入框"></textarea>
|
||||
</view>
|
||||
<view class="cu-form-group align-start">
|
||||
<view class="title">文本框</view>
|
||||
<textarea maxlength="-1" :disabled="modalName!=null" @input="textareaBInput" placeholder="多行文本输入框"></textarea>
|
||||
</view>
|
||||
</form>
|
||||
|
||||
<!-- data -->
|
||||
return{
|
||||
modalName: null,
|
||||
}
|
||||
|
||||
<!-- js -->
|
||||
textareaAInput(e) {
|
||||
this.textareaAValue = e.detail.value
|
||||
},
|
||||
textareaBInput(e) {
|
||||
this.textareaBValue = e.detail.value
|
||||
}
|
||||
```
|
||||
@@ -5,10 +5,114 @@ permalink: /pages/component/timeline
|
||||
article: false
|
||||
---
|
||||
|
||||
## 操作条
|
||||
## 默认时间轴
|
||||
|
||||
::: details 点此查看页面源代码
|
||||
页面位置:`/pages/component/timeline`
|
||||
```vue
|
||||
1. 时间轴默认结构如下代码,对应右侧预览图第一个6-17时间轴的样式
|
||||
2. 由 `cu-timeline` 包裹 `cu-time` 和 `cu-item`,在 `item` 内编写内容,由 `content` 包裹
|
||||
|
||||
```html
|
||||
<view class="cu-timeline">
|
||||
<view class="cu-time">06-17</view>
|
||||
<view class="cu-item">
|
||||
<view class="content">
|
||||
<text>01:30</text> 【喵星】 MX-12138 已揽收,准备发往银河系
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
```
|
||||
:::
|
||||
|
||||
## 彩色时间轴
|
||||
|
||||
1. 与默认的基本格式相同,只是自定义了内容框颜色和图标
|
||||
2. 对应右侧彩色时间轴
|
||||
|
||||
```html
|
||||
<view class="cu-timeline">
|
||||
<view class="cu-time">昨天</view>
|
||||
<view class="cu-item cur cuIcon-noticefill">
|
||||
<view class="content bg-green shadow-blur">
|
||||
<text>22:22</text> 【广州市】快件已到达地球
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-item text-red cuIcon-attentionforbidfill">
|
||||
<view class="content bg-red shadow-blur">
|
||||
这是第一次,我家的铲屎官走了这么久。久到足足有三天!!
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-item text-grey cuIcon-evaluate_fill">
|
||||
<view class="content bg-grey shadow-blur">
|
||||
这是第一次,我家的铲屎官走了这么久。
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-item text-blue">
|
||||
<view class="bg-blue content">
|
||||
<text>20:00</text> 【月球】快件已到达月球,准备发往地球
|
||||
</view>
|
||||
<view class="bg-cyan content">
|
||||
<text>10:00</text> 【银河系】快件已到达银河系,准备发往月球
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
```
|
||||
|
||||
## 自定义时间轴
|
||||
|
||||
1. 上一个是简单的修改了颜色图标,这一个则是稍微复杂一点,结合之前的标签、列表等,丰富了内容
|
||||
|
||||
```html
|
||||
<view class="cu-timeline">
|
||||
<view class="cu-time">06-17</view>
|
||||
<view class="cu-item">
|
||||
<view class="content">
|
||||
<view class="cu-capsule radius">
|
||||
<view class="cu-tag bg-cyan">上午</view>
|
||||
<view class="cu-tag line-cyan">10:00</view>
|
||||
</view>
|
||||
<view class="margin-top">这是第一次,我家的铲屎官走了这么久。久到足足有三天!! 在听到他的脚步声响在楼梯间的那一刻,我简直想要破门而出,对着他狠狠地吼上10分钟,然后再看心情要不要他进门。</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-item text-blue">
|
||||
<view class="bg-blue shadow-blur content">
|
||||
<view class="cu-list menu-avatar radius">
|
||||
<view class="cu-item">
|
||||
<view class="cu-avatar round lg" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg);"></view>
|
||||
<view class="content">
|
||||
<view class="text-grey">文晓港</view>
|
||||
<view class="text-gray text-sm">
|
||||
<text class="cuIcon-infofill text-red"></text> 消息未送达</view>
|
||||
</view>
|
||||
<view class="action">
|
||||
<view class="text-grey text-xs">22:20</view>
|
||||
<view class="cu-tag round bg-grey sm">5</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<view class="cu-avatar round lg" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg);">
|
||||
<view class="cu-tag badge">99+</view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="text-grey">文晓港
|
||||
<view class="cu-tag round orange sm">SVIP</view>
|
||||
</view>
|
||||
<view class="text-gray text-sm">
|
||||
<text class="cuIcon-redpacket_fill text-red"></text> 收到红包</view>
|
||||
</view>
|
||||
<view class="action">
|
||||
<view class="text-grey text-xs">22:20</view>
|
||||
<text class="cuIcon-notice_forbid_fill text-gray"></text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
```
|
||||
|
||||
## 时间轴相关class
|
||||
|
||||
|class| 说明| 可选值|
|
||||
|--| --| --|
|
||||
|cu-timeline |时间轴必选值| ——|
|
||||
|cu-time| 时间| ——|
|
||||
|cu-item| 子元素 |——|
|
||||
|content| 内容信息| ——|
|
||||
@@ -5,10 +5,150 @@ permalink: /pages/component/chat
|
||||
article: false
|
||||
---
|
||||
|
||||
## 操作条
|
||||
`cu-chat` 聊天必选值
|
||||
|
||||
::: details 点此查看页面源代码
|
||||
页面位置:`/pages/component/chat`
|
||||
```vue
|
||||
## 基本样式
|
||||
|
||||
1. 聊天的外部大框架是 `cu-chat`
|
||||
2. `cu-item` 包裹某人的聊天信息
|
||||
3. `self` 表示右侧自己的聊天样式
|
||||
4. `main` 包含聊天内容
|
||||
5. `date` 表示消息时间
|
||||
6. `cu-info` 表示提示词
|
||||
|
||||
```html
|
||||
<view class="cu-chat">
|
||||
<view class="cu-item self">
|
||||
<view class="main">
|
||||
<view class="content bg-green shadow">
|
||||
<text>喵喵喵!喵喵喵!喵喵喵!喵喵!喵喵!!喵!喵喵喵!</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big107000.jpg);"></view>
|
||||
<view class="date">2018年3月23日 13:23</view>
|
||||
</view>
|
||||
<view class="cu-info round">对方撤回一条消息!</view>
|
||||
<view class="cu-item">
|
||||
<view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big143004.jpg);"></view>
|
||||
<view class="main">
|
||||
<view class="content shadow">
|
||||
<text>喵喵喵!喵喵喵!</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="date "> 13:23</view>
|
||||
</view>
|
||||
<view class="cu-info">
|
||||
<text class="cuIcon-roundclosefill text-red "></text> 对方拒绝了你的消息
|
||||
</view>
|
||||
<view class="cu-info">
|
||||
对方开启了好友验证,你还不是他(她)的好友。请先发送好友验证请求,对方验证通过后,才能聊天。
|
||||
<text class="text-blue">发送好友验证</text>
|
||||
</view>
|
||||
</view>
|
||||
```
|
||||
:::
|
||||
|
||||
## 其他聊天内容
|
||||
|
||||
1. 聊天内容除了语句,还有图片,语音消息,地理位置消息等
|
||||
2. `main` 包含的聊天内容不止是消息框里的,还有消息框旁边的提示图标文字等
|
||||
3. 消息框里的内容由 `content` 包裹
|
||||
|
||||
```html
|
||||
<view class="cu-chat">
|
||||
<!-- 图片 -->
|
||||
<view class="cu-item self">
|
||||
<view class="main">
|
||||
<image src="https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg" class="radius" mode="widthFix"></image>
|
||||
</view>
|
||||
<view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big107000.jpg);"></view>
|
||||
<view class="date"> 13:23</view>
|
||||
</view>
|
||||
<!-- 语音 -->
|
||||
<view class="cu-item self">
|
||||
<view class="main">
|
||||
<view class="action text-bold text-grey">
|
||||
3"
|
||||
</view>
|
||||
<view class="content shadow">
|
||||
<text class="cuIcon-sound text-xxl padding-right-xl"> </text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big107000.jpg);"></view>
|
||||
<view class="date">13:23</view>
|
||||
</view>
|
||||
<!-- 消息带图标 -->
|
||||
<view class="cu-item self">
|
||||
<view class="main">
|
||||
<view class="action">
|
||||
<text class="cuIcon-locationfill text-orange text-xxl"></text>
|
||||
</view>
|
||||
<view class="content shadow">
|
||||
喵星球,喵喵市
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big107000.jpg);"></view>
|
||||
<view class="date">13:23</view>
|
||||
</view>
|
||||
<!-- 翻译错误 -->
|
||||
<view class="cu-item">
|
||||
<view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big143004.jpg);"></view>
|
||||
<view class="main">
|
||||
<view class="content shadow">
|
||||
@#$^&**
|
||||
</view>
|
||||
<view class="action text-grey">
|
||||
<text class="cuIcon-warnfill text-red text-xxl"></text> <text class="text-sm margin-left-sm">翻译错误</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="date">13:23</view>
|
||||
</view>
|
||||
</view>
|
||||
```
|
||||
|
||||
## 发送框
|
||||
|
||||
参考操作条
|
||||
|
||||
```html
|
||||
<view class="cu-bar foot input" :style="[{bottom:InputBottom+'px'}]">
|
||||
<view class="action">
|
||||
<text class="cuIcon-sound text-grey"></text>
|
||||
</view>
|
||||
<input class="solid-bottom" :adjust-position="false" :focus="false" maxlength="300" cursor-spacing="10"
|
||||
@focus="InputFocus" @blur="InputBlur"></input>
|
||||
<view class="action">
|
||||
<text class="cuIcon-emojifill text-grey"></text>
|
||||
</view>
|
||||
<button class="cu-btn bg-green shadow">发送</button>
|
||||
</view>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
InputBottom: 0
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
InputFocus(e) {
|
||||
this.InputBottom = e.detail.height
|
||||
},
|
||||
InputBlur(e) {
|
||||
this.InputBottom = 0
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
```
|
||||
|
||||
## 聊天相关class
|
||||
|
||||
|class |说明| 可选值|
|
||||
|-- |--| --|
|
||||
|cu-chat| 聊天必选值| ——|
|
||||
|cu-item| 子元素| ——|
|
||||
|self |右侧本人的聊天样式| ——|
|
||||
|main |聊天内容| ——|
|
||||
|content| 消息框内容| ——|
|
||||
|date |消息日期 |——|
|
||||
|cu-info| 提示词 |——|
|
||||
@@ -5,10 +5,194 @@ permalink: /pages/component/swiper
|
||||
article: false
|
||||
---
|
||||
|
||||
## 操作条
|
||||
## 全屏限高轮播
|
||||
|
||||
1. 添加类名 `screen-swiper`,宽度为全屏,高度自定义
|
||||
2. 请直接参考 `swiper` [官方文档](https://uniapp.dcloud.net.cn/component/swiper.html#),可以通过类名 `square-dot` 和 `round-dot` 定义小圆点样式
|
||||
|
||||
::: details 点此查看页面源代码
|
||||
页面位置:`/pages/component/swiper`
|
||||
```vue
|
||||
<template>
|
||||
<view>
|
||||
<swiper class="screen-swiper" :class="dotStyle?'square-dot':'round-dot'" :indicator-dots="true" :circular="true"
|
||||
:autoplay="true" interval="5000" duration="500">
|
||||
<swiper-item v-for="(item,index) in swiperList" :key="index">
|
||||
<image :src="item.url" mode="aspectFill" v-if="item.type=='image'"></image>
|
||||
<video :src="item.url" autoplay loop muted :show-play-btn="false" :controls="false" objectFit="cover" v-if="item.type=='video'"></video>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
swiperList: [{
|
||||
id: 0,
|
||||
type: 'image',
|
||||
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big84000.jpg'
|
||||
}, {
|
||||
id: 1,
|
||||
type: 'image',
|
||||
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big37006.jpg',
|
||||
}, {
|
||||
id: 2,
|
||||
type: 'image',
|
||||
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big39000.jpg'
|
||||
}, {
|
||||
id: 3,
|
||||
type: 'image',
|
||||
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg'
|
||||
}],
|
||||
dotStyle: true
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
```
|
||||
:::
|
||||
|
||||
## 卡片式轮播
|
||||
|
||||
1. 在 `swiper` 标签上添加类名 `card-swiper`
|
||||
2. 在 `swiper-item` 标签内的子元素上添加类名 `swiper-item`,
|
||||
3. 示例中 `cardSwiper` 函数的主要作用是切换类名 `cur`,`cur` 的作用是实现轮播图片中间大,两边小的效果,就是 `transform的scale()`
|
||||
|
||||
```vue
|
||||
<swiper class="card-swiper" :class="dotStyle?'square-dot':'round-dot'" :indicator-dots="true" :circular="true"
|
||||
:autoplay="true" interval="5000" duration="500" @change="cardSwiper" indicator-color="#8799a3"
|
||||
indicator-active-color="#0081ff">
|
||||
<swiper-item v-for="(item,index) in swiperList" :key="index" :class="cardCur==index?'cur':''">
|
||||
<view class="swiper-item">
|
||||
<image :src="item.url" mode="aspectFill" v-if="item.type=='image'"></image>
|
||||
<video :src="item.url" autoplay loop muted :show-play-btn="false" :controls="false" objectFit="cover" v-if="item.type=='video'"></video>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
|
||||
<!-- js -->
|
||||
cardSwiper(e) {
|
||||
this.cardCur = e.detail.current
|
||||
},
|
||||
```
|
||||
|
||||
## 堆叠式轮播
|
||||
|
||||
1. 堆叠轮播是原生写的,注意类名 `tower-swiper`、`tower-item` 以及 `swiper-item` 的配合使用,这主要是通过层级的高低来显示图片的,使用时需要配合 `js` 和 `css`。
|
||||
|
||||
2. 注:这种轮播图初始化展示第一章会便宜一点,需要触动一下才会展示正常的效果,可以通过在 `onload()` 函数中给变量 `direction` 赋值解决
|
||||
|
||||
```vue
|
||||
<template>
|
||||
<view>
|
||||
<view class="tower-swiper" @touchmove="TowerMove" @touchstart="TowerStart" @touchend="TowerEnd">
|
||||
<view class="tower-item" :class="item.zIndex==1?'none':''" v-for="(item,index) in swiperList" :key="index" :style="[{'--index': item.zIndex,'--left':item.mLeft}]" :data-direction="direction">
|
||||
<view class="swiper-item">
|
||||
<image :src="item.url" mode="aspectFill" v-if="item.type=='image'"></image>
|
||||
<video :src="item.url" autoplay loop muted :show-play-btn="false" :controls="false" objectFit="cover" v-if="item.type=='video'"></video>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
swiperList: [{
|
||||
id: 0,
|
||||
type: 'image',
|
||||
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big84000.jpg'
|
||||
}, {
|
||||
id: 1,
|
||||
type: 'image',
|
||||
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big37006.jpg',
|
||||
}, {
|
||||
id: 2,
|
||||
type: 'image',
|
||||
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big39000.jpg'
|
||||
}, {
|
||||
id: 3,
|
||||
type: 'image',
|
||||
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg'
|
||||
}, {
|
||||
id: 4,
|
||||
type: 'image',
|
||||
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big25011.jpg'
|
||||
}, {
|
||||
id: 5,
|
||||
type: 'image',
|
||||
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big21016.jpg'
|
||||
}, {
|
||||
id: 6,
|
||||
type: 'image',
|
||||
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg'
|
||||
}],
|
||||
towerStart: 0,
|
||||
direction: ''
|
||||
};
|
||||
},
|
||||
onLoad() {
|
||||
this.TowerSwiper('swiperList');
|
||||
this.direction = 'left';
|
||||
// 初始化towerSwiper 传已有的数组名即可
|
||||
},
|
||||
methods: {
|
||||
// 初始化towerSwiper
|
||||
TowerSwiper(name) {
|
||||
let list = this[name];
|
||||
console.log(list)
|
||||
for (let i = 0; i < list.length; i++) {
|
||||
list[i].zIndex = parseInt(list.length / 2) + 1 - Math.abs(i - parseInt(list.length / 2))
|
||||
list[i].mLeft = i - parseInt(list.length / 2)
|
||||
}
|
||||
this.swiperList = list
|
||||
},
|
||||
// towerSwiper触摸开始
|
||||
TowerStart(e) {
|
||||
console.log(e)
|
||||
this.towerStart = e.touches[0].pageX
|
||||
},
|
||||
// towerSwiper计算方向
|
||||
TowerMove(e) {
|
||||
this.direction = e.touches[0].pageX - this.towerStart > 0 ? 'right' : 'left'
|
||||
},
|
||||
// towerSwiper计算滚动
|
||||
TowerEnd(e) {
|
||||
let direction = this.direction;
|
||||
let list = this.swiperList;
|
||||
if (direction == 'right') {
|
||||
let mLeft = list[0].mLeft;
|
||||
console.log(list[0])
|
||||
let zIndex = list[0].zIndex;
|
||||
for (let i = 1; i < this.swiperList.length; i++) {
|
||||
this.swiperList[i - 1].mLeft = this.swiperList[i].mLeft
|
||||
this.swiperList[i - 1].zIndex = this.swiperList[i].zIndex
|
||||
}
|
||||
this.swiperList[list.length - 1].mLeft = mLeft;
|
||||
this.swiperList[list.length - 1].zIndex = zIndex;
|
||||
} else {
|
||||
let mLeft = list[list.length - 1].mLeft;
|
||||
let zIndex = list[list.length - 1].zIndex;
|
||||
for (let i = this.swiperList.length - 1; i > 0; i--) {
|
||||
this.swiperList[i].mLeft = this.swiperList[i - 1].mLeft
|
||||
this.swiperList[i].zIndex = this.swiperList[i - 1].zIndex
|
||||
}
|
||||
this.swiperList[0].mLeft = mLeft;
|
||||
this.swiperList[0].zIndex = zIndex;
|
||||
}
|
||||
this.direction = ""
|
||||
this.swiperList = this.swiperList
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.tower-swiper .tower-item {
|
||||
transform: scale(calc(0.5 + var(--index) / 10));
|
||||
margin-left: calc(var(--left) * 100upx - 150upx);
|
||||
z-index: var(--index);
|
||||
}
|
||||
</style>
|
||||
```
|
||||
Reference in New Issue
Block a user