mjz update
This commit is contained in:
Vendored
+3
-3
@@ -10,11 +10,11 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<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>
|
<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.3af2dee2.js" defer></script><script src="/colorui-document/assets/js/5.ec11d5fb.js" defer></script>
|
<script src="/colorui-document/assets/js/app.98d9df19.js" defer></script><script src="/colorui-document/assets/js/5.ec11d5fb.js" defer></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+3
-3
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -18,7 +18,7 @@
|
|||||||
GitHub
|
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">
|
<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
|
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">
|
</h1> <div class="count">
|
||||||
总共 <i>0</i> 篇文章
|
总共 <i>0</i> 篇文章
|
||||||
@@ -35,6 +35,6 @@
|
|||||||
</li><li class="iconfont icon-yuedu">
|
</li><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
@@ -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}}]);
|
||||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
@@ -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}}]);
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -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}}]);
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -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}}]);
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -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}}]);
|
|
||||||
File diff suppressed because one or more lines are too long
Vendored
+1
-1
@@ -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}}]);
|
||||||
Vendored
+1
-1
@@ -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}}]);
|
||||||
Vendored
+1
-1
@@ -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}}]);
|
||||||
Vendored
+1
-1
@@ -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}}]);
|
||||||
Vendored
+1
-1
@@ -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}}]);
|
||||||
Vendored
+1
-1
@@ -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
@@ -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}}]);
|
||||||
+1
-1
File diff suppressed because one or more lines are too long
+1
-1
File diff suppressed because one or more lines are too long
-16
File diff suppressed because one or more lines are too long
+16
File diff suppressed because one or more lines are too long
BIN
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Vendored
+2
-2
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -35,6 +35,6 @@
|
|||||||
</li><li class="iconfont icon-yuedu">
|
</li><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+3
-3
File diff suppressed because one or more lines are too long
+2
-2
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<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><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+2
-2
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -75,6 +75,6 @@
|
|||||||
</li><li class="iconfont icon-yuedu">
|
</li><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+3
-3
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
视图模式
|
视图模式
|
||||||
</li><li class="iconfont icon-yejianmoshi">
|
</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-orange <span class="token comment">/* 桔橙 #f37b1d */</span>
|
||||||
.bg-yellow <span class="token comment">/* 明黄 #fbbd08 */</span>
|
.bg-yellow <span class="token comment">/* 明黄 #fbbd08 */</span>
|
||||||
.bg-olive <span class="token comment">/* 橄榄 #8dc63f */</span>
|
.bg-olive <span class="token comment">/* 橄榄 #8dc63f */</span>
|
||||||
@@ -97,6 +97,6 @@
|
|||||||
</li><li class="iconfont icon-yuedu">
|
</li><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+3
-3
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
视图模式
|
视图模式
|
||||||
</li><li class="iconfont icon-yejianmoshi">
|
</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 round 圆角
|
||||||
.cu-btn cuIcon 图标按钮
|
.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>
|
</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><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+3
-3
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
视图模式
|
视图模式
|
||||||
</li><li class="iconfont icon-yejianmoshi">
|
</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/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 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>
|
</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><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+3
-3
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
视图模式
|
视图模式
|
||||||
</li><li class="iconfont icon-yejianmoshi">
|
</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-sm 所占比例 40%
|
||||||
.basis-sub 所占比例 50%
|
.basis-sub 所占比例 50%
|
||||||
.basis-lg 所占比例 60%
|
.basis-lg 所占比例 60%
|
||||||
@@ -131,6 +131,6 @@
|
|||||||
</li><li class="iconfont icon-yuedu">
|
</li><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+3
-3
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
视图模式
|
视图模式
|
||||||
</li><li class="iconfont icon-yejianmoshi">
|
</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 over 加载结束
|
||||||
.cu-load erro 加载错误
|
.cu-load erro 加载错误
|
||||||
.cu-load loading load-cuIcon 只有加载图标没有文字
|
.cu-load loading load-cuIcon 只有加载图标没有文字
|
||||||
@@ -96,6 +96,6 @@
|
|||||||
</li><li class="iconfont icon-yuedu">
|
</li><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+3
-3
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
视图模式
|
视图模式
|
||||||
</li><li class="iconfont icon-yejianmoshi">
|
</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 round 圆
|
||||||
.cu-progress radius 椭圆
|
.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>
|
</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><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+2
-2
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -60,6 +60,6 @@
|
|||||||
</li><li class="iconfont icon-yuedu">
|
</li><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+2
-2
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -106,6 +106,6 @@
|
|||||||
</li><li class="iconfont icon-yuedu">
|
</li><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+3
-3
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
视图模式
|
视图模式
|
||||||
</li><li class="iconfont icon-yejianmoshi">
|
</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-sl 文字大小 40px 用于图标、数字等较大显示
|
||||||
.text-xxl 文字大小 22px 用于金额数字等信息
|
.text-xxl 文字大小 22px 用于金额数字等信息
|
||||||
.text-xl 文字大小 18px 页面大标题,用于结果页等单一信息页
|
.text-xl 文字大小 18px 页面大标题,用于结果页等单一信息页
|
||||||
@@ -113,6 +113,6 @@
|
|||||||
</li><li class="iconfont icon-yuedu">
|
</li><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
视图模式
|
视图模式
|
||||||
</li><li class="iconfont icon-yejianmoshi">
|
</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>
|
想要使用自定义底部操作条的同学,需要用组件来进行封装,因此这里建议大家提前学习一下组件的封装。</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 tag"><span class="token tag"><span class="token punctuation"><</span>view</span><span class="token punctuation">></span></span>
|
||||||
<span class="token comment"><!-- 这三个是对应的页面 --></span>
|
<span class="token comment"><!-- 这三个是对应的页面 --></span>
|
||||||
@@ -221,6 +221,6 @@
|
|||||||
</li><li class="iconfont icon-yuedu">
|
</li><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
视图模式
|
视图模式
|
||||||
</li><li class="iconfont icon-yejianmoshi">
|
</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>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>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>
|
<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><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
视图模式
|
视图模式
|
||||||
</li><li class="iconfont icon-yejianmoshi">
|
</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 类名
|
// 第一、二种都是标题和类似边框的组合样式,添加 border-title 类名
|
||||||
// 底部样式是 text 标签的 last-child 选择器设置的,可以自定义颜色和长度
|
// 底部样式是 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>
|
<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><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+2
-2
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -96,6 +96,6 @@ Vue.component('cu-custom',cuCustom)
|
|||||||
</li><li class="iconfont icon-yuedu">
|
</li><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+3
-3
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
视图模式
|
视图模式
|
||||||
</li><li class="iconfont icon-yejianmoshi">
|
</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>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>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>
|
<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><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+110
-4
File diff suppressed because one or more lines are too long
+447
-4
File diff suppressed because one or more lines are too long
+4
-4
File diff suppressed because one or more lines are too long
+3
-3
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
视图模式
|
视图模式
|
||||||
</li><li class="iconfont icon-yejianmoshi">
|
</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>→
|
<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>
|
</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><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+5
-5
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -18,11 +18,11 @@
|
|||||||
GitHub
|
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">
|
<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
|
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><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>
|
<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}}
|
Tab{{index}}
|
||||||
<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>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>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>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>
|
<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>→
|
<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>
|
</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><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+3
-3
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
视图模式
|
视图模式
|
||||||
</li><li class="iconfont icon-yejianmoshi">
|
</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>→
|
<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>
|
</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><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+170
-4
File diff suppressed because one or more lines are too long
+84
-4
File diff suppressed because one or more lines are too long
+2
-2
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -38,6 +38,6 @@
|
|||||||
</li><li class="iconfont icon-yuedu">
|
</li><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+3
-3
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
视图模式
|
视图模式
|
||||||
</li><li class="iconfont icon-yejianmoshi">
|
</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>→
|
<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>
|
</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><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+2
-2
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -38,6 +38,6 @@
|
|||||||
</li><li class="iconfont icon-yuedu">
|
</li><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+3
-3
@@ -10,7 +10,7 @@
|
|||||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||||
<meta name="theme-color" content="#11a8cd">
|
<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">
|
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.9278fe0a.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-mode-light">
|
<body class="theme-mode-light">
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
视图模式
|
视图模式
|
||||||
</li><li class="iconfont icon-yejianmoshi">
|
</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>
|
<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
|
Theme by
|
||||||
@@ -37,6 +37,6 @@
|
|||||||
</li><li class="iconfont icon-yuedu">
|
</li><li class="iconfont icon-yuedu">
|
||||||
阅读模式
|
阅读模式
|
||||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
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来嵌入的,因此字体和极小一部分的样式会有出入,文档里只做展示,比较完整的样式,点这里查看。
|
[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 底部对应的三个大模块,而三个模块下二级目录,也分别对应三个页面里的模块,点击目录右侧会跳转到对应的页面。
|
文档左侧目录,基础元素、交互组件、插件扩展分别对应,Color UI 底部对应的三个大模块,而三个模块下二级目录,也分别对应三个页面里的模块,点击目录右侧会跳转到对应的页面。
|
||||||
|
|||||||
@@ -91,3 +91,13 @@ nav 导航栏是结合 uni-app 的 scroll-view 标签设计出来的,使用的
|
|||||||
</view>
|
</view>
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## 导航栏相关class
|
||||||
|
|
||||||
|
|class| 说明| 可选值|
|
||||||
|
|--| --| --|
|
||||||
|
|nav |导航栏必选值| ——|
|
||||||
|
|cu-item |导航栏子元素 |——|
|
||||||
|
|flex| flex布局| ——|
|
||||||
|
|flex-sub |flex:1,平分| ——|
|
||||||
|
|text-center| 居中| ——|
|
||||||
@@ -332,3 +332,21 @@ SwitchSex(e) {
|
|||||||
}
|
}
|
||||||
</script>
|
</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))||
|
||||||
+508
-5
@@ -5,10 +5,513 @@ permalink: /pages/component/form
|
|||||||
article: false
|
article: false
|
||||||
---
|
---
|
||||||
|
|
||||||
## 操作条
|
<!-- form表单是用form标签包裹,每一个子元素添加类名cu-form-group,行内自定义,title类名用于设置每行的文字说明,如果想统一宽度,像示例一样,需要自定义宽度 -->
|
||||||
|
|
||||||
::: details 点此查看页面源代码
|
## input输入框
|
||||||
页面位置:`/pages/component/form`
|
|
||||||
```vue
|
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
|
article: false
|
||||||
---
|
---
|
||||||
|
|
||||||
## 操作条
|
## 默认时间轴
|
||||||
|
|
||||||
::: details 点此查看页面源代码
|
1. 时间轴默认结构如下代码,对应右侧预览图第一个6-17时间轴的样式
|
||||||
页面位置:`/pages/component/timeline`
|
2. 由 `cu-timeline` 包裹 `cu-time` 和 `cu-item`,在 `item` 内编写内容,由 `content` 包裹
|
||||||
```vue
|
|
||||||
|
```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| 内容信息| ——|
|
||||||
+145
-5
@@ -5,10 +5,150 @@ permalink: /pages/component/chat
|
|||||||
article: false
|
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| 提示词 |——|
|
||||||
+188
-4
@@ -5,10 +5,194 @@ permalink: /pages/component/swiper
|
|||||||
article: false
|
article: false
|
||||||
---
|
---
|
||||||
|
|
||||||
## 操作条
|
## 全屏限高轮播
|
||||||
|
|
||||||
|
1. 添加类名 `screen-swiper`,宽度为全屏,高度自定义
|
||||||
|
2. 请直接参考 `swiper` [官方文档](https://uniapp.dcloud.net.cn/component/swiper.html#),可以通过类名 `square-dot` 和 `round-dot` 定义小圆点样式
|
||||||
|
|
||||||
::: details 点此查看页面源代码
|
|
||||||
页面位置:`/pages/component/swiper`
|
|
||||||
```vue
|
```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