molong/colorui-doc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mjz update

Browse Source
This commit is contained in:
mjz
2023-06-01 23:30:40 +08:00
parent ec43f2f12e
commit 63992d1c3b
67 changed files with 436 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/.vuepress/dist/pages/base/index.html vendored
View File

File diff suppressed because one or more lines are too long

8
docs/.vuepress/dist/pages/baseStart/index.html vendored
View File

@@ -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">&lt;</span>style</span><span class="token punctuation">&gt;</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">&quot;colorui/main.css&quot;</span><span class="token punctuation">;</span></span>
<span class="token atrule"><span class="token rule">@import</span> <span class="token string">&quot;colorui/icon.css&quot;</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
docs/.vuepress/dist/pages/basics/avatar/index.html vendored
View File

@@ -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">&lt;</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">&gt;</span></span>默认<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</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">&lt;</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">&quot;</span>cu-avatar radius bg-red margin-left<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>cu-tag badge cuIcon-male bg-blue<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</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>

12
docs/.vuepress/dist/pages/basics/background/index.html vendored
View File

@@ -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">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</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
docs/.vuepress/dist/pages/basics/button/index.html vendored
View File

@@ -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">&lt;</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">&quot;</span>cu-btn<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>默认<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">&gt;</span></span>
@@ -57,7 +57,7 @@
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>cu-btn block bg-black margin-tb-sm lg<span class="token punctuation">&quot;</span></span> <span class="token attr-name">loading</span><span class="token punctuation">&gt;</span></span>
原生加载
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">&gt;</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>

6
docs/.vuepress/dist/pages/basics/icon/index.html vendored
View File

@@ -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>

8
docs/.vuepress/dist/pages/basics/layout/index.html vendored
View File

@@ -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>

68
docs/.vuepress/dist/pages/basics/loading/index.html vendored
View File

@@ -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">&lt;!-- 动态设置加载状态 --&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>cu-load bg-grey<span class="token punctuation">&quot;</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">&quot;</span>!isLoad?'loading':'over'<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token comment">&lt;!-- 加载错误 --&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>cu-load bg-red erro<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token comment">&lt;!-- 预览框，可以看到自定义顶部导航栏右侧有加载转动 --&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>bg-gradual-blue<span class="token punctuation">&quot;</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">&quot;</span>true<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>backText<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>返回<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>block</span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>content<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>加载<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>block</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>right<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>action<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>cu-load load-cuIcon<span class="token punctuation">&quot;</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">&quot;</span>!isLoad?'loading':'over'<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>block</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>cu-custom</span><span class="token punctuation">&gt;</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">&lt;</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">&quot;</span>cu-load load-modal<span class="token punctuation">&quot;</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">&quot;</span>loadModal<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token comment">&lt;!-- &lt;view class=&quot;cuIcon-emojifill text-orange&quot;&gt;&lt;/view&gt; --&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>/static/logo.png<span class="token punctuation">&quot;</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">&quot;</span>aspectFit<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>image</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>gray-text<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>加载中...<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</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">&lt;</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">&quot;</span>cu-bar bg-white margin-top<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>action<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>cuIcon-title text-blue<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>text</span><span class="token punctuation">&gt;</span></span>进度条加载
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>action<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>cu-btn bg-green shadow<span class="token punctuation">&quot;</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">&quot;</span>LoadProgress<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
点我
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>load-progress<span class="token punctuation">&quot;</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">&quot;</span>loadProgress!=0?'show':'hide'<span class="token punctuation">&quot;</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">&quot;</span>[{top:CustomBar+'px'}]<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>load-progress-bar bg-green<span class="token punctuation">&quot;</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">&quot;</span>[{transform: 'translate3d(-' + (100-loadProgress) + '%, 0px, 0px)'}]<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>load-progress-spinner text-green<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</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">&lt;</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">=&gt;</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">&lt;/</span>script</span><span class="token punctuation">&gt;</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>

82
docs/.vuepress/dist/pages/basics/progress/index.html vendored
View File

@@ -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">&lt;</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">&quot;</span>cu-progress<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>bg-red<span class="token punctuation">&quot;</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">&quot;</span>[{ width:loading?'92.8%':''}]<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>61.8%<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>cu-progress radius margin-top<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>bg-red<span class="token punctuation">&quot;</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">&quot;</span>[{ width:loading?'61.8%':''}]<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>61.8%<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>cu-progress round margin-top<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>bg-red<span class="token punctuation">&quot;</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">&quot;</span>[{ width:loading?'61.8%':''}]<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>61.8%<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</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">&lt;/</span>script</span><span class="token punctuation">&gt;</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">&lt;</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">&quot;</span>cu-progress round<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>bg-red<span class="token punctuation">&quot;</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">&quot;</span>[{ width:loading?'61.8%':''}]<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>cu-progress round margin-top sm<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>bg-red<span class="token punctuation">&quot;</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">&quot;</span>[{ width:loading?'61.8%':''}]<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>cu-progress round margin-top xs<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>bg-red<span class="token punctuation">&quot;</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">&quot;</span>[{ width:loading?'61.8%':''}]<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</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">&lt;</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">&quot;</span>cu-progress round<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>bg-red<span class="token punctuation">&quot;</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">&quot;</span>[{ width:loading?'61.8%':''}]<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</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">&lt;!-- 静态条纹 --&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>cu-progress round striped<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>bg-green<span class="token punctuation">&quot;</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">&quot;</span>[{ width:loading?'60%':''}]<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token comment">&lt;!-- 动画条纹 --&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>cu-progress round striped active<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>bg-black<span class="token punctuation">&quot;</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">&quot;</span>[{ width:loading?'40%':''}]<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</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">&lt;</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">&quot;</span>cu-progress radius striped active<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>bg-red<span class="token punctuation">&quot;</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">&quot;</span>[{ width:loading?'30%':''}]<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>30%<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>bg-olive<span class="token punctuation">&quot;</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">&quot;</span>[{ width:loading?'45%':''}]<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>45%<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>bg-cyan<span class="token punctuation">&quot;</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">&quot;</span>[{ width:loading?'25%':''}]<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>25%<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</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">&lt;</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">&quot;</span>flex<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>cu-progress round<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>bg-green<span class="token punctuation">&quot;</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">&quot;</span>[{ width:loading?'100%':''}]<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>cuIcon-roundcheckfill text-green margin-left-sm<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>text</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>flex margin-top<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>cu-progress round<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>bg-green<span class="token punctuation">&quot;</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">&quot;</span>[{ width:loading?'80%':''}]<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>margin-left<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>80%<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>text</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</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>

32
docs/.vuepress/dist/pages/basics/shadow/index.html vendored
View File

@@ -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">&lt;</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">&quot;</span>padding solid<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>四周<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>padding solid-top<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>上<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>padding solid-right<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>右<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>padding solid-bottom<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>下<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>padding solid-left<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>左<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</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">&lt;</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">&quot;</span>padding-xl radius shadow bg-white<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>默认阴影<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>padding-xl radius shadow bg-blue<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>根据背景颜色而改变的阴影<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>padding-xl radius shadow shadow-lg bg-white<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>长阴影<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>padding-xl radius shadow shadow-lg bg-blue<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>长阴影<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>padding-xl radius shadow-warp bg-white<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>翘边阴影<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&quot;</span>padding-xl radius shadow-blur bg-red bg-img<span class="token punctuation">&quot;</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">&quot;</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">&quot;</span></span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span><span class="token punctuation">&gt;</span></span>根据背景图而改变的阴影<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</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
View File

@@ -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">&lt;</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">&gt;</span></span>默认<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
@@ -90,7 +90,7 @@
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&gt;</span></span>99+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</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>

8
docs/.vuepress/dist/pages/basics/text/index.html vendored
View File

@@ -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>

8
docs/.vuepress/dist/pages/component/bar/index.html vendored
View File

@@ -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>

6
docs/.vuepress/dist/pages/component/card/index.html vendored
View File

@@ -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>

8
docs/.vuepress/dist/pages/component/chat/index.html vendored
View File

@@ -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>

8
docs/.vuepress/dist/pages/component/form/index.html vendored
View File

@@ -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>

8
docs/.vuepress/dist/pages/component/list/index.html vendored
View File

@@ -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>

8
docs/.vuepress/dist/pages/component/modal/index.html vendored
View File

@@ -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>

8
docs/.vuepress/dist/pages/component/nav/index.html vendored
View File

@@ -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>

6
docs/.vuepress/dist/pages/component/steps/index.html vendored
View File

@@ -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>

6
docs/.vuepress/dist/pages/component/swiper/index.html vendored
View File

@@ -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>

8
docs/.vuepress/dist/pages/component/timeline/index.html vendored
View File

@@ -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>

8
docs/.vuepress/dist/pages/plugin/animation/index.html vendored
View File

@@ -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>

6
docs/.vuepress/dist/pages/plugin/drawer/index.html vendored
View File

@@ -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>

8
docs/.vuepress/dist/pages/plugin/indexes/index.html vendored
View File

@@ -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>

8
docs/.vuepress/dist/pages/plugin/verticalnav/index.html vendored
View File

@@ -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>