mjz update
This commit is contained in:
mjz
8
docs/.vuepress/dist/404.html
vendored
8
docs/.vuepress/dist/404.html
vendored
@@ -10,11 +10,11 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.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.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/2.c7d59184.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/3.f24eb86a.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.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.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/2.a7efab55.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/3.f24eb86a.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container" data-v-08abdc17><div class="theme-vdoing-content" data-v-08abdc17><span data-v-08abdc17>404</span> <blockquote data-v-08abdc17>看来我们的链接坏掉了~</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.35d52929.js" defer></script><script src="/colorui-document/assets/js/5.ec11d5fb.js" defer></script>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container" data-v-08abdc17><div class="theme-vdoing-content" data-v-08abdc17><span data-v-08abdc17>404</span> <blockquote data-v-08abdc17>这是一个Four-Oh-Four.</blockquote> <a href="/colorui-document/" class="router-link-active" data-v-08abdc17>返回首页</a></div></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/5.ec11d5fb.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
8
docs/.vuepress/dist/archives/index.html
vendored
8
docs/.vuepress/dist/archives/index.html
vendored
@@ -10,15 +10,15 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open no-sidebar"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/colorui-document/pages/base/" class="nav-link">文档</a></div> <a href="https://github.com/weilanwl/coloruicss" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar-hover-trigger"></div> <aside class="sidebar" style="display:none;"><!----> <nav class="nav-links"><div class="nav-item"><a href="/colorui-document/pages/base/" class="nav-link">文档</a></div> <a href="https://github.com/weilanwl/coloruicss" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <!----> </aside> <div class="custom-page archives-page"><div class="theme-vdoing-wrapper"><h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <!----> </aside> <div class="custom-page archives-page"><div class="theme-vdoing-wrapper"><h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">
|
||||
归档
|
||||
</h1> <div class="count">
|
||||
总共 <i>0</i> 篇文章
|
||||
@@ -35,6 +35,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{339: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],{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}}]);
|
||||
1
docs/.vuepress/dist/assets/js/12.b29ff73d.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/12.b29ff73d.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
docs/.vuepress/dist/assets/js/12.f56c57f3.js
vendored
1
docs/.vuepress/dist/assets/js/12.f56c57f3.js
vendored
File diff suppressed because one or more lines are too long
1
docs/.vuepress/dist/assets/js/13.947c862d.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/13.947c862d.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
docs/.vuepress/dist/assets/js/13.d83ee1ec.js
vendored
1
docs/.vuepress/dist/assets/js/13.d83ee1ec.js
vendored
File diff suppressed because one or more lines are too long
1
docs/.vuepress/dist/assets/js/14.13f830c2.js
vendored
1
docs/.vuepress/dist/assets/js/14.13f830c2.js
vendored
File diff suppressed because one or more lines are too long
1
docs/.vuepress/dist/assets/js/14.69493815.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/14.69493815.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
docs/.vuepress/dist/assets/js/15.018fbb3d.js
vendored
1
docs/.vuepress/dist/assets/js/15.018fbb3d.js
vendored
@@ -1 +0,0 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{345:function(s,t,a){"use strict";a.r(t);var e=a(7),r=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/basics/progress")])]),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=r.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/15.f4a625ba.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/15.f4a625ba.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
docs/.vuepress/dist/assets/js/16.689d158c.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/16.689d158c.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
docs/.vuepress/dist/assets/js/16.8957f031.js
vendored
1
docs/.vuepress/dist/assets/js/16.8957f031.js
vendored
@@ -1 +0,0 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{346: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/basics/shadow")])]),s._v(" "),t("div",{staticClass:"language-vue extra-class"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code")])])])])}),[],!1,null,null,null);t.default=l.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/17.23a3c943.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/17.23a3c943.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
docs/.vuepress/dist/assets/js/17.62e36391.js
vendored
1
docs/.vuepress/dist/assets/js/17.62e36391.js
vendored
@@ -1 +0,0 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{347: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/basics/loading")])]),s._v(" "),t("div",{staticClass:"language-vue extra-class"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code")])])])])}),[],!1,null,null,null);t.default=l.exports}}]);
|
||||
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{349: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/bar")])]),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([[18],{353: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/bar")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=r.exports}}]);
|
||||
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[19],{348: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/nav")])]),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([[19],{347: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/nav")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=l.exports}}]);
|
||||
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[20],{351: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/list")])]),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([[20],{349: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/list")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=l.exports}}]);
|
||||
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{350: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/card")])]),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([[21],{352: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/card")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=r.exports}}]);
|
||||
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[22],{353: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}}]);
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[22],{350:function(t,s,a){"use strict";a.r(s);var e=a(7),r=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置："),s("code",[t._v("/pages/component/form")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=r.exports}}]);
|
||||
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{352: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}}]);
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{351:function(t,s,a){"use strict";a.r(s);var e=a(7),l=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置："),s("code",[t._v("/pages/component/timeline")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=l.exports}}]);
|
||||
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{354: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}}]);
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{355:function(t,s,a){"use strict";a.r(s);var e=a(7),l=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置："),s("code",[t._v("/pages/component/chat")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=l.exports}}]);
|
||||
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[25],{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}}]);
|
||||
(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/swiper")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=r.exports}}]);
|
||||
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[26],{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/modal")])]),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([[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/modal")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=l.exports}}]);
|
||||
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[27],{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/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([[27],{356:function(t,s,a){"use strict";a.r(s);var e=a(7),l=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置："),s("code",[t._v("/pages/component/steps")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=l.exports}}]);
|
||||
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[29],{359: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/animation")])]),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([[29],{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/plugin/animation")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=l.exports}}]);
|
||||
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[30],{361: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([[30],{359:function(t,s,a){"use strict";a.r(s);var e=a(7),r=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置："),s("code",[t._v("/pages/plugin/drawer")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=r.exports}}]);
|
||||
@@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{338: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("每一个页面，会分别将对应的代码块展示出来，部分对应的页面最下方点击"),r("strong",[t._v("点此查看页面原代码")]),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),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}}]);
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
6
docs/.vuepress/dist/index.html
vendored
6
docs/.vuepress/dist/index.html
vendored
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.ce89fd5b.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.ce89fd5b.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open no-sidebar"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" aria-current="page" class="home-link router-link-exact-active router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -35,6 +35,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/33.ce89fd5b.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/33.ce89fd5b.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
8
docs/.vuepress/dist/pages/base/index.html
vendored
8
docs/.vuepress/dist/pages/base/index.html
vendored
File diff suppressed because one or more lines are too long
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.c97b86d3.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.d0c2e76f.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">快速使用<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="素材"><a href="#素材" class="header-anchor">#</a> 素材</h2> <p>ColorUI在语雀有个群友共同在维护的知识库，里面有一些群友改的模板和UI素材供开发使用哦！ <a href="https://www.yuque.com/colorui" target="_blank" rel="noopener noreferrer">语雀-ColorUI群资源<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></p> <h2 id="前言"><a href="#前言" class="header-anchor">#</a> 前言</h2> <p>ColorUI是一个css库！！！在你引入样式后可以根据class来调用组件，一些含有交互的操作我也有简单写，可以为你开发提供一些思路。</p> <h2 id="交流"><a href="#交流" class="header-anchor">#</a> 交流</h2> <p>微信群：加入微信群请先添加开发者微信，备注UniApp插件市场。QQ群：240787041 或扫描二维码。</p> <p><a href="https://camo.githubusercontent.com/f686814edb071f1cce9f0401a5fd487c4f64b5aa8e981f080b04f255e21199c9/68747470733a2f2f636f732e636f6c6f722d75692e636f6d2f7765622f6b6d346a732e706e67" target="_blank" rel="noopener noreferrer"><img src="https://camo.githubusercontent.com/f686814edb071f1cce9f0401a5fd487c4f64b5aa8e981f080b04f255e21199c9/68747470733a2f2f636f732e636f6c6f722d75692e636f6d2f7765622f6b6d346a732e706e67" alt="img"><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></p> <h2 id="使用uniapp开发"><a href="#使用uniapp开发" class="header-anchor">#</a> 使用UniApp开发</h2> <h3 id="开始"><a href="#开始" class="header-anchor">#</a> 开始</h3> <p>下载源码解压获得<code>/Colorui-UniApp</code>文件夹，复制目录下的 <code>/colorui</code> 文件夹到你的项目根目录</p> <div class="language-vue extra-class"><pre class="language-vue"><code>App.vue` 引入关键Css `main.css` `icon.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,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>ColorUI在语雀有个群友共同在维护的知识库，里面有一些群友改的模板和UI素材供开发使用哦！ <a href="https://www.yuque.com/colorui" target="_blank" rel="noopener noreferrer">语雀-ColorUI群资源<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></p> <h2 id="前言"><a href="#前言" class="header-anchor">#</a> 前言</h2> <p>ColorUI是一个css库！！！在你引入样式后可以根据class来调用组件，一些含有交互的操作我也有简单写，可以为你开发提供一些思路。</p> <h2 id="交流"><a href="#交流" class="header-anchor">#</a> 交流</h2> <p>微信群：加入微信群请先添加开发者微信，备注UniApp插件市场。QQ群：240787041 或扫描二维码。</p> <p><a href="https://camo.githubusercontent.com/f686814edb071f1cce9f0401a5fd487c4f64b5aa8e981f080b04f255e21199c9/68747470733a2f2f636f732e636f6c6f722d75692e636f6d2f7765622f6b6d346a732e706e67" target="_blank" rel="noopener noreferrer"><img src="https://camo.githubusercontent.com/f686814edb071f1cce9f0401a5fd487c4f64b5aa8e981f080b04f255e21199c9/68747470733a2f2f636f732e636f6c6f722d75692e636f6d2f7765622f6b6d346a732e706e67" alt="img"><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></p> <h2 id="使用uniapp开发"><a href="#使用uniapp开发" class="header-anchor">#</a> 使用UniApp开发</h2> <h3 id="开始"><a href="#开始" class="header-anchor">#</a> 开始</h3> <p>下载源码解压获得<code>/Colorui-UniApp</code>文件夹，复制目录下的 <code>/colorui</code> 文件夹到你的项目根目录</p> <div class="language-vue extra-class"><pre class="language-vue"><code>App.vue` 引入关键Css `main.css` `icon.css
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>style</span><span class="token punctuation">></span></span><span class="token style"><span class="token language-css">
|
||||
<span class="token atrule"><span class="token rule">@import</span> <span class="token string">"colorui/main.css"</span><span class="token punctuation">;</span></span>
|
||||
<span class="token atrule"><span class="token rule">@import</span> <span class="token string">"colorui/icon.css"</span><span class="token punctuation">;</span></span>
|
||||
@@ -103,6 +103,6 @@ Vue<span class="token punctuation">.</span><span class="token function">componen
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/7.c97b86d3.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/7.d0c2e76f.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.13f830c2.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.69493815.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">头像<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="头像形状"><a href="#头像形状" class="header-anchor">#</a> 头像形状</h2> <blockquote><p>css 代码</p></blockquote> <div class="language-css extra-class"><pre class="language-css"><code>.cu-avatar 默认
|
||||
</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-avatar</code>，然后再设置 css 样式 <code>background-image</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-avatar 默认
|
||||
.cu-avatar round 圆
|
||||
.cu-avatar 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-avatar<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 punctuation">></span></span>
|
||||
@@ -59,7 +59,7 @@
|
||||
</code></pre></div><h2 id="头像标签"><a href="#头像标签" class="header-anchor">#</a> 头像标签</h2> <p>父容器是头像，该容器内是数字标签。</p> <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-avatar radius bg-red margin-left<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-tag badge cuIcon-male bg-blue<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 punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>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/05/28, 18:15:33</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/basics/tag/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">标签</div></a> <a href="/colorui-document/pages/basics/progress/" 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></div></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2023/05/28, 22:33:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/basics/tag/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">标签</div></a> <a href="/colorui-document/pages/basics/progress/" 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/basics/tag/" class="prev">标签</a></span> <span class="next"><a href="/colorui-document/pages/basics/progress/">进度条</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>
|
||||
@@ -75,6 +75,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/14.13f830c2.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/14.69493815.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.30ce1e2c.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.0b02b2c5.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">背景<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="深色背景"><a href="#深色背景" class="header-anchor">#</a> 深色背景</h2> <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,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>
|
||||
.bg-orange <span class="token comment">/* 桔橙 #f37b1d */</span>
|
||||
.bg-yellow <span class="token comment">/* 明黄 #fbbd08 */</span>
|
||||
.bg-olive <span class="token comment">/* 橄榄 #8dc63f */</span>
|
||||
@@ -37,7 +37,7 @@
|
||||
.bg-gray <span class="token comment">/* 草灰 #aaaaaa */</span>
|
||||
.bg-black <span class="token comment">/* 墨黑 #333333 */</span>
|
||||
.bg-white <span class="token comment">/* 雅白 #ffffff */</span>
|
||||
</code></pre></div><h2 id="浅色背景"><a href="#浅色背景" class="header-anchor">#</a> 浅色背景</h2> <p>在 class 中加入 <code>bg-Red|Orange|...</code>
|
||||
</code></pre></div><h2 id="浅色背景"><a href="#浅色背景" class="header-anchor">#</a> 浅色背景</h2> <p>在 class 中加入 <code>bg-red|orange|...</code>
|
||||
在 class 中再加入 <code>light</code></p> <div class="language-css extra-class"><pre class="language-css"><code>.light .bg-red <span class="token comment">/* 嫣红 #e54d42 */</span>
|
||||
.light .bg-orange <span class="token comment">/* 桔橙 #f37b1d */</span>
|
||||
.light .bg-yellow <span class="token comment">/* 明黄 #fbbd08 */</span>
|
||||
@@ -81,7 +81,7 @@
|
||||
下面开始
|
||||
<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>
|
||||
</code></pre></div></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/basics/layout/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">布局</div></a> <a href="/colorui-document/pages/basics/text/" 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></div></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2023/05/28, 22:38:55</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/basics/layout/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">布局</div></a> <a href="/colorui-document/pages/basics/text/" 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/basics/layout/" class="prev">布局</a></span> <span class="next"><a href="/colorui-document/pages/basics/text/">文本</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>
|
||||
@@ -97,6 +97,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/9.30ce1e2c.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/9.0b02b2c5.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.f56c57f3.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.b29ff73d.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">按钮<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="按钮形状"><a href="#按钮形状" class="header-anchor">#</a> 按钮形状</h2> <blockquote><p>css 代码</p></blockquote> <div class="language-css extra-class"><pre class="language-css"><code>.cu-btn 默认
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">按钮<!----></h1> <div class="theme-vdoing-content content__default"><p>在 button 上加 class <code>cu-btn</code> 即可</p> <h2 id="按钮形状"><a href="#按钮形状" class="header-anchor">#</a> 按钮形状</h2> <blockquote><p>css 代码</p></blockquote> <div class="language-css extra-class"><pre class="language-css"><code>.cu-btn 默认
|
||||
.cu-btn round 圆角
|
||||
.cu-btn cuIcon 图标按钮
|
||||
</code></pre></div><blockquote><p>演示代码</p></blockquote> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>cu-btn<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>默认<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span>
|
||||
@@ -57,7 +57,7 @@
|
||||
<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 block bg-black margin-tb-sm lg<span class="token punctuation">"</span></span> <span class="token attr-name">loading</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></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/basics/icon/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">图标</div></a> <a href="/colorui-document/pages/basics/tag/" 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></div></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2023/05/28, 22:33:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/basics/icon/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">图标</div></a> <a href="/colorui-document/pages/basics/tag/" 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/basics/icon/" class="prev">图标</a></span> <span class="next"><a href="/colorui-document/pages/basics/tag/">标签</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>
|
||||
@@ -73,6 +73,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/12.f56c57f3.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/12.b29ff73d.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.aa5f2866.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -43,6 +43,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/11.aa5f2866.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.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>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.4ae894e2.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">布局<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="flex布局"><a href="#flex布局" class="header-anchor">#</a> Flex布局</h2> <p>父级容器的 <code>class</code> 需要加入 <code>flex</code></p> <h3 id="固定尺寸"><a href="#固定尺寸" class="header-anchor">#</a> 固定尺寸</h3> <blockquote><p>css</p></blockquote> <div class="language-css extra-class"><pre class="language-css"><code>.basis-xs 所占比例 20%
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">布局<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="flex布局"><a href="#flex布局" class="header-anchor">#</a> Flex布局</h2> <p>父级容器的 <code>class</code> 需要加入 <code>flex</code></p> <h3 id="固定尺寸"><a href="#固定尺寸" class="header-anchor">#</a> 固定尺寸</h3> <blockquote><p>css</p></blockquote> <div class="language-css extra-class"><pre class="language-css"><code>.basis-xs 所占比例 20%
|
||||
.basis-sm 所占比例 40%
|
||||
.basis-sub 所占比例 50%
|
||||
.basis-lg 所占比例 60%
|
||||
@@ -131,6 +131,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.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>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/8.4ae894e2.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,19 +10,77 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.62e36391.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.23a3c943.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/colorui-document/pages/base/" class="nav-link">文档</a></div> <a href="https://github.com/weilanwl/coloruicss" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar-hover-trigger"></div> <aside class="sidebar" style="display:none;"><!----> <nav class="nav-links"><div class="nav-item"><a href="/colorui-document/pages/base/" class="nav-link">文档</a></div> <a href="https://github.com/weilanwl/coloruicss" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>快速开始</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/base/" class="sidebar-link">介绍</a></li><li><a href="/colorui-document/pages/baseStart/" class="sidebar-link">快速使用</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><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/" aria-current="page" class="active sidebar-link">加载</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/loading/#加载" class="sidebar-link">加载</a></li></ul></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/component/bar/" class="sidebar-link">操作条</a></li><li><a href="/colorui-document/pages/component/nav/" class="sidebar-link">导航栏</a></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 open"><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/" aria-current="page" class="active sidebar-link">加载</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/loading/#弹窗加载" class="sidebar-link">弹窗加载</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/loading/#进度条加载" class="sidebar-link">进度条加载</a></li></ul></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/component/bar/" class="sidebar-link">操作条</a></li><li><a href="/colorui-document/pages/component/nav/" class="sidebar-link">导航栏</a></li><li><a href="/colorui-document/pages/component/list/" class="sidebar-link">列表</a></li><li><a href="/colorui-document/pages/component/card/" class="sidebar-link">卡片</a></li><li><a href="/colorui-document/pages/component/form/" class="sidebar-link">表单</a></li><li><a href="/colorui-document/pages/component/timeline/" class="sidebar-link">时间轴</a></li><li><a href="/colorui-document/pages/component/chat/" class="sidebar-link">聊天</a></li><li><a href="/colorui-document/pages/component/swiper/" class="sidebar-link">轮播</a></li><li><a href="/colorui-document/pages/component/modal/" class="sidebar-link">模态框</a></li><li><a href="/colorui-document/pages/component/steps/" class="sidebar-link">步骤条</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>插件扩展</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/plugin/indexes/" class="sidebar-link">索引动画</a></li><li><a href="/colorui-document/pages/plugin/animation/" class="sidebar-link">微动画</a></li><li><a href="/colorui-document/pages/plugin/drawer/" class="sidebar-link">全屏抽屉</a></li><li><a href="/colorui-document/pages/plugin/verticalnav/" class="sidebar-link">垂直导航</a></li></ul></section></li></ul> </aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper"><div title="切换视图" class="views-switch button blur theme-mode-but iconfont icon-yuedu"><ul class="select-box" style="display:none;"><li class="iconfont icon-rijianmoshi active">
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,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/basics/loading</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/basics/shadow/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">边框阴影</div></a> <a href="/colorui-document/pages/component/bar/" 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"><p>在需要设置加载的元素加上 class <code>cu-load loading</code>，这样既是横条加载状态，可以设置自己喜欢的背景颜色 <code>.bg-red|...</code></p> <blockquote><p>css</p></blockquote> <div class="language- extra-class"><pre class="language-text"><code>.cu-load loading 加载中
|
||||
.cu-load over 加载结束
|
||||
.cu-load erro 加载错误
|
||||
.cu-load loading load-cuIcon 只有加载图标没有文字
|
||||
</code></pre></div><p>因此 <code>loading、over、erro</code>，可以动态设置配合使用</p> <p>加载的文案，是固定的，如需设置，复制 <code>main.css</code> 里的样式在当前文件改动即可</p> <blockquote><p>演示代码</p></blockquote> <div class="language-vue extra-class"><pre class="language-vue"><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-load bg-grey<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>!isLoad?'loading':'over'<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 punctuation">></span></span>
|
||||
<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-load bg-red erro<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 punctuation">></span></span>
|
||||
<span class="token comment"><!-- 预览框，可以看到自定义顶部导航栏右侧有加载转动 --></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>cu-custom</span> <span class="token attr-name">bgColor</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-gradual-blue<span class="token punctuation">"</span></span> <span class="token attr-name">:isBack</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<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>block</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>backText<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>block</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>block</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>content<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>block</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>block</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>right<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>action<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-load load-cuIcon<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>!isLoad?'loading':'over'<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 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>block</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>cu-custom</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><h2 id="弹窗加载"><a href="#弹窗加载" class="header-anchor">#</a> 弹窗加载</h2> <p>父容器加上 class <code>cu-load load-modal</code>，且用变量控制弹窗的显示与隐藏，父容器里面的内容，既是弹窗中间的内容</p> <p>可以在弹窗里面放文字、带颜色的图标、静态图片等</p> <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-load load-modal<span class="token punctuation">"</span></span> <span class="token attr-name">v-if</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>loadModal<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token comment"><!-- <view class="cuIcon-emojifill text-orange"></view> --></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>/static/logo.png<span class="token punctuation">"</span></span> <span class="token attr-name">mode</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>aspectFit<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 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>gray-text<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 punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><h2 id="进度条加载"><a href="#进度条加载" class="header-anchor">#</a> 进度条加载</h2> <p>父容器加上 class <code>load-progress show|hide</code>，动态变量控制 class <code>show 和 hide</code>，动态 style 设置距离顶部的高度 <code>top: 高度px</code></p> <p>容器里第一个就是加载的进度条，需要加上 class <code>load-progress-bar bg-green|...</code>，通过动态 style，控制进度</p> <p>容器里第二个就是右侧的加载圆圈，需要加上 class <code>load-progress-spinner text-green|...</code></p> <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-bar bg-white margin-top<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>action<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-title text-blue<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 attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>action<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 attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>cu-btn bg-green shadow<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>LoadProgress<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>
|
||||
<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>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>load-progress<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>loadProgress!=0?'show':'hide'<span class="token punctuation">"</span></span> <span class="token attr-name">:style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>[{top:CustomBar+'px'}]<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>load-progress-bar bg-green<span class="token punctuation">"</span></span> <span class="token attr-name">:style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>[{transform: 'translate3d(-' + (100-loadProgress) + '%, 0px, 0px)'}]<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 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>load-progress-spinner text-green<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 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>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
|
||||
<span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
|
||||
<span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
||||
<span class="token keyword">return</span> <span class="token punctuation">{</span>
|
||||
<span class="token literal-property property">CustomBar</span><span class="token operator">:</span> <span class="token keyword">this</span><span class="token punctuation">.</span>CustomBar<span class="token punctuation">,</span>
|
||||
<span class="token literal-property property">loadProgress</span><span class="token operator">:</span> <span class="token number">0</span>
|
||||
<span class="token punctuation">}</span><span class="token punctuation">;</span>
|
||||
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
||||
<span class="token literal-property property">methods</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
||||
<span class="token function">LoadProgress</span><span class="token punctuation">(</span><span class="token parameter">e</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
||||
<span class="token keyword">this</span><span class="token punctuation">.</span>loadProgress <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span>loadProgress <span class="token operator">+</span> <span class="token number">3</span><span class="token punctuation">;</span>
|
||||
<span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>loadProgress <span class="token operator"><</span> <span class="token number">100</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
||||
<span class="token function">setTimeout</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span>
|
||||
<span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">LoadProgress</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
|
||||
<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">100</span><span class="token punctuation">)</span>
|
||||
<span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token punctuation">{</span>
|
||||
<span class="token keyword">this</span><span class="token punctuation">.</span>loadProgress <span class="token operator">=</span> <span class="token number">0</span><span class="token punctuation">;</span>
|
||||
<span class="token punctuation">}</span>
|
||||
<span class="token punctuation">}</span>
|
||||
<span class="token punctuation">}</span>
|
||||
<span class="token punctuation">}</span>
|
||||
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</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/05/28, 18:15:33</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/basics/shadow/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">边框阴影</div></a> <a href="/colorui-document/pages/component/bar/" 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/basics/shadow/" class="prev">边框阴影</a></span> <span class="next"><a href="/colorui-document/pages/component/bar/">操作条</a>→
|
||||
</span></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"><a href="https://gitee.com/miren123" title="Gitee" target="_blank" class="iconfont icon-gitee"></a></div>
|
||||
@@ -38,6 +96,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/17.62e36391.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/17.23a3c943.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,19 +10,91 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.018fbb3d.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.f4a625ba.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/colorui-document/pages/base/" class="nav-link">文档</a></div> <a href="https://github.com/weilanwl/coloruicss" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar-hover-trigger"></div> <aside class="sidebar" style="display:none;"><!----> <nav class="nav-links"><div class="nav-item"><a href="/colorui-document/pages/base/" class="nav-link">文档</a></div> <a href="https://github.com/weilanwl/coloruicss" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>快速开始</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/base/" class="sidebar-link">介绍</a></li><li><a href="/colorui-document/pages/baseStart/" class="sidebar-link">快速使用</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><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/" aria-current="page" class="active sidebar-link">进度条</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/progress/#进度条" class="sidebar-link">进度条</a></li></ul></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"><span>交互组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/component/bar/" class="sidebar-link">操作条</a></li><li><a href="/colorui-document/pages/component/nav/" class="sidebar-link">导航栏</a></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 open"><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/" aria-current="page" class="active sidebar-link">进度条</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/progress/#进度条形状" class="sidebar-link">进度条形状</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/progress/#进度条尺寸" class="sidebar-link">进度条尺寸</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/progress/#进度条颜色" class="sidebar-link">进度条颜色</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/progress/#进度条条纹" class="sidebar-link">进度条条纹</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/progress/#进度条比列" class="sidebar-link">进度条比列</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/progress/#进度条布局" class="sidebar-link">进度条布局</a></li></ul></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"><span>交互组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/component/bar/" class="sidebar-link">操作条</a></li><li><a href="/colorui-document/pages/component/nav/" class="sidebar-link">导航栏</a></li><li><a href="/colorui-document/pages/component/list/" class="sidebar-link">列表</a></li><li><a href="/colorui-document/pages/component/card/" class="sidebar-link">卡片</a></li><li><a href="/colorui-document/pages/component/form/" class="sidebar-link">表单</a></li><li><a href="/colorui-document/pages/component/timeline/" class="sidebar-link">时间轴</a></li><li><a href="/colorui-document/pages/component/chat/" class="sidebar-link">聊天</a></li><li><a href="/colorui-document/pages/component/swiper/" class="sidebar-link">轮播</a></li><li><a href="/colorui-document/pages/component/modal/" class="sidebar-link">模态框</a></li><li><a href="/colorui-document/pages/component/steps/" class="sidebar-link">步骤条</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>插件扩展</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/plugin/indexes/" class="sidebar-link">索引动画</a></li><li><a href="/colorui-document/pages/plugin/animation/" class="sidebar-link">微动画</a></li><li><a href="/colorui-document/pages/plugin/drawer/" class="sidebar-link">全屏抽屉</a></li><li><a href="/colorui-document/pages/plugin/verticalnav/" class="sidebar-link">垂直导航</a></li></ul></section></li></ul> </aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper"><div title="切换视图" class="views-switch button blur theme-mode-but iconfont icon-yuedu"><ul class="select-box" style="display:none;"><li class="iconfont icon-rijianmoshi active">
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">进度条<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="进度条"><a href="#进度条" class="header-anchor">#</a> 进度条</h2> <details class="custom-block details"><summary>点此查看页面源代码</summary> <p>页面位置：<code>/pages/basics/progress</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/basics/avatar/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">头像</div></a> <a href="/colorui-document/pages/basics/shadow/" 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,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-progress</code>，该容器内放一个元素加上背景 <code>.bg-red|...</code>，设置样式 <code>width: '10%'</code>，10% 就是该进度条的所占比例。</p> <p>子容器内的文字会展示在比例中间，进度条展示的时候，作者已经封装好了动画样式，因此 <code>width</code> 属性，配合动态变量即可做到好看的动画效果</p> <h2 id="进度条形状"><a href="#进度条形状" class="header-anchor">#</a> 进度条形状</h2> <blockquote><p>css 代码</p></blockquote> <div class="language-css extra-class"><pre class="language-css"><code>.cu-progress 默认
|
||||
.cu-progress round 圆
|
||||
.cu-progress radius 椭圆
|
||||
</code></pre></div><blockquote><p>演示代码</p></blockquote> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>cu-progress<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<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>bg-red<span class="token punctuation">"</span></span> <span class="token attr-name">:style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>[{ width:loading?'92.8%':''}]<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>61.8%<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>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 radius margin-top<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>bg-red<span class="token punctuation">"</span></span> <span class="token attr-name">:style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>[{ width:loading?'61.8%':''}]<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>61.8%<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>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 round margin-top<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>bg-red<span class="token punctuation">"</span></span> <span class="token attr-name">:style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>[{ width:loading?'61.8%':''}]<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>61.8%<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>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
|
||||
<span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
|
||||
<span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
||||
<span class="token keyword">return</span> <span class="token punctuation">{</span>
|
||||
<span class="token literal-property property">loading</span><span class="token operator">:</span> <span class="token boolean">false</span><span class="token punctuation">,</span>
|
||||
<span class="token punctuation">}</span><span class="token punctuation">;</span>
|
||||
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
||||
<span class="token function-variable function">onLoad</span><span class="token operator">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
||||
<span class="token keyword">let</span> that <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">;</span>
|
||||
<span class="token function">setTimeout</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
||||
that<span class="token punctuation">.</span>loading <span class="token operator">=</span> <span class="token boolean">true</span>
|
||||
<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">500</span><span class="token punctuation">)</span>
|
||||
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
||||
<span class="token literal-property property">methods</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
||||
<span class="token punctuation">}</span>
|
||||
<span class="token punctuation">}</span>
|
||||
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><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 sm 小
|
||||
.cu-progress xs 较小
|
||||
</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 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>bg-red<span class="token punctuation">"</span></span> <span class="token attr-name">:style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>[{ width:loading?'61.8%':''}]<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 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 attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>cu-progress round margin-top sm<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>bg-red<span class="token punctuation">"</span></span> <span class="token attr-name">:style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>[{ width:loading?'61.8%':''}]<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 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 attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>cu-progress round margin-top xs<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>bg-red<span class="token punctuation">"</span></span> <span class="token attr-name">:style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>[{ width:loading?'61.8%':''}]<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 punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
|
||||
// 以下js代码参照 进度条形状 演示代码js
|
||||
</code></pre></div><h2 id="进度条颜色"><a href="#进度条颜色" class="header-anchor">#</a> 进度条颜色</h2> <p>子容器加上 class <code>bg-red|...</code></p> <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 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>bg-red<span class="token punctuation">"</span></span> <span class="token attr-name">:style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>[{ width:loading?'61.8%':''}]<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 punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><h2 id="进度条条纹"><a href="#进度条条纹" class="header-anchor">#</a> 进度条条纹</h2> <p>父容器加上 class <code>striped</code>，进度条就会以条纹形式展示。</p> <p>再加上 class <code>active</code>，进度条纹便以动画形式展示。</p> <blockquote><p>演示代码</p></blockquote> <div class="language-vue extra-class"><pre class="language-vue"><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-progress round striped<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>bg-green<span class="token punctuation">"</span></span> <span class="token attr-name">:style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>[{ width:loading?'60%':''}]<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 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 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 round striped active<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>bg-black<span class="token punctuation">"</span></span> <span class="token attr-name">:style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>[{ width:loading?'40%':''}]<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 punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><h2 id="进度条比列"><a href="#进度条比列" class="header-anchor">#</a> 进度条比列</h2> <p>子容器，多个元素设置不同的宽度即可</p> <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 radius striped active<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>bg-red<span class="token punctuation">"</span></span> <span class="token attr-name">:style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>[{ width:loading?'30%':''}]<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>30%<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 attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-olive<span class="token punctuation">"</span></span> <span class="token attr-name">:style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>[{ width:loading?'45%':''}]<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>45%<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 attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-cyan<span class="token punctuation">"</span></span> <span class="token attr-name">:style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>[{ width:loading?'25%':''}]<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>25%<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>
|
||||
</code></pre></div><h2 id="进度条布局"><a href="#进度条布局" class="header-anchor">#</a> 进度条布局</h2> <p>用flex布局，自定义右侧内容</p> <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>flex<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-progress 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>bg-green<span class="token punctuation">"</span></span> <span class="token attr-name">:style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>[{ width:loading?'100%':''}]<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 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>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-roundcheckfill text-green margin-left-sm<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 attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>flex margin-top<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-progress 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>bg-green<span class="token punctuation">"</span></span> <span class="token attr-name">:style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>[{ width:loading?'80%':''}]<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 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>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>margin-left<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>80%<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>
|
||||
</code></pre></div></div></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2023/05/29, 22:50:31</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/basics/avatar/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">头像</div></a> <a href="/colorui-document/pages/basics/shadow/" 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/basics/avatar/" class="prev">头像</a></span> <span class="next"><a href="/colorui-document/pages/basics/shadow/">边框阴影</a>→
|
||||
</span></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"><a href="https://gitee.com/miren123" title="Gitee" target="_blank" class="iconfont icon-gitee"></a></div>
|
||||
@@ -38,6 +110,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/15.018fbb3d.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/15.f4a625ba.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,19 +10,41 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.8957f031.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.689d158c.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/colorui-document/pages/base/" class="nav-link">文档</a></div> <a href="https://github.com/weilanwl/coloruicss" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar-hover-trigger"></div> <aside class="sidebar" style="display:none;"><!----> <nav class="nav-links"><div class="nav-item"><a href="/colorui-document/pages/base/" class="nav-link">文档</a></div> <a href="https://github.com/weilanwl/coloruicss" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>快速开始</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/base/" class="sidebar-link">介绍</a></li><li><a href="/colorui-document/pages/baseStart/" class="sidebar-link">快速使用</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><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/" aria-current="page" class="active sidebar-link">边框阴影</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/shadow/#边框阴影" class="sidebar-link">边框阴影</a></li></ul></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"><span>交互组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/component/bar/" class="sidebar-link">操作条</a></li><li><a href="/colorui-document/pages/component/nav/" class="sidebar-link">导航栏</a></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 open"><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/" aria-current="page" class="active sidebar-link">边框阴影</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/shadow/#边框" class="sidebar-link">边框</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/shadow/#阴影" class="sidebar-link">阴影</a></li></ul></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"><span>交互组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/component/bar/" class="sidebar-link">操作条</a></li><li><a href="/colorui-document/pages/component/nav/" class="sidebar-link">导航栏</a></li><li><a href="/colorui-document/pages/component/list/" class="sidebar-link">列表</a></li><li><a href="/colorui-document/pages/component/card/" class="sidebar-link">卡片</a></li><li><a href="/colorui-document/pages/component/form/" class="sidebar-link">表单</a></li><li><a href="/colorui-document/pages/component/timeline/" class="sidebar-link">时间轴</a></li><li><a href="/colorui-document/pages/component/chat/" class="sidebar-link">聊天</a></li><li><a href="/colorui-document/pages/component/swiper/" class="sidebar-link">轮播</a></li><li><a href="/colorui-document/pages/component/modal/" class="sidebar-link">模态框</a></li><li><a href="/colorui-document/pages/component/steps/" class="sidebar-link">步骤条</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>插件扩展</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/plugin/indexes/" class="sidebar-link">索引动画</a></li><li><a href="/colorui-document/pages/plugin/animation/" class="sidebar-link">微动画</a></li><li><a href="/colorui-document/pages/plugin/drawer/" class="sidebar-link">全屏抽屉</a></li><li><a href="/colorui-document/pages/plugin/verticalnav/" class="sidebar-link">垂直导航</a></li></ul></section></li></ul> </aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper"><div title="切换视图" class="views-switch button blur theme-mode-but iconfont icon-yuedu"><ul class="select-box" style="display:none;"><li class="iconfont icon-rijianmoshi active">
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">边框阴影<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="边框阴影"><a href="#边框阴影" class="header-anchor">#</a> 边框阴影</h2> <details class="custom-block details"><summary>点此查看页面源代码</summary> <p>页面位置：<code>/pages/basics/shadow</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/basics/progress/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">进度条</div></a> <a href="/colorui-document/pages/basics/loading/" 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> <p>在需要加边框的元素加上 class <code>solid</code>，加粗的就是 <code>solids</code>，然后还有单独四个不同的方向 <code>solid-top|...</code></p> <blockquote><p>css 代码</p></blockquote> <div class="language-css extra-class"><pre class="language-css"><code>.solid 四周
|
||||
.solid-top 上
|
||||
.solid-right 右
|
||||
.solid-bottom
|
||||
.solid-left
|
||||
</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>padding solid<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 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>padding solid-top<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 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>padding solid-right<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 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>padding solid-bottom<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 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>padding solid-left<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 punctuation">></span></span>
|
||||
</code></pre></div><h2 id="阴影"><a href="#阴影" class="header-anchor">#</a> 阴影</h2> <p>在需要加阴影的元素加上 class <code>shadow</code> 即可</p> <blockquote><p>css 代码</p></blockquote> <div class="language-css extra-class"><pre class="language-css"><code>.shadow 默认阴影
|
||||
.shadow bg-blue|... 根据背景颜色而改变的阴影
|
||||
.shadow shadow-lg 长阴影
|
||||
.shadow-warp 翘边阴影
|
||||
</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>padding-xl radius shadow 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 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>padding-xl radius shadow bg-blue<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 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>padding-xl radius shadow shadow-lg 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 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>padding-xl radius shadow shadow-lg bg-blue<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 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>padding-xl radius shadow-warp 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 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>padding-xl radius shadow-blur bg-red bg-img<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">background-image</span><span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>https://ossweb-img.qq.com/images/lol/web201310/skin/big91005.jpg<span class="token punctuation">)</span></span><span class="token punctuation">;</span></span><span class="token punctuation">"</span></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 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>
|
||||
</code></pre></div></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/basics/progress/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">进度条</div></a> <a href="/colorui-document/pages/basics/loading/" 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/basics/progress/" class="prev">进度条</a></span> <span class="next"><a href="/colorui-document/pages/basics/loading/">加载</a>→
|
||||
</span></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"><a href="https://gitee.com/miren123" title="Gitee" target="_blank" class="iconfont icon-gitee"></a></div>
|
||||
@@ -38,6 +60,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/16.8957f031.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/16.689d158c.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
10
docs/.vuepress/dist/pages/basics/tag/index.html
vendored
10
docs/.vuepress/dist/pages/basics/tag/index.html
vendored
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.d83ee1ec.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.947c862d.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">标签<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="标签形状"><a href="#标签形状" class="header-anchor">#</a> 标签形状</h2> <blockquote><p>css 代码</p></blockquote> <div class="language-css extra-class"><pre class="language-css"><code>.cu-tag 默认
|
||||
</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-tag</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-tag 默认
|
||||
.cu-tag round 椭圆
|
||||
.cu-tag 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-tag<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 punctuation">></span></span>
|
||||
@@ -90,7 +90,7 @@
|
||||
<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-avatar xl radius<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-tag badge<span class="token punctuation">'</span></span><span class="token punctuation">></span></span>99+<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>
|
||||
</code></pre></div></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/basics/button/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">按钮</div></a> <a href="/colorui-document/pages/basics/avatar/" 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></div></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2023/05/28, 22:33:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/basics/button/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">按钮</div></a> <a href="/colorui-document/pages/basics/avatar/" 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/basics/button/" class="prev">按钮</a></span> <span class="next"><a href="/colorui-document/pages/basics/avatar/">头像</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>
|
||||
@@ -106,6 +106,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/13.d83ee1ec.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/13.947c862d.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.aad69d60.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.aad69d60.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">文本<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="文字大小"><a href="#文字大小" class="header-anchor">#</a> 文字大小</h2> <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,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 用于图标、数字等特大显示
|
||||
.text-sl 文字大小 40px 用于图标、数字等较大显示
|
||||
.text-xxl 文字大小 22px 用于金额数字等信息
|
||||
.text-xl 文字大小 18px 页面大标题，用于结果页等单一信息页
|
||||
@@ -113,6 +113,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/10.aad69d60.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/10.aad69d60.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.a98f1855.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.d874094e.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">操作条<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="操作条"><a href="#操作条" class="header-anchor">#</a> 操作条</h2> <details class="custom-block details"><summary>点此查看页面源代码</summary> <p>页面位置：<code>/pages/component/bar</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/basics/loading/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">加载</div></a> <a href="/colorui-document/pages/component/nav/" 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,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/bar</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/basics/loading/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">加载</div></a> <a href="/colorui-document/pages/component/nav/" 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/basics/loading/" class="prev">加载</a></span> <span class="next"><a href="/colorui-document/pages/component/nav/">导航栏</a>→
|
||||
</span></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"><a href="https://gitee.com/miren123" title="Gitee" target="_blank" class="iconfont icon-gitee"></a></div>
|
||||
@@ -38,6 +38,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/18.a98f1855.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/18.d874094e.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.06009323.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.49652874.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -38,6 +38,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/21.06009323.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/21.49652874.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.4001c5ee.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.227513e2.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">聊天<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="操作条"><a href="#操作条" class="header-anchor">#</a> 操作条</h2> <details class="custom-block details"><summary>点此查看页面源代码</summary> <p>页面位置：<code>/pages/component/chat</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/timeline/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">时间轴</div></a> <a href="/colorui-document/pages/component/swiper/" 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,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/chat</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/timeline/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">时间轴</div></a> <a href="/colorui-document/pages/component/swiper/" 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/timeline/" class="prev">时间轴</a></span> <span class="next"><a href="/colorui-document/pages/component/swiper/">轮播</a>→
|
||||
</span></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"><a href="https://gitee.com/miren123" title="Gitee" target="_blank" class="iconfont icon-gitee"></a></div>
|
||||
@@ -38,6 +38,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/24.4001c5ee.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/24.227513e2.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.e9484b43.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.5b545521.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">表单<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="操作条"><a href="#操作条" class="header-anchor">#</a> 操作条</h2> <details class="custom-block details"><summary>点此查看页面源代码</summary> <p>页面位置：<code>/pages/component/form</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/card/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">卡片</div></a> <a href="/colorui-document/pages/component/timeline/" 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,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/form</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/card/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">卡片</div></a> <a href="/colorui-document/pages/component/timeline/" 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/card/" class="prev">卡片</a></span> <span class="next"><a href="/colorui-document/pages/component/timeline/">时间轴</a>→
|
||||
</span></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"><a href="https://gitee.com/miren123" title="Gitee" target="_blank" class="iconfont icon-gitee"></a></div>
|
||||
@@ -38,6 +38,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/22.e9484b43.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/22.5b545521.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.1feae6ac.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.720daaad.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">列表<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="操作条"><a href="#操作条" class="header-anchor">#</a> 操作条</h2> <details class="custom-block details"><summary>点此查看页面源代码</summary> <p>页面位置：<code>/pages/component/list</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/nav/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">导航栏</div></a> <a href="/colorui-document/pages/component/card/" 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,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/list</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/nav/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">导航栏</div></a> <a href="/colorui-document/pages/component/card/" 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/nav/" class="prev">导航栏</a></span> <span class="next"><a href="/colorui-document/pages/component/card/">卡片</a>→
|
||||
</span></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"><a href="https://gitee.com/miren123" title="Gitee" target="_blank" class="iconfont icon-gitee"></a></div>
|
||||
@@ -38,6 +38,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/20.1feae6ac.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/20.720daaad.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/26.ebf64854.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/26.f64bdd21.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">模态框<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="操作条"><a href="#操作条" class="header-anchor">#</a> 操作条</h2> <details class="custom-block details"><summary>点此查看页面源代码</summary> <p>页面位置：<code>/pages/component/modal</code></p> <div class="language-vue extra-class"><pre class="language-vue"><code></code></pre></div></details></div></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2023/05/28, 18:15:33</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/component/swiper/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">轮播</div></a> <a href="/colorui-document/pages/component/steps/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">步骤条</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">模态框<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="操作条"><a href="#操作条" class="header-anchor">#</a> 操作条</h2> <details class="custom-block details"><summary>点此查看页面源代码</summary> <p>页面位置：<code>/pages/component/modal</code></p> <div class="language-vue extra-class"><pre class="language-vue"><code></code></pre></div></details></div></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2023/05/28, 18:15:33</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/component/swiper/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">轮播</div></a> <a href="/colorui-document/pages/component/steps/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">步骤条</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
←
|
||||
<a href="/colorui-document/pages/component/swiper/" class="prev">轮播</a></span> <span class="next"><a href="/colorui-document/pages/component/steps/">步骤条</a>→
|
||||
</span></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"><a href="https://gitee.com/miren123" title="Gitee" target="_blank" class="iconfont icon-gitee"></a></div>
|
||||
@@ -38,6 +38,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/26.ebf64854.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/26.f64bdd21.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.a19b0b2a.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.8a6baa0c.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">导航栏<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="操作条"><a href="#操作条" class="header-anchor">#</a> 操作条</h2> <details class="custom-block details"><summary>点此查看页面源代码</summary> <p>页面位置：<code>/pages/component/nav</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/bar/" 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">
|
||||
</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/nav</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/bar/" 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/" 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>
|
||||
@@ -38,6 +38,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/19.a19b0b2a.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/19.8a6baa0c.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/27.049715c0.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/27.ddf9b9a3.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -38,6 +38,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/27.049715c0.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/27.ddf9b9a3.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/25.10bfca60.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/25.d7d3d64f.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -38,6 +38,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/25.10bfca60.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/25.d7d3d64f.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/23.c07daa61.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/23.634e5489.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">时间轴<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="操作条"><a href="#操作条" class="header-anchor">#</a> 操作条</h2> <details class="custom-block details"><summary>点此查看页面源代码</summary> <p>页面位置：<code>/pages/component/timeline</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/form/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">表单</div></a> <a href="/colorui-document/pages/component/chat/" 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,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/timeline</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/form/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">表单</div></a> <a href="/colorui-document/pages/component/chat/" 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/form/" class="prev">表单</a></span> <span class="next"><a href="/colorui-document/pages/component/chat/">聊天</a>→
|
||||
</span></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"><a href="https://gitee.com/miren123" title="Gitee" target="_blank" class="iconfont icon-gitee"></a></div>
|
||||
@@ -38,6 +38,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/23.c07daa61.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/23.634e5489.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.7252afd4.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.45577fb7.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">微动画<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="操作条"><a href="#操作条" class="header-anchor">#</a> 操作条</h2> <details class="custom-block details"><summary>点此查看页面源代码</summary> <p>页面位置：<code>/pages/plugin/animation</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/indexes/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">索引动画</div></a> <a href="/colorui-document/pages/plugin/drawer/" 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,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/animation</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/indexes/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">索引动画</div></a> <a href="/colorui-document/pages/plugin/drawer/" 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/indexes/" class="prev">索引动画</a></span> <span class="next"><a href="/colorui-document/pages/plugin/drawer/">全屏抽屉</a>→
|
||||
</span></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"><a href="https://gitee.com/miren123" title="Gitee" target="_blank" class="iconfont icon-gitee"></a></div>
|
||||
@@ -38,6 +38,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/29.7252afd4.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/29.45577fb7.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.c6c623e5.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.9c19b73e.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -38,6 +38,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/30.c6c623e5.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/30.9c19b73e.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/28.29db6f50.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.f24eb86a.js" as="script"><link rel="preload" href="/colorui-document/assets/js/28.29db6f50.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/31.7bc93c12.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">索引动画<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="操作条"><a href="#操作条" class="header-anchor">#</a> 操作条</h2> <details class="custom-block details"><summary>点此查看页面源代码</summary> <p>页面位置：<code>/pages/plugin/indexes</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/steps/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">步骤条</div></a> <a href="/colorui-document/pages/plugin/animation/" 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,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/indexes</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/steps/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">步骤条</div></a> <a href="/colorui-document/pages/plugin/animation/" 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/steps/" class="prev">步骤条</a></span> <span class="next"><a href="/colorui-document/pages/plugin/animation/">微动画</a>→
|
||||
</span></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"><a href="https://gitee.com/miren123" title="Gitee" target="_blank" class="iconfont icon-gitee"></a></div>
|
||||
@@ -38,6 +38,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/28.29db6f50.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/28.29db6f50.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
<meta name="keywords" content="前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档">
|
||||
<meta name="theme-color" content="#11a8cd">
|
||||
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.871e4bdb.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.35d52929.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.c7d59184.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.7bc93c12.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.aa5f2866.js"><link rel="prefetch" href="/colorui-document/assets/js/12.f56c57f3.js"><link rel="prefetch" href="/colorui-document/assets/js/13.d83ee1ec.js"><link rel="prefetch" href="/colorui-document/assets/js/14.13f830c2.js"><link rel="prefetch" href="/colorui-document/assets/js/15.018fbb3d.js"><link rel="prefetch" href="/colorui-document/assets/js/16.8957f031.js"><link rel="prefetch" href="/colorui-document/assets/js/17.62e36391.js"><link rel="prefetch" href="/colorui-document/assets/js/18.a98f1855.js"><link rel="prefetch" href="/colorui-document/assets/js/19.a19b0b2a.js"><link rel="prefetch" href="/colorui-document/assets/js/20.1feae6ac.js"><link rel="prefetch" href="/colorui-document/assets/js/21.06009323.js"><link rel="prefetch" href="/colorui-document/assets/js/22.e9484b43.js"><link rel="prefetch" href="/colorui-document/assets/js/23.c07daa61.js"><link rel="prefetch" href="/colorui-document/assets/js/24.4001c5ee.js"><link rel="prefetch" href="/colorui-document/assets/js/25.10bfca60.js"><link rel="prefetch" href="/colorui-document/assets/js/26.ebf64854.js"><link rel="prefetch" href="/colorui-document/assets/js/27.049715c0.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.7252afd4.js"><link rel="prefetch" href="/colorui-document/assets/js/30.c6c623e5.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.629b3975.js"><link rel="prefetch" href="/colorui-document/assets/js/7.c97b86d3.js"><link rel="prefetch" href="/colorui-document/assets/js/8.a0cdad8d.js"><link rel="prefetch" href="/colorui-document/assets/js/9.30ce1e2c.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.871e4bdb.css">
|
||||
<link rel="preload" href="/colorui-document/assets/css/0.styles.f51fd846.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.0defcc08.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.a7efab55.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.7bc93c12.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.aad69d60.js"><link rel="prefetch" href="/colorui-document/assets/js/11.8f891ef9.js"><link rel="prefetch" href="/colorui-document/assets/js/12.b29ff73d.js"><link rel="prefetch" href="/colorui-document/assets/js/13.947c862d.js"><link rel="prefetch" href="/colorui-document/assets/js/14.69493815.js"><link rel="prefetch" href="/colorui-document/assets/js/15.f4a625ba.js"><link rel="prefetch" href="/colorui-document/assets/js/16.689d158c.js"><link rel="prefetch" href="/colorui-document/assets/js/17.23a3c943.js"><link rel="prefetch" href="/colorui-document/assets/js/18.d874094e.js"><link rel="prefetch" href="/colorui-document/assets/js/19.8a6baa0c.js"><link rel="prefetch" href="/colorui-document/assets/js/20.720daaad.js"><link rel="prefetch" href="/colorui-document/assets/js/21.49652874.js"><link rel="prefetch" href="/colorui-document/assets/js/22.5b545521.js"><link rel="prefetch" href="/colorui-document/assets/js/23.634e5489.js"><link rel="prefetch" href="/colorui-document/assets/js/24.227513e2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.d7d3d64f.js"><link rel="prefetch" href="/colorui-document/assets/js/26.f64bdd21.js"><link rel="prefetch" href="/colorui-document/assets/js/27.ddf9b9a3.js"><link rel="prefetch" href="/colorui-document/assets/js/28.29db6f50.js"><link rel="prefetch" href="/colorui-document/assets/js/29.45577fb7.js"><link rel="prefetch" href="/colorui-document/assets/js/30.9c19b73e.js"><link rel="prefetch" href="/colorui-document/assets/js/32.2b452ecc.js"><link rel="prefetch" href="/colorui-document/assets/js/33.ce89fd5b.js"><link rel="prefetch" href="/colorui-document/assets/js/4.72773cc6.js"><link rel="prefetch" href="/colorui-document/assets/js/5.ec11d5fb.js"><link rel="prefetch" href="/colorui-document/assets/js/6.5d3b8b43.js"><link rel="prefetch" href="/colorui-document/assets/js/7.d0c2e76f.js"><link rel="prefetch" href="/colorui-document/assets/js/8.4ae894e2.js"><link rel="prefetch" href="/colorui-document/assets/js/9.0b02b2c5.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.f51fd846.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><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">
|
||||
@@ -22,7 +22,7 @@
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0" scrolling="auto"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">垂直导航<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="操作条"><a href="#操作条" class="header-anchor">#</a> 操作条</h2> <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,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">
|
||||
←
|
||||
<a href="/colorui-document/pages/plugin/drawer/" class="prev">全屏抽屉</a></span> <!----></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"><a href="https://gitee.com/miren123" title="Gitee" target="_blank" class="iconfont icon-gitee"></a></div>
|
||||
Theme by
|
||||
@@ -37,6 +37,6 @@
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.35d52929.js" defer></script><script src="/colorui-document/assets/js/2.c7d59184.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/31.7bc93c12.js" defer></script>
|
||||
<script src="/colorui-document/assets/js/app.0defcc08.js" defer></script><script src="/colorui-document/assets/js/2.a7efab55.js" defer></script><script src="/colorui-document/assets/js/3.f24eb86a.js" defer></script><script src="/colorui-document/assets/js/31.7bc93c12.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,7 +10,6 @@ article: false
|
||||
:::
|
||||
|
||||
|
||||
|
||||
## 引入样式
|
||||
|
||||
编辑 `App.vue`文件在`<style>` 项引入 `icon.css`
|
||||
|
||||
@@ -5,6 +5,8 @@ permalink: /pages/basics/button
|
||||
article: false
|
||||
---
|
||||
|
||||
在 button 上加 class `cu-btn` 即可
|
||||
|
||||
## 按钮形状
|
||||
> css 代码
|
||||
```css
|
||||
|
||||
@@ -5,6 +5,8 @@ permalink: /pages/basics/tag
|
||||
article: false
|
||||
---
|
||||
|
||||
需要设置成标签的元素加上 class `cu-tag` 即可
|
||||
|
||||
## 标签形状
|
||||
> css 代码
|
||||
```css
|
||||
|
||||
@@ -5,6 +5,8 @@ permalink: /pages/basics/avatar
|
||||
article: false
|
||||
---
|
||||
|
||||
需要设置成头像的元素加上 class `cu-avatar`，然后再设置 css 样式 `background-image` 即可
|
||||
|
||||
## 头像形状
|
||||
> css 代码
|
||||
```css
|
||||
|
||||
@@ -5,10 +5,47 @@ permalink: /pages/basics/shadow
|
||||
article: false
|
||||
---
|
||||
|
||||
## 边框阴影
|
||||
## 边框
|
||||
在需要加边框的元素加上 class `solid`，加粗的就是 `solids`，然后还有单独四个不同的方向 `solid-top|...`
|
||||
|
||||
::: details 点此查看页面源代码
|
||||
页面位置：`/pages/basics/shadow`
|
||||
```vue
|
||||
> css 代码
|
||||
```css
|
||||
.solid 四周
|
||||
.solid-top 上
|
||||
.solid-right 右
|
||||
.solid-bottom
|
||||
.solid-left
|
||||
```
|
||||
:::
|
||||
|
||||
> 演示代码
|
||||
```vue
|
||||
<view class="padding solid">四周</view>
|
||||
<view class="padding solid-top">上</view>
|
||||
<view class="padding solid-right">右</view>
|
||||
<view class="padding solid-bottom">下</view>
|
||||
<view class="padding solid-left">左</view>
|
||||
```
|
||||
|
||||
## 阴影
|
||||
|
||||
在需要加阴影的元素加上 class `shadow` 即可
|
||||
|
||||
> css 代码
|
||||
```css
|
||||
.shadow 默认阴影
|
||||
.shadow bg-blue|... 根据背景颜色而改变的阴影
|
||||
.shadow shadow-lg 长阴影
|
||||
.shadow-warp 翘边阴影
|
||||
```
|
||||
|
||||
> 演示代码
|
||||
```vue
|
||||
<view class="padding-xl radius shadow bg-white">默认阴影</view>
|
||||
<view class="padding-xl radius shadow bg-blue">根据背景颜色而改变的阴影</view>
|
||||
<view class="padding-xl radius shadow shadow-lg bg-white">长阴影</view>
|
||||
<view class="padding-xl radius shadow shadow-lg bg-blue">长阴影</view>
|
||||
<view class="padding-xl radius shadow-warp bg-white">翘边阴影</view>
|
||||
<view class="padding-xl radius shadow-blur bg-red bg-img" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big91005.jpg);">
|
||||
<view>根据背景图而改变的阴影</view>
|
||||
</view>
|
||||
```
|
||||
@@ -5,10 +5,95 @@ permalink: /pages/basics/loading
|
||||
article: false
|
||||
---
|
||||
|
||||
## 加载
|
||||
在需要设置加载的元素加上 class `cu-load loading`，这样既是横条加载状态，可以设置自己喜欢的背景颜色 `.bg-red|...`
|
||||
|
||||
::: details 点此查看页面源代码
|
||||
页面位置：`/pages/basics/loading`
|
||||
```vue
|
||||
> css
|
||||
```
|
||||
:::
|
||||
.cu-load loading 加载中
|
||||
.cu-load over 加载结束
|
||||
.cu-load erro 加载错误
|
||||
.cu-load loading load-cuIcon 只有加载图标没有文字
|
||||
```
|
||||
因此 `loading、over、erro`，可以动态设置配合使用
|
||||
|
||||
加载的文案，是固定的，如需设置，复制 `main.css` 里的样式在当前文件改动即可
|
||||
|
||||
> 演示代码
|
||||
```vue
|
||||
<!-- 动态设置加载状态 -->
|
||||
<view class="cu-load bg-grey" :class="!isLoad?'loading':'over'"></view>
|
||||
<!-- 加载错误 -->
|
||||
<view class="cu-load bg-red erro"></view>
|
||||
<!-- 预览框，可以看到自定义顶部导航栏右侧有加载转动 -->
|
||||
<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">加载</block>
|
||||
<block slot="right">
|
||||
<view class="action">
|
||||
<view class="cu-load load-cuIcon" :class="!isLoad?'loading':'over'"></view>
|
||||
</view>
|
||||
</block>
|
||||
</cu-custom>
|
||||
```
|
||||
|
||||
## 弹窗加载
|
||||
|
||||
父容器加上 class `cu-load load-modal`，且用变量控制弹窗的显示与隐藏，父容器里面的内容，既是弹窗中间的内容
|
||||
|
||||
可以在弹窗里面放文字、带颜色的图标、静态图片等
|
||||
|
||||
> 演示代码
|
||||
```vue
|
||||
<view class="cu-load load-modal" v-if="loadModal">
|
||||
<!-- <view class="cuIcon-emojifill text-orange"></view> -->
|
||||
<image src="/static/logo.png" mode="aspectFit"></image>
|
||||
<view class="gray-text">加载中...</view>
|
||||
</view>
|
||||
```
|
||||
|
||||
## 进度条加载
|
||||
|
||||
父容器加上 class `load-progress show|hide`，动态变量控制 class `show 和 hide`，动态 style 设置距离顶部的高度 `top: 高度px`
|
||||
|
||||
容器里第一个就是加载的进度条，需要加上 class `load-progress-bar bg-green|...`，通过动态 style，控制进度
|
||||
|
||||
容器里第二个就是右侧的加载圆圈，需要加上 class `load-progress-spinner text-green|...`
|
||||
|
||||
> 演示代码
|
||||
```vue
|
||||
<view class="cu-bar bg-white margin-top">
|
||||
<view class="action">
|
||||
<text class="cuIcon-title text-blue"></text>进度条加载
|
||||
</view>
|
||||
<view class="action">
|
||||
<button class="cu-btn bg-green shadow" @tap="LoadProgress">
|
||||
点我
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="load-progress" :class="loadProgress!=0?'show':'hide'" :style="[{top:CustomBar+'px'}]">
|
||||
<view class="load-progress-bar bg-green" :style="[{transform: 'translate3d(-' + (100-loadProgress) + '%, 0px, 0px)'}]"></view>
|
||||
<view class="load-progress-spinner text-green"></view>
|
||||
</view>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
CustomBar: this.CustomBar,
|
||||
loadProgress: 0
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
LoadProgress(e) {
|
||||
this.loadProgress = this.loadProgress + 3;
|
||||
if (this.loadProgress < 100) {
|
||||
setTimeout(() => {
|
||||
this.LoadProgress();
|
||||
}, 100)
|
||||
} else {
|
||||
this.loadProgress = 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
```
|
||||
Reference in New Issue
Block a user