mjz update
This commit is contained in:
mjz
41
.gitignore
vendored
Normal file
41
.gitignore
vendored
Normal file
@@ -0,0 +1,41 @@
|
||||
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||
|
||||
# dependencies
|
||||
**/node_modules
|
||||
/node_modules
|
||||
# roadhog-api-doc ignore
|
||||
/src/utils/request-temp.js
|
||||
_roadhog-api-doc
|
||||
|
||||
# production
|
||||
/dist
|
||||
/.vscode
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
npm-debug.log*
|
||||
yarn-error.log
|
||||
|
||||
/coverage
|
||||
.idea
|
||||
yarn.lock
|
||||
package-lock.json
|
||||
*bak
|
||||
.vscode
|
||||
|
||||
# visual studio code
|
||||
.history
|
||||
*.log
|
||||
functions/*
|
||||
.temp/**
|
||||
|
||||
# umi
|
||||
.umi
|
||||
.umi-production
|
||||
|
||||
# screenshot
|
||||
screenshot
|
||||
.firebase
|
||||
.eslintcache
|
||||
|
||||
build
|
||||
@@ -1,7 +1,7 @@
|
||||
# colorui-document
|
||||
# mi-admin-docs
|
||||
|
||||
#### Description
|
||||
{**When you're done, you can delete the content in this README and update the file with details for others getting started with your repository**}
|
||||
MiAdmin开发文档
|
||||
|
||||
#### Software Architecture
|
||||
Software architecture description
|
||||
|
||||
@@ -1,9 +1,7 @@
|
||||
# colorui-document
|
||||
# mi-admin-docs
|
||||
|
||||
#### 介绍
|
||||
{**以下是 Gitee 平台说明，您可以替换此简介**
|
||||
Gitee 是 OSCHINA 推出的基于 Git 的代码托管平台（同时支持 SVN）。专为开发者提供稳定、高效、安全的云端软件开发协作平台
|
||||
无论是个人、团队、或是企业，都能够用 Gitee 实现代码托管、项目管理、协作开发。企业项目请看 [https://gitee.com/enterprises](https://gitee.com/enterprises)}
|
||||
MiAdmin开发文档
|
||||
|
||||
#### 软件架构
|
||||
软件架构说明
|
||||
|
||||
110
docs/.vuepress/config.js
Normal file
110
docs/.vuepress/config.js
Normal file
@@ -0,0 +1,110 @@
|
||||
const baiduCode = require('./config/baiduCode.js'); // 百度统计hm码
|
||||
const htmlModules = require('./config/htmlModules.js');
|
||||
|
||||
module.exports = {
|
||||
|
||||
// theme: 'vdoing', // 使用依赖包主题
|
||||
theme: require.resolve('../../vdoing'), // 使用本地主题
|
||||
|
||||
title: "ColorUI 使用文档",
|
||||
description: 'ColorUI 使用文档',
|
||||
base: '/colorui-document/', // 默认'/'。如果你想将你的网站部署到如 https://foo.github.io/bar/，那么 base 应该被设置成 "/bar/",（否则页面将失去样式等文件）
|
||||
head: [ // 注入到页面<head> 中的标签，格式[tagName, { attrName: attrValue }, innerHTML?]
|
||||
['link', { rel: 'icon', href: '/img/colorui-logo.png' }], //favicons，资源放在public文件夹
|
||||
['meta', { name: 'keywords', content: '前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档' }],
|
||||
['meta', { name: 'theme-color', content: '#11a8cd' }], // 移动浏览器主题颜色
|
||||
],
|
||||
// 主题配置
|
||||
themeConfig: {
|
||||
nav: [
|
||||
{ text: '文档', link: '/pages/base/' },
|
||||
],
|
||||
sidebarDepth: 1, // 侧边栏显示深度，默认1，最大2（显示到h3标题）
|
||||
logo: '/img/colorui-logo.png', // 导航栏logo
|
||||
repo: 'https://github.com/weilanwl/coloruicss', // 导航栏右侧生成Github链接
|
||||
searchMaxSuggestions: 10, // 搜索结果显示最大数
|
||||
lastUpdated: '上次更新', // 更新的时间，及前缀文字 string | boolean (取值为git提交时间)
|
||||
|
||||
// 以下配置是Vdoing主题改动的和新增的配置
|
||||
sidebar: { mode: 'structuring', collapsable: false }, // 侧边栏 'structuring' | { mode: 'structuring', collapsable: Boolean} | 'auto' | 自定义 温馨提示：目录页数据依赖于结构化的侧边栏数据，如果你不设置为'structuring',将无法使用目录页
|
||||
|
||||
// sidebarOpen: false, // 初始状态是否打开侧边栏，默认true
|
||||
updateBar: { // 最近更新栏
|
||||
showToArticle: false, // 显示到文章页底部，默认true
|
||||
// moreArticle: '/archives' // “更多文章”跳转的页面，默认'/archives'
|
||||
},
|
||||
|
||||
// categoryText: '随笔', // 碎片化文章（_posts文件夹的文章）预设生成的分类值，默认'随笔'
|
||||
|
||||
// contentBgStyle: 1,
|
||||
|
||||
category: false, // 是否打开分类功能，默认true。 如打开，会做的事情有：1. 自动生成的frontmatter包含分类字段 2.页面中显示与分类相关的信息和模块 3.自动生成分类页面（在@pages文件夹）。如关闭，则反之。
|
||||
|
||||
tag: false, // 是否打开标签功能，默认true。 如打开，会做的事情有：1. 自动生成的frontmatter包含标签字段 2.页面中显示与标签相关的信息和模块 3.自动生成标签页面（在@pages文件夹）。如关闭，则反之。
|
||||
// archive: false, // 是否打开归档功能，默认true。 如打开，会做的事情有：1.自动生成归档页面（在@pages文件夹）。如关闭，则反之。
|
||||
|
||||
author: { // 文章默认的作者信息，可在md文件中单独配置此信息 String | {name: String, href: String}
|
||||
name: 'miren', // 必需
|
||||
href: 'https://gitee.com/miren123' // 可选的
|
||||
},
|
||||
social: { // 社交图标，显示于博主信息栏和页脚栏
|
||||
// iconfontCssFile: '//at.alicdn.com/t/font_1678482_u4nrnp8xp6g.css', // 可选，阿里图标库在线css文件地址，对于主题没有的图标可自由添加
|
||||
icons: [
|
||||
{
|
||||
iconClass: 'icon-gitee',
|
||||
title: 'Gitee',
|
||||
link: 'https://gitee.com/miren123'
|
||||
},
|
||||
// {
|
||||
// iconClass: 'icon-github',
|
||||
// title: 'GitHub',
|
||||
// link: 'https://github.com/miren521'
|
||||
// }
|
||||
]
|
||||
},
|
||||
footer: { // 页脚信息
|
||||
createYear: 2022, // 创建年份
|
||||
copyrightInfo: 'miren | MIT License', // 版权信息，支持a标签
|
||||
},
|
||||
htmlModules,
|
||||
},
|
||||
|
||||
// 插件
|
||||
plugins: [
|
||||
['fulltext-search'], // 全文搜索
|
||||
|
||||
[
|
||||
'vuepress-plugin-baidu-tongji', // 百度统计
|
||||
{
|
||||
hm: baiduCode
|
||||
}
|
||||
],
|
||||
|
||||
['one-click-copy', { // 代码块复制按钮
|
||||
copySelector: ['div[class*="language-"] pre', 'div[class*="aside-code"] aside'], // String or Array
|
||||
copyMessage: '复制成功', // default is 'Copy successfully and then paste it for use.'
|
||||
duration: 1000, // prompt message display time.
|
||||
showInMobile: false // whether to display on the mobile side, default: false.
|
||||
}],
|
||||
|
||||
[
|
||||
'vuepress-plugin-zooming', // 放大图片
|
||||
{
|
||||
selector: '.theme-vdoing-content img:not(.no-zoom)',
|
||||
options: {
|
||||
bgColor: 'rgba(0,0,0,0.6)'
|
||||
},
|
||||
},
|
||||
],
|
||||
|
||||
[
|
||||
'@vuepress/last-updated', // "上次更新"时间格式
|
||||
{
|
||||
transformer: (timestamp, lang) => {
|
||||
const dayjs = require('dayjs') // https://day.js.org/
|
||||
return dayjs(timestamp).format('YYYY/MM/DD, HH:mm:ss')
|
||||
},
|
||||
}
|
||||
]
|
||||
],
|
||||
}
|
||||
1
docs/.vuepress/config/baiduCode.js
Normal file
1
docs/.vuepress/config/baiduCode.js
Normal file
@@ -0,0 +1 @@
|
||||
module.exports = 'e68f305e8bf582d7045cfbeebd622885';
|
||||
20
docs/.vuepress/config/htmlModules.js
Normal file
20
docs/.vuepress/config/htmlModules.js
Normal file
@@ -0,0 +1,20 @@
|
||||
/** 插入自定义html模块 (可用于插入广告模块等)
|
||||
* {
|
||||
* homeSidebarB: htmlString, 首页侧边栏底部
|
||||
*
|
||||
* sidebarT: htmlString, 全局左侧边栏顶部
|
||||
* sidebarB: htmlString, 全局左侧边栏底部
|
||||
*
|
||||
* pageT: htmlString, 全局页面顶部
|
||||
* pageB: htmlString, 全局页面底部
|
||||
* pageTshowMode: string, 页面顶部-显示方式：未配置默认全局；'article' => 仅文章页①； 'custom' => 仅自定义页①
|
||||
* pageBshowMode: string, 页面底部-显示方式：未配置默认全局；'article' => 仅文章页①； 'custom' => 仅自定义页①
|
||||
*
|
||||
* windowLB: htmlString, 全局左下角②
|
||||
* windowRB: htmlString, 全局右下角②
|
||||
* }
|
||||
*
|
||||
* ①注：在.md文件front matter配置`article: false`的页面是自定义页，未配置的默认是文章页（首页除外）。
|
||||
* ②注：windowLB 和 windowRB：1.展示区块最大宽高200px*400px。2.请给自定义元素定一个不超过200px*400px的宽高。3.在屏幕宽度小于960px时无论如何都不会显示。
|
||||
*/
|
||||
module.exports = {}
|
||||
20
docs/.vuepress/dist/404.html
vendored
Normal file
20
docs/.vuepress/dist/404.html
vendored
Normal file
@@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>ColorUI 使用文档</title>
|
||||
<meta name="generator" content="VuePress 1.9.2">
|
||||
<link rel="icon" href="/colorui-document/img/colorui-logo.png">
|
||||
<meta name="description" content="ColorUI 使用文档">
|
||||
<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.80babc79.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.ed909cb7.js" as="script"><link rel="preload" href="/colorui-document/assets/js/5.951dcfb2.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.abda041d.js"><link rel="prefetch" href="/colorui-document/assets/js/11.d6f4f259.js"><link rel="prefetch" href="/colorui-document/assets/js/12.e239404c.js"><link rel="prefetch" href="/colorui-document/assets/js/13.47c90b91.js"><link rel="prefetch" href="/colorui-document/assets/js/14.9d590cca.js"><link rel="prefetch" href="/colorui-document/assets/js/15.d757c01a.js"><link rel="prefetch" href="/colorui-document/assets/js/16.0c862978.js"><link rel="prefetch" href="/colorui-document/assets/js/17.797b2f92.js"><link rel="prefetch" href="/colorui-document/assets/js/18.73a1e6f6.js"><link rel="prefetch" href="/colorui-document/assets/js/19.d9bb1b0b.js"><link rel="prefetch" href="/colorui-document/assets/js/2.e65f3f2f.js"><link rel="prefetch" href="/colorui-document/assets/js/20.5fef763c.js"><link rel="prefetch" href="/colorui-document/assets/js/21.5de79672.js"><link rel="prefetch" href="/colorui-document/assets/js/22.1b0addf9.js"><link rel="prefetch" href="/colorui-document/assets/js/23.29cc255f.js"><link rel="prefetch" href="/colorui-document/assets/js/24.cbf6dbe2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.241abeb0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.489ea583.js"><link rel="prefetch" href="/colorui-document/assets/js/27.1e408ff8.js"><link rel="prefetch" href="/colorui-document/assets/js/28.3957ea46.js"><link rel="prefetch" href="/colorui-document/assets/js/29.258ab053.js"><link rel="prefetch" href="/colorui-document/assets/js/3.1ff17315.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2818fcd8.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b5e2fc60.js"><link rel="prefetch" href="/colorui-document/assets/js/32.fa9a0561.js"><link rel="prefetch" href="/colorui-document/assets/js/33.65178db4.js"><link rel="prefetch" href="/colorui-document/assets/js/4.decf7746.js"><link rel="prefetch" href="/colorui-document/assets/js/6.19c3a9a5.js"><link rel="prefetch" href="/colorui-document/assets/js/7.877fc01b.js"><link rel="prefetch" href="/colorui-document/assets/js/8.aecfa685.js"><link rel="prefetch" href="/colorui-document/assets/js/9.90c346c6.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.80babc79.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container" data-v-08abdc17><div class="theme-vdoing-content" data-v-08abdc17><span data-v-08abdc17>404</span> <blockquote data-v-08abdc17>这里什么都没有。</blockquote> <a href="/colorui-document/" class="router-link-active" data-v-08abdc17>返回首页</a></div></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.ed909cb7.js" defer></script><script src="/colorui-document/assets/js/5.951dcfb2.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
40
docs/.vuepress/dist/archives/index.html
vendored
Normal file
40
docs/.vuepress/dist/archives/index.html
vendored
Normal file
@@ -0,0 +1,40 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>归档 | ColorUI 使用文档</title>
|
||||
<meta name="generator" content="VuePress 1.9.2">
|
||||
<link rel="icon" href="/colorui-document/img/colorui-logo.png">
|
||||
<meta name="description" content="ColorUI 使用文档">
|
||||
<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.80babc79.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.ed909cb7.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.e65f3f2f.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.1ff17315.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.abda041d.js"><link rel="prefetch" href="/colorui-document/assets/js/11.d6f4f259.js"><link rel="prefetch" href="/colorui-document/assets/js/12.e239404c.js"><link rel="prefetch" href="/colorui-document/assets/js/13.47c90b91.js"><link rel="prefetch" href="/colorui-document/assets/js/14.9d590cca.js"><link rel="prefetch" href="/colorui-document/assets/js/15.d757c01a.js"><link rel="prefetch" href="/colorui-document/assets/js/16.0c862978.js"><link rel="prefetch" href="/colorui-document/assets/js/17.797b2f92.js"><link rel="prefetch" href="/colorui-document/assets/js/18.73a1e6f6.js"><link rel="prefetch" href="/colorui-document/assets/js/19.d9bb1b0b.js"><link rel="prefetch" href="/colorui-document/assets/js/20.5fef763c.js"><link rel="prefetch" href="/colorui-document/assets/js/21.5de79672.js"><link rel="prefetch" href="/colorui-document/assets/js/22.1b0addf9.js"><link rel="prefetch" href="/colorui-document/assets/js/23.29cc255f.js"><link rel="prefetch" href="/colorui-document/assets/js/24.cbf6dbe2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.241abeb0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.489ea583.js"><link rel="prefetch" href="/colorui-document/assets/js/27.1e408ff8.js"><link rel="prefetch" href="/colorui-document/assets/js/28.3957ea46.js"><link rel="prefetch" href="/colorui-document/assets/js/29.258ab053.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2818fcd8.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b5e2fc60.js"><link rel="prefetch" href="/colorui-document/assets/js/32.fa9a0561.js"><link rel="prefetch" href="/colorui-document/assets/js/33.65178db4.js"><link rel="prefetch" href="/colorui-document/assets/js/4.decf7746.js"><link rel="prefetch" href="/colorui-document/assets/js/5.951dcfb2.js"><link rel="prefetch" href="/colorui-document/assets/js/6.19c3a9a5.js"><link rel="prefetch" href="/colorui-document/assets/js/7.877fc01b.js"><link rel="prefetch" href="/colorui-document/assets/js/8.aecfa685.js"><link rel="prefetch" href="/colorui-document/assets/js/9.90c346c6.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.80babc79.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open no-sidebar"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" class="home-link router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/colorui-document/pages/base/" class="nav-link">文档</a></div> <a href="https://github.com/weilanwl/coloruicss" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar-hover-trigger"></div> <aside class="sidebar" style="display:none;"><!----> <nav class="nav-links"><div class="nav-item"><a href="/colorui-document/pages/base/" class="nav-link">文档</a></div> <a href="https://github.com/weilanwl/coloruicss" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <!----> </aside> <div class="custom-page archives-page"><div class="theme-vdoing-wrapper"><h1><img src="data:image/png;base64,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="count">
|
||||
总共 <i>0</i> 篇文章
|
||||
</div> <ul></ul></div></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
|
||||
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
||||
| Copyright © 2022-2023
|
||||
<span>miren | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
|
||||
跟随系统
|
||||
</li><li class="iconfont icon-rijianmoshi">
|
||||
浅色模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
深色模式
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.ed909cb7.js" defer></script><script src="/colorui-document/assets/js/2.e65f3f2f.js" defer></script><script src="/colorui-document/assets/js/3.1ff17315.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
1
docs/.vuepress/dist/assets/css/0.styles.80babc79.css
vendored
Normal file
1
docs/.vuepress/dist/assets/css/0.styles.80babc79.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
docs/.vuepress/dist/assets/img/search.237d6f6a.svg
vendored
Normal file
1
docs/.vuepress/dist/assets/img/search.237d6f6a.svg
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"><g stroke-width="2" stroke="#aaa" fill="none"><path d="M11.29 11.71l-4-4"/><circle cx="5" cy="5" r="4"/></g></svg>
|
||||
|
After Width: | Height: | Size: 215 B |
1
docs/.vuepress/dist/assets/js/10.abda041d.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/10.abda041d.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
docs/.vuepress/dist/assets/js/11.d6f4f259.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/11.d6f4f259.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{337:function(t,s,a){"use strict";a.r(s);var n=a(7),e=Object(n.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("温馨提示")]),t._v(" "),s("p",[t._v("点击右侧图标页面，对应的图标，即可复制类名："),s("code",[t._v("cuIcon-图标名称")])])]),t._v(" "),s("h2",{attrs:{id:"引入样式"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#引入样式"}},[t._v("#")]),t._v(" 引入样式")]),t._v(" "),s("p",[t._v("编辑 "),s("code",[t._v("App.vue")]),t._v("文件在"),s("code",[t._v("<style>")]),t._v(" 项引入 "),s("code",[t._v("icon.css")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("style")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token style"}},[s("span",{pre:!0,attrs:{class:"token language-css"}},[t._v("\n "),s("span",{pre:!0,attrs:{class:"token atrule"}},[s("span",{pre:!0,attrs:{class:"token rule"}},[t._v("@import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"colorui/main.css"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token atrule"}},[s("span",{pre:!0,attrs:{class:"token rule"}},[t._v("@import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"colorui/icon.css"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),t._v("\n")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("style")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])]),s("h2",{attrs:{id:"使用语法"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#使用语法"}},[t._v("#")]),t._v(" 使用语法")]),t._v(" "),s("div",{staticClass:"language-html extra-class"},[s("pre",{pre:!0,attrs:{class:"language-html"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("标签")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("cuIcon-图标名称"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("标签")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])])])}),[],!1,null,null,null);s.default=e.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/12.e239404c.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/12.e239404c.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
docs/.vuepress/dist/assets/js/13.47c90b91.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/13.47c90b91.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{341:function(s,t,a){"use strict";a.r(t);var e=a(7),l=Object(e.a)({},(function(){var s=this,t=s._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("h2",{attrs:{id:"标签"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#标签"}},[s._v("#")]),s._v(" 标签")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点此查看页面源代码")]),s._v(" "),t("p",[s._v("页面位置："),t("code",[s._v("/pages/basics/tag")])]),s._v(" "),t("div",{staticClass:"language-vue extra-class"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code")])])])])}),[],!1,null,null,null);t.default=l.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/14.9d590cca.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/14.9d590cca.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{338:function(s,t,a){"use strict";a.r(t);var e=a(7),r=Object(e.a)({},(function(){var s=this,t=s._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("h2",{attrs:{id:"头像"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#头像"}},[s._v("#")]),s._v(" 头像")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点此查看页面源代码")]),s._v(" "),t("p",[s._v("页面位置："),t("code",[s._v("/pages/basics/avatar")])]),s._v(" "),t("div",{staticClass:"language-vue extra-class"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code")])])])])}),[],!1,null,null,null);t.default=r.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/15.d757c01a.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/15.d757c01a.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{357:function(s,t,a){"use strict";a.r(t);var e=a(7),r=Object(e.a)({},(function(){var s=this,t=s._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("h2",{attrs:{id:"进度条"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#进度条"}},[s._v("#")]),s._v(" 进度条")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点此查看页面源代码")]),s._v(" "),t("p",[s._v("页面位置："),t("code",[s._v("/pages/basics/progress")])]),s._v(" "),t("div",{staticClass:"language-vue extra-class"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code")])])])])}),[],!1,null,null,null);t.default=r.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/16.0c862978.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/16.0c862978.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{340:function(s,t,a){"use strict";a.r(t);var e=a(7),l=Object(e.a)({},(function(){var s=this,t=s._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("h2",{attrs:{id:"边框阴影"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#边框阴影"}},[s._v("#")]),s._v(" 边框阴影")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点此查看页面源代码")]),s._v(" "),t("p",[s._v("页面位置："),t("code",[s._v("/pages/basics/shadow")])]),s._v(" "),t("div",{staticClass:"language-vue extra-class"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code")])])])])}),[],!1,null,null,null);t.default=l.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/17.797b2f92.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/17.797b2f92.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{342:function(s,t,a){"use strict";a.r(t);var e=a(7),l=Object(e.a)({},(function(){var s=this,t=s._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("h2",{attrs:{id:"加载"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#加载"}},[s._v("#")]),s._v(" 加载")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点此查看页面源代码")]),s._v(" "),t("p",[s._v("页面位置："),t("code",[s._v("/pages/basics/loading")])]),s._v(" "),t("div",{staticClass:"language-vue extra-class"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code")])])])])}),[],!1,null,null,null);t.default=l.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/18.73a1e6f6.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/18.73a1e6f6.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{344:function(t,s,a){"use strict";a.r(s);var e=a(7),r=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置："),s("code",[t._v("/pages/component/bar")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=r.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/19.d9bb1b0b.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/19.d9bb1b0b.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[19],{343:function(t,s,a){"use strict";a.r(s);var e=a(7),l=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置："),s("code",[t._v("/pages/component/nav")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=l.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/2.e65f3f2f.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/2.e65f3f2f.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
docs/.vuepress/dist/assets/js/20.5fef763c.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/20.5fef763c.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[20],{345:function(t,s,a){"use strict";a.r(s);var e=a(7),l=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置："),s("code",[t._v("/pages/component/list")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=l.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/21.5de79672.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/21.5de79672.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{346:function(t,s,a){"use strict";a.r(s);var e=a(7),r=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置："),s("code",[t._v("/pages/component/card")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=r.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/22.1b0addf9.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/22.1b0addf9.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[22],{349:function(t,s,a){"use strict";a.r(s);var e=a(7),r=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置："),s("code",[t._v("/pages/component/form")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=r.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/23.29cc255f.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/23.29cc255f.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{347:function(t,s,a){"use strict";a.r(s);var e=a(7),l=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置："),s("code",[t._v("/pages/component/timeline")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=l.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/24.cbf6dbe2.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/24.cbf6dbe2.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{351:function(t,s,a){"use strict";a.r(s);var e=a(7),l=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置："),s("code",[t._v("/pages/component/chat")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=l.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/25.241abeb0.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/25.241abeb0.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[25],{348:function(t,s,a){"use strict";a.r(s);var e=a(7),r=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置："),s("code",[t._v("/pages/component/swiper")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=r.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/26.489ea583.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/26.489ea583.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[26],{354:function(t,s,a){"use strict";a.r(s);var e=a(7),l=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置："),s("code",[t._v("/pages/component/modal")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=l.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/27.1e408ff8.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/27.1e408ff8.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[27],{350:function(t,s,a){"use strict";a.r(s);var e=a(7),l=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置："),s("code",[t._v("/pages/component/steps")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=l.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/28.3957ea46.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/28.3957ea46.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[28],{352:function(s,t,a){"use strict";a.r(t);var e=a(7),l=Object(e.a)({},(function(){var s=this,t=s._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("h2",{attrs:{id:"操作条"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[s._v("#")]),s._v(" 操作条")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点此查看页面源代码")]),s._v(" "),t("p",[s._v("页面位置："),t("code",[s._v("/pages/plugin/indexes")])]),s._v(" "),t("div",{staticClass:"language-vue extra-class"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code")])])])])}),[],!1,null,null,null);t.default=l.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/29.258ab053.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/29.258ab053.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[29],{353:function(t,s,a){"use strict";a.r(s);var e=a(7),l=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置："),s("code",[t._v("/pages/plugin/animation")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=l.exports}}]);
|
||||
35
docs/.vuepress/dist/assets/js/3.1ff17315.js
vendored
Normal file
35
docs/.vuepress/dist/assets/js/3.1ff17315.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
docs/.vuepress/dist/assets/js/30.2818fcd8.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/30.2818fcd8.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[30],{355:function(t,s,a){"use strict";a.r(s);var e=a(7),r=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置："),s("code",[t._v("/pages/plugin/drawer")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=r.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/31.b5e2fc60.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/31.b5e2fc60.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[31],{356:function(t,s,a){"use strict";a.r(s);var e=a(7),l=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"操作条"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#操作条"}},[t._v("#")]),t._v(" 操作条")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点此查看页面源代码")]),t._v(" "),s("p",[t._v("页面位置："),s("code",[t._v("/pages/plugin/verticalnav")])]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code")])])])])}),[],!1,null,null,null);s.default=l.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/32.fa9a0561.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/32.fa9a0561.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[32],{359:function(t,n,s){"use strict";s.r(n);var e=s(7),o=Object(e.a)({},(function(){return(0,this._self._c)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})}),[],!1,null,null,null);n.default=o.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/33.65178db4.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/33.65178db4.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{358:function(t,n,s){"use strict";s.r(n);var e=s(7),o=Object(e.a)({},(function(){return(0,this._self._c)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})}),[],!1,null,null,null);n.default=o.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/4.decf7746.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/4.decf7746.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{281:function(t,e,n){},328:function(t,e,n){"use strict";n(281)},360:function(t,e,n){"use strict";n.r(e);var i={functional:!0,props:{type:{type:String,default:"tip"},text:String,vertical:{type:String,default:"top"}},render:(t,{props:e,slots:n})=>t("span",{class:["badge",e.type],style:{verticalAlign:e.vertical}},e.text||n().default)},p=(n(328),n(7)),l=Object(p.a)(i,void 0,void 0,!1,null,"3396d6b6",null);e.default=l.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/5.951dcfb2.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/5.951dcfb2.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{247:function(t,s,n){},284:function(t,s,n){"use strict";n(247)},331:function(t,s,n){"use strict";n.r(s);const i=["这里什么都没有。","我是谁？我在哪？","这是一个Four-Oh-Four.","看来我们的链接坏掉了~"];var o={methods:{getMsg:()=>i[Math.floor(Math.random()*i.length)]}},e=(n(284),n(7)),a=Object(e.a)(o,(function(){var t=this._self._c;return t("div",{staticClass:"theme-container"},[t("div",{staticClass:"theme-vdoing-content"},[t("span",[this._v("404")]),this._v(" "),t("blockquote",[this._v(this._s(this.getMsg()))]),this._v(" "),t("router-link",{attrs:{to:"/"}},[this._v("返回首页")])],1)])}),[],!1,null,"08abdc17",null);s.default=a.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/6.19c3a9a5.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/6.19c3a9a5.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{332:function(t,r,o){"use strict";o.r(r);var s=o(7),a=Object(s.a)({},(function(){var t=this,r=t._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("div",{staticClass:"custom-block tip"},[r("p",{staticClass:"custom-block-title"},[t._v("温馨提示")]),t._v(" "),r("p",[t._v("本文档并非是官方文档，而是本人自己经常使用 Color UI，但是又找不到一个满意的文档，不如自己搭建一个文档，自己使用方便的同时也方便大家使用")])]),t._v(" "),r("h2",{attrs:{id:"基本介绍"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#基本介绍"}},[t._v("#")]),t._v(" 基本介绍")]),t._v(" "),r("p",[t._v("Color UI 我想大家都知晓吧，我就不过多阐述了，是 "),r("strong",[t._v("文晓港")]),t._v(" 大佬开发的一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值，高度自定义的 Css 组件库.，属于出道即巅峰的史诗级大作，众所周知，万物皆可 Color UI，很多人用 Color UI 做了不少精美的项目，我也一样，在此再次感谢作者。")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/weilanwl/ColorUI",target:"_blank",rel:"noopener noreferrer"}},[t._v("ColorUI Github地址"),r("OutboundLink")],1)]),t._v(" "),r("p",[r("a",{attrs:{href:"https://ext.dcloud.net.cn/plugin?id=239",target:"_blank",rel:"noopener noreferrer"}},[t._v("ColorUI 插件市场"),r("OutboundLink")],1)]),t._v(" "),r("h2",{attrs:{id:"文档说明"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#文档说明"}},[t._v("#")]),t._v(" 文档说明")]),t._v(" "),r("p",[t._v("文档左侧目录，基础元素、交互组件、插件扩展分别对应，Color UI 底部对应的三个大模块，而三个模块下二级目录，也分别对应三个页面里的模块，点击目录右侧会跳转到对应的页面。")]),t._v(" "),r("p",[t._v("每一个页面，会分别将对应的代码块展示出来，部分对应的页面最下方点击"),r("strong",[t._v("点此查看页面原代码")]),t._v("即可查看对应页面的完整代码。")]),t._v(" "),r("h3",{attrs:{id:"视图-目录-切换"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#视图-目录-切换"}},[t._v("#")]),t._v(" 视图/目录 切换")]),t._v(" "),r("p",[t._v("点击h5预览模板左上角的切换视图，可以切换目录/视图")])])}),[],!1,null,null,null);r.default=a.exports}}]);
|
||||
1
docs/.vuepress/dist/assets/js/7.877fc01b.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/7.877fc01b.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
docs/.vuepress/dist/assets/js/8.aecfa685.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/8.aecfa685.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
docs/.vuepress/dist/assets/js/9.90c346c6.js
vendored
Normal file
1
docs/.vuepress/dist/assets/js/9.90c346c6.js
vendored
Normal file
File diff suppressed because one or more lines are too long
16
docs/.vuepress/dist/assets/js/app.ed909cb7.js
vendored
Normal file
16
docs/.vuepress/dist/assets/js/app.ed909cb7.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
docs/.vuepress/dist/img/colorui-logo.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/colorui-logo.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
docs/.vuepress/dist/img/course/same-domain-name/1-env-prod.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/course/same-domain-name/1-env-prod.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 73 KiB |
BIN
docs/.vuepress/dist/img/course/same-domain-name/2-vue-config-js.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/course/same-domain-name/2-vue-config-js.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 139 KiB |
BIN
docs/.vuepress/dist/img/course/same-domain-name/3-copy-yyladmin-public.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/course/same-domain-name/3-copy-yyladmin-public.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 140 KiB |
BIN
docs/.vuepress/dist/img/course/same-domain-name/4-localhost-open.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/course/same-domain-name/4-localhost-open.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
BIN
docs/.vuepress/dist/img/course/same-domain-name/5-pro-open.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/course/same-domain-name/5-pro-open.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 109 KiB |
BIN
docs/.vuepress/dist/img/dev/adminmenu.jpg
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/adminmenu.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
BIN
docs/.vuepress/dist/img/dev/adminmenu2.jpg
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/adminmenu2.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
BIN
docs/.vuepress/dist/img/dev/adminrole.jpg
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/adminrole.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
BIN
docs/.vuepress/dist/img/dev/adminwebapi.jpg
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/adminwebapi.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 86 KiB |
BIN
docs/.vuepress/dist/img/dev/adminweblogout.jpg
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/adminweblogout.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
BIN
docs/.vuepress/dist/img/dev/adminweblogout2.jpg
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/adminweblogout2.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
BIN
docs/.vuepress/dist/img/dev/adminwebpage.jpg
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/adminwebpage.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
BIN
docs/.vuepress/dist/img/dev/adminwebrouter.jpg
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/adminwebrouter.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
BIN
docs/.vuepress/dist/img/dev/apidoc.jpg
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/apidoc.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
BIN
docs/.vuepress/dist/img/dev/composer1.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/composer1.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
BIN
docs/.vuepress/dist/img/dev/composer2.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/composer2.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
docs/.vuepress/dist/img/dev/cxbk.jpg
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/cxbk.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
docs/.vuepress/dist/img/dev/hosts1.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/hosts1.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
BIN
docs/.vuepress/dist/img/dev/hosts2.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/hosts2.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
docs/.vuepress/dist/img/dev/hosts3.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/hosts3.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
docs/.vuepress/dist/img/dev/hosts4.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/hosts4.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
docs/.vuepress/dist/img/dev/install1.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/install1.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
docs/.vuepress/dist/img/dev/install2.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/install2.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
BIN
docs/.vuepress/dist/img/dev/php7-1.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/php7-1.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
BIN
docs/.vuepress/dist/img/dev/php7-2.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/php7-2.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
BIN
docs/.vuepress/dist/img/dev/phpStudy1.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/phpStudy1.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
docs/.vuepress/dist/img/dev/phpStudy2.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/phpStudy2.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
BIN
docs/.vuepress/dist/img/dev/phpStudy3.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/phpStudy3.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
BIN
docs/.vuepress/dist/img/dev/phpStudy4.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/dev/phpStudy4.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
docs/.vuepress/dist/img/favicon.ico
vendored
Normal file
BIN
docs/.vuepress/dist/img/favicon.ico
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
BIN
docs/.vuepress/dist/img/hero-image.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/hero-image.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
BIN
docs/.vuepress/dist/img/support/jz-wx.jpg
vendored
Normal file
BIN
docs/.vuepress/dist/img/support/jz-wx.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
BIN
docs/.vuepress/dist/img/support/jz-wxzs.jpg
vendored
Normal file
BIN
docs/.vuepress/dist/img/support/jz-wxzs.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
BIN
docs/.vuepress/dist/img/support/jz-zfb.jpg
vendored
Normal file
BIN
docs/.vuepress/dist/img/support/jz-zfb.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 73 KiB |
BIN
docs/.vuepress/dist/img/support/qq-group01.png
vendored
Normal file
BIN
docs/.vuepress/dist/img/support/qq-group01.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
40
docs/.vuepress/dist/index.html
vendored
Normal file
40
docs/.vuepress/dist/index.html
vendored
Normal file
@@ -0,0 +1,40 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>ColorUI 使用文档</title>
|
||||
<meta name="generator" content="VuePress 1.9.2">
|
||||
<link rel="icon" href="/colorui-document/img/colorui-logo.png">
|
||||
<meta name="description" content="ColorUI 使用文档">
|
||||
<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.80babc79.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.ed909cb7.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.e65f3f2f.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.1ff17315.js" as="script"><link rel="preload" href="/colorui-document/assets/js/33.65178db4.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.abda041d.js"><link rel="prefetch" href="/colorui-document/assets/js/11.d6f4f259.js"><link rel="prefetch" href="/colorui-document/assets/js/12.e239404c.js"><link rel="prefetch" href="/colorui-document/assets/js/13.47c90b91.js"><link rel="prefetch" href="/colorui-document/assets/js/14.9d590cca.js"><link rel="prefetch" href="/colorui-document/assets/js/15.d757c01a.js"><link rel="prefetch" href="/colorui-document/assets/js/16.0c862978.js"><link rel="prefetch" href="/colorui-document/assets/js/17.797b2f92.js"><link rel="prefetch" href="/colorui-document/assets/js/18.73a1e6f6.js"><link rel="prefetch" href="/colorui-document/assets/js/19.d9bb1b0b.js"><link rel="prefetch" href="/colorui-document/assets/js/20.5fef763c.js"><link rel="prefetch" href="/colorui-document/assets/js/21.5de79672.js"><link rel="prefetch" href="/colorui-document/assets/js/22.1b0addf9.js"><link rel="prefetch" href="/colorui-document/assets/js/23.29cc255f.js"><link rel="prefetch" href="/colorui-document/assets/js/24.cbf6dbe2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.241abeb0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.489ea583.js"><link rel="prefetch" href="/colorui-document/assets/js/27.1e408ff8.js"><link rel="prefetch" href="/colorui-document/assets/js/28.3957ea46.js"><link rel="prefetch" href="/colorui-document/assets/js/29.258ab053.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2818fcd8.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b5e2fc60.js"><link rel="prefetch" href="/colorui-document/assets/js/32.fa9a0561.js"><link rel="prefetch" href="/colorui-document/assets/js/4.decf7746.js"><link rel="prefetch" href="/colorui-document/assets/js/5.951dcfb2.js"><link rel="prefetch" href="/colorui-document/assets/js/6.19c3a9a5.js"><link rel="prefetch" href="/colorui-document/assets/js/7.877fc01b.js"><link rel="prefetch" href="/colorui-document/assets/js/8.aecfa685.js"><link rel="prefetch" href="/colorui-document/assets/js/9.90c346c6.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.80babc79.css">
|
||||
</head>
|
||||
<body class="theme-mode-light">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open no-sidebar"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/colorui-document/" aria-current="page" class="home-link router-link-exact-active router-link-active"><img src="/colorui-document/img/colorui-logo.png" alt="ColorUI 使用文档" class="logo"> <span class="site-name can-hide">ColorUI 使用文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/colorui-document/pages/base/" class="nav-link">文档</a></div> <a href="https://github.com/weilanwl/coloruicss" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar-hover-trigger"></div> <aside class="sidebar" style="display:none;"><!----> <nav class="nav-links"><div class="nav-item"><a href="/colorui-document/pages/base/" class="nav-link">文档</a></div> <a href="https://github.com/weilanwl/coloruicss" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <!----> </aside> <div class="home-wrapper" data-v-d146d2d2><div class="banner" style="background:var(--mainBg);color:var(--textColor);" data-v-d146d2d2><div class="banner-conent" data-v-d146d2d2><header class="hero" data-v-d146d2d2><img src="/colorui-document/img/colorui-logo.png" data-v-d146d2d2> <h1 id="main-title" data-v-d146d2d2>
|
||||
ColorUI 使用文档
|
||||
</h1> <p class="description" data-v-d146d2d2>
|
||||
ColorUI 使用文档
|
||||
</p> <p class="action" data-v-d146d2d2><a href="/colorui-document/pages/base/" class="nav-link action-button" data-v-d146d2d2>快速开始 →</a></p></header> <!----></div> <!----></div> <div class="main-wrapper" data-v-d146d2d2><div class="main-left"><div class="post-list" data-v-d146d2d2><div></div></div> <div class="pagination" style="display:none;" data-v-d146d2d2><span class="card-box prev iconfont icon-jiantou-zuo disabled"><p>上一页</p></span> <div class="pagination-list"></div> <span class="card-box next iconfont icon-jiantou-you"><p>下一页</p></span></div> <div class="theme-vdoing-content custom card-box content__default" data-v-d146d2d2></div></div> <div class="main-right"><!----> <!----> <!----> <!----></div></div></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
|
||||
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
||||
| Copyright © 2022-2023
|
||||
<span>miren | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
|
||||
跟随系统
|
||||
</li><li class="iconfont icon-rijianmoshi">
|
||||
浅色模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
深色模式
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.ed909cb7.js" defer></script><script src="/colorui-document/assets/js/2.e65f3f2f.js" defer></script><script src="/colorui-document/assets/js/3.1ff17315.js" defer></script><script src="/colorui-document/assets/js/33.65178db4.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
41
docs/.vuepress/dist/pages/base/index.html
vendored
Normal file
41
docs/.vuepress/dist/pages/base/index.html
vendored
Normal file
File diff suppressed because one or more lines are too long
108
docs/.vuepress/dist/pages/baseStart/index.html
vendored
Normal file
108
docs/.vuepress/dist/pages/baseStart/index.html
vendored
Normal file
@@ -0,0 +1,108 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>快速使用 | ColorUI 使用文档</title>
|
||||
<meta name="generator" content="VuePress 1.9.2">
|
||||
<link rel="icon" href="/colorui-document/img/colorui-logo.png">
|
||||
<meta name="description" content="ColorUI 使用文档">
|
||||
<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.80babc79.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.ed909cb7.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.e65f3f2f.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.1ff17315.js" as="script"><link rel="preload" href="/colorui-document/assets/js/7.877fc01b.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.abda041d.js"><link rel="prefetch" href="/colorui-document/assets/js/11.d6f4f259.js"><link rel="prefetch" href="/colorui-document/assets/js/12.e239404c.js"><link rel="prefetch" href="/colorui-document/assets/js/13.47c90b91.js"><link rel="prefetch" href="/colorui-document/assets/js/14.9d590cca.js"><link rel="prefetch" href="/colorui-document/assets/js/15.d757c01a.js"><link rel="prefetch" href="/colorui-document/assets/js/16.0c862978.js"><link rel="prefetch" href="/colorui-document/assets/js/17.797b2f92.js"><link rel="prefetch" href="/colorui-document/assets/js/18.73a1e6f6.js"><link rel="prefetch" href="/colorui-document/assets/js/19.d9bb1b0b.js"><link rel="prefetch" href="/colorui-document/assets/js/20.5fef763c.js"><link rel="prefetch" href="/colorui-document/assets/js/21.5de79672.js"><link rel="prefetch" href="/colorui-document/assets/js/22.1b0addf9.js"><link rel="prefetch" href="/colorui-document/assets/js/23.29cc255f.js"><link rel="prefetch" href="/colorui-document/assets/js/24.cbf6dbe2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.241abeb0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.489ea583.js"><link rel="prefetch" href="/colorui-document/assets/js/27.1e408ff8.js"><link rel="prefetch" href="/colorui-document/assets/js/28.3957ea46.js"><link rel="prefetch" href="/colorui-document/assets/js/29.258ab053.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2818fcd8.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b5e2fc60.js"><link rel="prefetch" href="/colorui-document/assets/js/32.fa9a0561.js"><link rel="prefetch" href="/colorui-document/assets/js/33.65178db4.js"><link rel="prefetch" href="/colorui-document/assets/js/4.decf7746.js"><link rel="prefetch" href="/colorui-document/assets/js/5.951dcfb2.js"><link rel="prefetch" href="/colorui-document/assets/js/6.19c3a9a5.js"><link rel="prefetch" href="/colorui-document/assets/js/8.aecfa685.js"><link rel="prefetch" href="/colorui-document/assets/js/9.90c346c6.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.80babc79.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 open"><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/" aria-current="page" class="active sidebar-link">快速使用</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/baseStart/#素材" class="sidebar-link">素材</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/baseStart/#前言" class="sidebar-link">前言</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/baseStart/#交流" class="sidebar-link">交流</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/baseStart/#使用uniapp开发" class="sidebar-link">使用UniApp开发</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/baseStart/#使用原生小程序开发" 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/basics/layout/" class="sidebar-link">布局</a></li><li><a href="/colorui-document/pages/basics/background/" class="sidebar-link">背景</a></li><li><a href="/colorui-document/pages/basics/text/" class="sidebar-link">文本</a></li><li><a href="/colorui-document/pages/basics/icon/" class="sidebar-link">图标</a></li><li><a href="/colorui-document/pages/basics/button/" class="sidebar-link">按钮</a></li><li><a href="/colorui-document/pages/basics/tag/" class="sidebar-link">标签</a></li><li><a href="/colorui-document/pages/basics/avatar/" class="sidebar-link">头像</a></li><li><a href="/colorui-document/pages/basics/progress/" class="sidebar-link">进度条</a></li><li><a href="/colorui-document/pages/basics/shadow/" class="sidebar-link">边框阴影</a></li><li><a href="/colorui-document/pages/basics/loading/" class="sidebar-link">加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><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"></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>ColorUI在语雀有个群友共同在维护的知识库，里面有一些群友改的模板和UI素材供开发使用哦！ <a href="https://www.yuque.com/colorui" target="_blank" rel="noopener noreferrer">语雀-ColorUI群资源<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h2 id="前言"><a href="#前言" class="header-anchor">#</a> 前言</h2> <p>ColorUI是一个css库！！！在你引入样式后可以根据class来调用组件，一些含有交互的操作我也有简单写，可以为你开发提供一些思路。</p> <h2 id="交流"><a href="#交流" class="header-anchor">#</a> 交流</h2> <p>微信群：加入微信群请先添加开发者微信，备注UniApp插件市场。QQ群：240787041 或扫描二维码。</p> <p><a href="https://camo.githubusercontent.com/f686814edb071f1cce9f0401a5fd487c4f64b5aa8e981f080b04f255e21199c9/68747470733a2f2f636f732e636f6c6f722d75692e636f6d2f7765622f6b6d346a732e706e67" target="_blank" rel="noopener noreferrer"><img src="https://camo.githubusercontent.com/f686814edb071f1cce9f0401a5fd487c4f64b5aa8e981f080b04f255e21199c9/68747470733a2f2f636f732e636f6c6f722d75692e636f6d2f7765622f6b6d346a732e706e67" alt="img"><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h2 id="使用uniapp开发"><a href="#使用uniapp开发" class="header-anchor">#</a> 使用UniApp开发</h2> <h3 id="开始"><a href="#开始" class="header-anchor">#</a> 开始</h3> <p>下载源码解压获得<code>/Colorui-UniApp</code>文件夹，复制目录下的 <code>/colorui</code> 文件夹到你的项目根目录</p> <div class="language-vue extra-class"><pre class="language-vue"><code>App.vue` 引入关键Css `main.css` `icon.css
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>style</span><span class="token punctuation">></span></span><span class="token style"><span class="token language-css">
|
||||
<span class="token atrule"><span class="token rule">@import</span> <span class="token string">"colorui/main.css"</span><span class="token punctuation">;</span></span>
|
||||
<span class="token atrule"><span class="token rule">@import</span> <span class="token string">"colorui/icon.css"</span><span class="token punctuation">;</span></span>
|
||||
<span class="token atrule"><span class="token rule">@import</span> <span class="token string">"app.css"</span><span class="token punctuation">;</span></span> <span class="token comment">/* 你的项目css */</span>
|
||||
....
|
||||
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>style</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><h3 id="使用自定义导航栏"><a href="#使用自定义导航栏" class="header-anchor">#</a> 使用自定义导航栏</h3> <p>导航栏作为常用组件有做简单封装，当然你也可以直接复制代码结构自己修改，达到个性化目的。</p> <p><code>App.vue</code> 获得系统信息</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token function-variable function">onLaunch</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>
|
||||
uni<span class="token punctuation">.</span><span class="token function">getSystemInfo</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
||||
<span class="token function-variable function">success</span><span class="token operator">:</span> <span class="token keyword">function</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 comment">// #ifndef MP</span>
|
||||
<span class="token class-name">Vue</span><span class="token punctuation">.</span>prototype<span class="token punctuation">.</span>StatusBar <span class="token operator">=</span> e<span class="token punctuation">.</span>statusBarHeight<span class="token punctuation">;</span>
|
||||
<span class="token keyword">if</span> <span class="token punctuation">(</span>e<span class="token punctuation">.</span>platform <span class="token operator">==</span> <span class="token string">'android'</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
||||
<span class="token class-name">Vue</span><span class="token punctuation">.</span>prototype<span class="token punctuation">.</span>CustomBar <span class="token operator">=</span> e<span class="token punctuation">.</span>statusBarHeight <span class="token operator">+</span> <span class="token number">50</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 class-name">Vue</span><span class="token punctuation">.</span>prototype<span class="token punctuation">.</span>CustomBar <span class="token operator">=</span> e<span class="token punctuation">.</span>statusBarHeight <span class="token operator">+</span> <span class="token number">45</span><span class="token punctuation">;</span>
|
||||
<span class="token punctuation">}</span><span class="token punctuation">;</span>
|
||||
<span class="token comment">// #endif</span>
|
||||
<span class="token comment">// #ifdef MP-WEIXIN</span>
|
||||
<span class="token class-name">Vue</span><span class="token punctuation">.</span>prototype<span class="token punctuation">.</span>StatusBar <span class="token operator">=</span> e<span class="token punctuation">.</span>statusBarHeight<span class="token punctuation">;</span>
|
||||
<span class="token keyword">let</span> custom <span class="token operator">=</span> wx<span class="token punctuation">.</span><span class="token function">getMenuButtonBoundingClientRect</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
|
||||
<span class="token class-name">Vue</span><span class="token punctuation">.</span>prototype<span class="token punctuation">.</span>Custom <span class="token operator">=</span> custom<span class="token punctuation">;</span>
|
||||
<span class="token class-name">Vue</span><span class="token punctuation">.</span>prototype<span class="token punctuation">.</span>CustomBar <span class="token operator">=</span> custom<span class="token punctuation">.</span>bottom <span class="token operator">+</span> custom<span class="token punctuation">.</span>top <span class="token operator">-</span> e<span class="token punctuation">.</span>statusBarHeight<span class="token punctuation">;</span>
|
||||
<span class="token comment">// #endif </span>
|
||||
<span class="token comment">// #ifdef MP-ALIPAY</span>
|
||||
<span class="token class-name">Vue</span><span class="token punctuation">.</span>prototype<span class="token punctuation">.</span>StatusBar <span class="token operator">=</span> e<span class="token punctuation">.</span>statusBarHeight<span class="token punctuation">;</span>
|
||||
<span class="token class-name">Vue</span><span class="token punctuation">.</span>prototype<span class="token punctuation">.</span>CustomBar <span class="token operator">=</span> e<span class="token punctuation">.</span>statusBarHeight <span class="token operator">+</span> e<span class="token punctuation">.</span>titleBarHeight<span class="token punctuation">;</span>
|
||||
<span class="token comment">// #endif</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>
|
||||
</code></pre></div><p><code>pages.json</code> 配置取消系统导航栏</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token string-property property">"globalStyle"</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
||||
<span class="token string-property property">"navigationStyle"</span><span class="token operator">:</span> <span class="token string">"custom"</span>
|
||||
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
||||
</code></pre></div><p>复制代码结构可以直接使用，注意全局变量的获取。</p> <p>使用封装,在<code>main.js</code> 引入 <code>cu-custom</code> 组件。</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">import</span> cuCustom <span class="token keyword">from</span> <span class="token string">'./colorui/components/cu-custom.vue'</span>
|
||||
Vue<span class="token punctuation">.</span><span class="token function">component</span><span class="token punctuation">(</span><span class="token string">'cu-custom'</span><span class="token punctuation">,</span>cuCustom<span class="token punctuation">)</span>
|
||||
</code></pre></div><p><code>page.vue</code> 页面可以直接调用了</p> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>cu-custom</span> <span class="token attr-name">bgColor</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-gradual-blue<span class="token punctuation">"</span></span> <span class="token attr-name">:isBack</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>block</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>backText<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>返回<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>block</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>block</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>content<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>导航栏<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>block</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>cu-custom</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><table><thead><tr><th>参数</th> <th>作用</th> <th>类型</th> <th>默认值</th></tr></thead> <tbody><tr><td>bgColor</td> <td>背景颜色类名</td> <td>String</td> <td>''</td></tr> <tr><td>isBack</td> <td>是否开启返回</td> <td>Boolean</td> <td>false</td></tr> <tr><td>bgImage</td> <td>背景图片路径</td> <td>String</td> <td>''</td></tr></tbody></table> <table><thead><tr><th>slot块</th> <th>作用</th></tr></thead> <tbody><tr><td>backText</td> <td>返回时的文字</td></tr> <tr><td>content</td> <td>中间区域</td></tr> <tr><td>right</td> <td>右侧区域(小程序端可使用范围很窄！)</td></tr></tbody></table> <h2 id="使用原生小程序开发"><a href="#使用原生小程序开发" class="header-anchor">#</a> 使用原生小程序开发</h2> <h3 id="从现有项目开始"><a href="#从现有项目开始" class="header-anchor">#</a> 从现有项目开始</h3> <p>下载源码解压获得<code>/demo</code>，复制目录下的 <code>/colorui</code> 文件夹到你的项目根目录</p> <div class="language- extra-class"><pre class="language-text"><code>App.wxss` 引入关键Css `main.wxss` `icon.wxss
|
||||
@import "colorui/main.wxss";
|
||||
@import "colorui/icon.wxss";
|
||||
@import "app.css"; /* 你的项目css */
|
||||
....
|
||||
</code></pre></div><h3 id="从新项目开始"><a href="#从新项目开始" class="header-anchor">#</a> 从新项目开始</h3> <p>下载源码解压获得<code>/template</code>，复制<code>/template</code>并重命名为你的项目，导入到小程序开发工具既可以开始你的新项目了</p> <h3 id="使用自定义导航栏-2"><a href="#使用自定义导航栏-2" class="header-anchor">#</a> 使用自定义导航栏</h3> <p>导航栏作为常用组件有做简单封装，当然你也可以直接复制代码结构自己修改，达到个性化目的。</p> <p><code>App.js</code> 获得系统信息</p> <div class="language- extra-class"><pre class="language-text"><code>onLaunch: function() {
|
||||
wx.getSystemInfo({
|
||||
success: e => {
|
||||
this.globalData.StatusBar = e.statusBarHeight;
|
||||
let custom = wx.getMenuButtonBoundingClientRect();
|
||||
this.globalData.Custom = custom;
|
||||
this.globalData.CustomBar = custom.bottom + custom.top - e.statusBarHeight;
|
||||
}
|
||||
})
|
||||
},
|
||||
</code></pre></div><p><code>App.json</code> 配置取消系统导航栏,并全局引入组件</p> <div class="language- extra-class"><pre class="language-text"><code>"window": {
|
||||
"navigationStyle": "custom"
|
||||
},
|
||||
"usingComponents": {
|
||||
"cu-custom":"/colorui/components/cu-custom"
|
||||
}
|
||||
</code></pre></div><p><code>page.wxml</code> 页面可以直接调用了</p> <div class="language- extra-class"><pre class="language-text"><code><cu-custom bgColor="bg-gradual-pink" isBack="{{true}}">
|
||||
<view slot="backText">返回</view>
|
||||
<view slot="content">导航栏</view>
|
||||
</cu-custom>
|
||||
</code></pre></div><table><thead><tr><th>参数</th> <th>作用</th> <th>类型</th> <th>默认值</th></tr></thead> <tbody><tr><td>bgColor</td> <td>背景颜色类名</td> <td>String</td> <td>''</td></tr> <tr><td>isBack</td> <td>是否开启返回</td> <td>Boolean</td> <td>false</td></tr> <tr><td>isCustom</td> <td>是否开启左侧胶囊</td> <td>Boolean</td> <td>false</td></tr> <tr><td>bgImage</td> <td>背景图片路径</td> <td>String</td> <td>''</td></tr></tbody></table> <table><thead><tr><th>slot块</th> <th>作用</th></tr></thead> <tbody><tr><td>backText</td> <td>返回时的文字</td></tr> <tr><td>content</td> <td>中间区域</td></tr> <tr><td>right</td> <td>右侧区域(小程序端可使用范围很窄！)</td></tr></tbody></table></div></div> <div class="page-edit"><!----> <!----> <!----></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/base/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">介绍</div></a> <a href="/colorui-document/pages/basics/layout/" 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/base/" class="prev">介绍</a></span> <span class="next"><a href="/colorui-document/pages/basics/layout/">布局</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
|
||||
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
||||
| Copyright © 2022-2023
|
||||
<span>miren | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
|
||||
跟随系统
|
||||
</li><li class="iconfont icon-rijianmoshi">
|
||||
浅色模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
深色模式
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.ed909cb7.js" defer></script><script src="/colorui-document/assets/js/2.e65f3f2f.js" defer></script><script src="/colorui-document/assets/js/3.1ff17315.js" defer></script><script src="/colorui-document/assets/js/7.877fc01b.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
43
docs/.vuepress/dist/pages/basics/avatar/index.html
vendored
Normal file
43
docs/.vuepress/dist/pages/basics/avatar/index.html
vendored
Normal file
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>头像 | ColorUI 使用文档</title>
|
||||
<meta name="generator" content="VuePress 1.9.2">
|
||||
<link rel="icon" href="/colorui-document/img/colorui-logo.png">
|
||||
<meta name="description" content="ColorUI 使用文档">
|
||||
<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.80babc79.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.ed909cb7.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.e65f3f2f.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.1ff17315.js" as="script"><link rel="preload" href="/colorui-document/assets/js/14.9d590cca.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.abda041d.js"><link rel="prefetch" href="/colorui-document/assets/js/11.d6f4f259.js"><link rel="prefetch" href="/colorui-document/assets/js/12.e239404c.js"><link rel="prefetch" href="/colorui-document/assets/js/13.47c90b91.js"><link rel="prefetch" href="/colorui-document/assets/js/15.d757c01a.js"><link rel="prefetch" href="/colorui-document/assets/js/16.0c862978.js"><link rel="prefetch" href="/colorui-document/assets/js/17.797b2f92.js"><link rel="prefetch" href="/colorui-document/assets/js/18.73a1e6f6.js"><link rel="prefetch" href="/colorui-document/assets/js/19.d9bb1b0b.js"><link rel="prefetch" href="/colorui-document/assets/js/20.5fef763c.js"><link rel="prefetch" href="/colorui-document/assets/js/21.5de79672.js"><link rel="prefetch" href="/colorui-document/assets/js/22.1b0addf9.js"><link rel="prefetch" href="/colorui-document/assets/js/23.29cc255f.js"><link rel="prefetch" href="/colorui-document/assets/js/24.cbf6dbe2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.241abeb0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.489ea583.js"><link rel="prefetch" href="/colorui-document/assets/js/27.1e408ff8.js"><link rel="prefetch" href="/colorui-document/assets/js/28.3957ea46.js"><link rel="prefetch" href="/colorui-document/assets/js/29.258ab053.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2818fcd8.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b5e2fc60.js"><link rel="prefetch" href="/colorui-document/assets/js/32.fa9a0561.js"><link rel="prefetch" href="/colorui-document/assets/js/33.65178db4.js"><link rel="prefetch" href="/colorui-document/assets/js/4.decf7746.js"><link rel="prefetch" href="/colorui-document/assets/js/5.951dcfb2.js"><link rel="prefetch" href="/colorui-document/assets/js/6.19c3a9a5.js"><link rel="prefetch" href="/colorui-document/assets/js/7.877fc01b.js"><link rel="prefetch" href="/colorui-document/assets/js/8.aecfa685.js"><link rel="prefetch" href="/colorui-document/assets/js/9.90c346c6.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.80babc79.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/" 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/avatar/#头像" class="sidebar-link">头像</a></li></ul></li><li><a href="/colorui-document/pages/basics/progress/" class="sidebar-link">进度条</a></li><li><a href="/colorui-document/pages/basics/shadow/" class="sidebar-link">边框阴影</a></li><li><a href="/colorui-document/pages/basics/loading/" class="sidebar-link">加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><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"></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/basics/avatar</code></p> <div class="language-vue extra-class"><pre class="language-vue"><code></code></pre></div></details></div></div> <div class="page-edit"><!----> <!----> <!----></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>
|
||||
Theme by
|
||||
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
||||
| Copyright © 2022-2023
|
||||
<span>miren | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
|
||||
跟随系统
|
||||
</li><li class="iconfont icon-rijianmoshi">
|
||||
浅色模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
深色模式
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.ed909cb7.js" defer></script><script src="/colorui-document/assets/js/2.e65f3f2f.js" defer></script><script src="/colorui-document/assets/js/3.1ff17315.js" defer></script><script src="/colorui-document/assets/js/14.9d590cca.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
102
docs/.vuepress/dist/pages/basics/background/index.html
vendored
Normal file
102
docs/.vuepress/dist/pages/basics/background/index.html
vendored
Normal file
@@ -0,0 +1,102 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>背景 | ColorUI 使用文档</title>
|
||||
<meta name="generator" content="VuePress 1.9.2">
|
||||
<link rel="icon" href="/colorui-document/img/colorui-logo.png">
|
||||
<meta name="description" content="ColorUI 使用文档">
|
||||
<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.80babc79.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.ed909cb7.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.e65f3f2f.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.1ff17315.js" as="script"><link rel="preload" href="/colorui-document/assets/js/9.90c346c6.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.abda041d.js"><link rel="prefetch" href="/colorui-document/assets/js/11.d6f4f259.js"><link rel="prefetch" href="/colorui-document/assets/js/12.e239404c.js"><link rel="prefetch" href="/colorui-document/assets/js/13.47c90b91.js"><link rel="prefetch" href="/colorui-document/assets/js/14.9d590cca.js"><link rel="prefetch" href="/colorui-document/assets/js/15.d757c01a.js"><link rel="prefetch" href="/colorui-document/assets/js/16.0c862978.js"><link rel="prefetch" href="/colorui-document/assets/js/17.797b2f92.js"><link rel="prefetch" href="/colorui-document/assets/js/18.73a1e6f6.js"><link rel="prefetch" href="/colorui-document/assets/js/19.d9bb1b0b.js"><link rel="prefetch" href="/colorui-document/assets/js/20.5fef763c.js"><link rel="prefetch" href="/colorui-document/assets/js/21.5de79672.js"><link rel="prefetch" href="/colorui-document/assets/js/22.1b0addf9.js"><link rel="prefetch" href="/colorui-document/assets/js/23.29cc255f.js"><link rel="prefetch" href="/colorui-document/assets/js/24.cbf6dbe2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.241abeb0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.489ea583.js"><link rel="prefetch" href="/colorui-document/assets/js/27.1e408ff8.js"><link rel="prefetch" href="/colorui-document/assets/js/28.3957ea46.js"><link rel="prefetch" href="/colorui-document/assets/js/29.258ab053.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2818fcd8.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b5e2fc60.js"><link rel="prefetch" href="/colorui-document/assets/js/32.fa9a0561.js"><link rel="prefetch" href="/colorui-document/assets/js/33.65178db4.js"><link rel="prefetch" href="/colorui-document/assets/js/4.decf7746.js"><link rel="prefetch" href="/colorui-document/assets/js/5.951dcfb2.js"><link rel="prefetch" href="/colorui-document/assets/js/6.19c3a9a5.js"><link rel="prefetch" href="/colorui-document/assets/js/7.877fc01b.js"><link rel="prefetch" href="/colorui-document/assets/js/8.aecfa685.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.80babc79.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/" 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/background/#深色背景" class="sidebar-link">深色背景</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/background/#浅色背景" class="sidebar-link">浅色背景</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/background/#渐变背景" class="sidebar-link">渐变背景</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/background/#图片背景" class="sidebar-link">图片背景</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/background/#透明背景-文字层" class="sidebar-link">透明背景（文字层）</a></li></ul></li><li><a href="/colorui-document/pages/basics/text/" class="sidebar-link">文本</a></li><li><a href="/colorui-document/pages/basics/icon/" class="sidebar-link">图标</a></li><li><a href="/colorui-document/pages/basics/button/" class="sidebar-link">按钮</a></li><li><a href="/colorui-document/pages/basics/tag/" class="sidebar-link">标签</a></li><li><a href="/colorui-document/pages/basics/avatar/" class="sidebar-link">头像</a></li><li><a href="/colorui-document/pages/basics/progress/" class="sidebar-link">进度条</a></li><li><a href="/colorui-document/pages/basics/shadow/" class="sidebar-link">边框阴影</a></li><li><a href="/colorui-document/pages/basics/loading/" class="sidebar-link">加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><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"></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>
|
||||
.bg-orange <span class="token comment">/* 桔橙 #f37b1d */</span>
|
||||
.bg-yellow <span class="token comment">/* 明黄 #fbbd08 */</span>
|
||||
.bg-olive <span class="token comment">/* 橄榄 #8dc63f */</span>
|
||||
.bg-green <span class="token comment">/* 森绿 #39b54a */</span>
|
||||
.bg-cyan <span class="token comment">/* 天青 #1cbbb4 */</span>
|
||||
.bg-blue <span class="token comment">/* 海蓝 #0081ff */</span>
|
||||
.bg-purple <span class="token comment">/* 姹紫 #6739b6 */</span>
|
||||
.bg-mauve <span class="token comment">/* 木槿 #9c26b0 */</span>
|
||||
.bg-pink <span class="token comment">/* 桃粉 #e03997 */</span>
|
||||
.bg-brown <span class="token comment">/* 棕褐 #a5673f */</span>
|
||||
.bg-grey <span class="token comment">/* 玄灰 #8799a3 */</span>
|
||||
.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>
|
||||
在 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>
|
||||
.light .bg-olive <span class="token comment">/* 橄榄 #8dc63f */</span>
|
||||
.light .bg-green <span class="token comment">/* 森绿 #39b54a */</span>
|
||||
.light .bg-cyan <span class="token comment">/* 天青 #1cbbb4 */</span>
|
||||
.light .bg-blue <span class="token comment">/* 海蓝 #0081ff */</span>
|
||||
.light .bg-purple <span class="token comment">/* 姹紫 #6739b6 */</span>
|
||||
.light .bg-mauve <span class="token comment">/* 木槿 #9c26b0 */</span>
|
||||
.light .bg-pink <span class="token comment">/* 桃粉 #e03997 */</span>
|
||||
.light .bg-brown <span class="token comment">/* 棕褐 #a5673f */</span>
|
||||
.light .bg-grey <span class="token comment">/* 玄灰 #8799a3 */</span>
|
||||
</code></pre></div><h2 id="渐变背景"><a href="#渐变背景" class="header-anchor">#</a> 渐变背景</h2> <p>在 class 中加入 <code>bg-gradual-red|orange|...</code></p> <div class="language-css extra-class"><pre class="language-css"><code>.bg-gradual-red <span class="token comment">/* 魅红 #f43f3b - #ec008c */</span>
|
||||
.bg-gradual-orange <span class="token comment">/* 鎏金 #ff9700 - #ed1c24 */</span>
|
||||
.bg-gradual-green <span class="token comment">/* 翠柳 #39b54a - #8dc63f */</span>
|
||||
.bg-gradual-blue <span class="token comment">/* 靛青 #0081ff - #1cbbb4 */</span>
|
||||
.bg-gradual-purple <span class="token comment">/* 惑紫 #9000ff - #5e00ff */</span>
|
||||
.bg-gradual-pink <span class="token comment">/* 霞彩 #ec008c - #6739b6 */</span>
|
||||
</code></pre></div><h2 id="图片背景"><a href="#图片背景" class="header-anchor">#</a> 图片背景</h2> <p>在 class 中加入 <code>bg-img bg-mask</code></p> <blockquote><p>css 代码</p></blockquote> <div class="language-css extra-class"><pre class="language-css"><code>.bg-img 把背景图片放大到适合元素容器的尺寸，图片比例不变，但是要注意，超出容器的部分可能会裁掉。
|
||||
.bg-mask 在背景图片加一层黑色遮罩
|
||||
|
||||
.bg-shadeTop 背景图片加一层黑色遮罩上面开始
|
||||
.bg-shadeBottom 背景图片加一层黑色遮罩下面开始
|
||||
</code></pre></div><blockquote><p>演示代码</p></blockquote> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-img bg-mask flex align-center<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token string url">'https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg'</span><span class="token punctuation">)</span></span><span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span> 414upx<span class="token punctuation">;</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>padding-xl text-white<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>padding-xs text-xxl text-bold<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
钢铁之翼
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>padding-xs text-lg<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
Only the guilty need fear me.
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><h2 id="透明背景-文字层"><a href="#透明背景-文字层" class="header-anchor">#</a> 透明背景（文字层）</h2> <p>在 class 中加入 <code>bg-shadeBottom|shadeTop</code></p> <blockquote><p>演示代码</p></blockquote> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-img padding-bottom-xl<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token string url">'https://ossweb-img.qq.com/images/lol/web201310/skin/big10007.jpg'</span><span class="token punctuation">)</span></span><span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span> 207upx<span class="token punctuation">;</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-shadeTop padding padding-bottom-xl<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
上面开始
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-img padding-top-xl flex align-end<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token string url">'https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg'</span><span class="token punctuation">)</span></span><span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span> 207upx<span class="token punctuation">;</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-shadeBottom padding padding-top-xl flex-sub<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
下面开始
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div></div></div> <div class="page-edit"><!----> <!----> <!----></div> <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>
|
||||
Theme by
|
||||
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
||||
| Copyright © 2022-2023
|
||||
<span>miren | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
|
||||
跟随系统
|
||||
</li><li class="iconfont icon-rijianmoshi">
|
||||
浅色模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
深色模式
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.ed909cb7.js" defer></script><script src="/colorui-document/assets/js/2.e65f3f2f.js" defer></script><script src="/colorui-document/assets/js/3.1ff17315.js" defer></script><script src="/colorui-document/assets/js/9.90c346c6.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
77
docs/.vuepress/dist/pages/basics/button/index.html
vendored
Normal file
77
docs/.vuepress/dist/pages/basics/button/index.html
vendored
Normal file
File diff suppressed because one or more lines are too long
48
docs/.vuepress/dist/pages/basics/icon/index.html
vendored
Normal file
48
docs/.vuepress/dist/pages/basics/icon/index.html
vendored
Normal file
@@ -0,0 +1,48 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>图标 | ColorUI 使用文档</title>
|
||||
<meta name="generator" content="VuePress 1.9.2">
|
||||
<link rel="icon" href="/colorui-document/img/colorui-logo.png">
|
||||
<meta name="description" content="ColorUI 使用文档">
|
||||
<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.80babc79.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.ed909cb7.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.e65f3f2f.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.1ff17315.js" as="script"><link rel="preload" href="/colorui-document/assets/js/11.d6f4f259.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.abda041d.js"><link rel="prefetch" href="/colorui-document/assets/js/12.e239404c.js"><link rel="prefetch" href="/colorui-document/assets/js/13.47c90b91.js"><link rel="prefetch" href="/colorui-document/assets/js/14.9d590cca.js"><link rel="prefetch" href="/colorui-document/assets/js/15.d757c01a.js"><link rel="prefetch" href="/colorui-document/assets/js/16.0c862978.js"><link rel="prefetch" href="/colorui-document/assets/js/17.797b2f92.js"><link rel="prefetch" href="/colorui-document/assets/js/18.73a1e6f6.js"><link rel="prefetch" href="/colorui-document/assets/js/19.d9bb1b0b.js"><link rel="prefetch" href="/colorui-document/assets/js/20.5fef763c.js"><link rel="prefetch" href="/colorui-document/assets/js/21.5de79672.js"><link rel="prefetch" href="/colorui-document/assets/js/22.1b0addf9.js"><link rel="prefetch" href="/colorui-document/assets/js/23.29cc255f.js"><link rel="prefetch" href="/colorui-document/assets/js/24.cbf6dbe2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.241abeb0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.489ea583.js"><link rel="prefetch" href="/colorui-document/assets/js/27.1e408ff8.js"><link rel="prefetch" href="/colorui-document/assets/js/28.3957ea46.js"><link rel="prefetch" href="/colorui-document/assets/js/29.258ab053.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2818fcd8.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b5e2fc60.js"><link rel="prefetch" href="/colorui-document/assets/js/32.fa9a0561.js"><link rel="prefetch" href="/colorui-document/assets/js/33.65178db4.js"><link rel="prefetch" href="/colorui-document/assets/js/4.decf7746.js"><link rel="prefetch" href="/colorui-document/assets/js/5.951dcfb2.js"><link rel="prefetch" href="/colorui-document/assets/js/6.19c3a9a5.js"><link rel="prefetch" href="/colorui-document/assets/js/7.877fc01b.js"><link rel="prefetch" href="/colorui-document/assets/js/8.aecfa685.js"><link rel="prefetch" href="/colorui-document/assets/js/9.90c346c6.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.80babc79.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/" 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/icon/#引入样式" class="sidebar-link">引入样式</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/icon/#使用语法" class="sidebar-link">使用语法</a></li></ul></li><li><a href="/colorui-document/pages/basics/button/" class="sidebar-link">按钮</a></li><li><a href="/colorui-document/pages/basics/tag/" class="sidebar-link">标签</a></li><li><a href="/colorui-document/pages/basics/avatar/" class="sidebar-link">头像</a></li><li><a href="/colorui-document/pages/basics/progress/" class="sidebar-link">进度条</a></li><li><a href="/colorui-document/pages/basics/shadow/" class="sidebar-link">边框阴影</a></li><li><a href="/colorui-document/pages/basics/loading/" class="sidebar-link">加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><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"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">图标<!----></h1> <div class="theme-vdoing-content content__default"><div class="custom-block tip"><p class="custom-block-title">温馨提示</p> <p>点击右侧图标页面，对应的图标，即可复制类名：<code>cuIcon-图标名称</code></p></div> <h2 id="引入样式"><a href="#引入样式" class="header-anchor">#</a> 引入样式</h2> <p>编辑 <code>App.vue</code>文件在<code><style></code> 项引入 <code>icon.css</code></p> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>style</span><span class="token punctuation">></span></span><span class="token style"><span class="token language-css">
|
||||
<span class="token atrule"><span class="token rule">@import</span> <span class="token string">"colorui/main.css"</span><span class="token punctuation">;</span></span>
|
||||
<span class="token atrule"><span class="token rule">@import</span> <span class="token string">"colorui/icon.css"</span><span class="token punctuation">;</span></span>
|
||||
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>style</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><h2 id="使用语法"><a href="#使用语法" class="header-anchor">#</a> 使用语法</h2> <div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>标签</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>cuIcon-图标名称<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>标签</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div></div></div> <div class="page-edit"><!----> <!----> <!----></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/basics/text/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">文本</div></a> <a href="/colorui-document/pages/basics/button/" 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/text/" class="prev">文本</a></span> <span class="next"><a href="/colorui-document/pages/basics/button/">按钮</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
|
||||
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
||||
| Copyright © 2022-2023
|
||||
<span>miren | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
|
||||
跟随系统
|
||||
</li><li class="iconfont icon-rijianmoshi">
|
||||
浅色模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
深色模式
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.ed909cb7.js" defer></script><script src="/colorui-document/assets/js/2.e65f3f2f.js" defer></script><script src="/colorui-document/assets/js/3.1ff17315.js" defer></script><script src="/colorui-document/assets/js/11.d6f4f259.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
136
docs/.vuepress/dist/pages/basics/layout/index.html
vendored
Normal file
136
docs/.vuepress/dist/pages/basics/layout/index.html
vendored
Normal file
@@ -0,0 +1,136 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>布局 | ColorUI 使用文档</title>
|
||||
<meta name="generator" content="VuePress 1.9.2">
|
||||
<link rel="icon" href="/colorui-document/img/colorui-logo.png">
|
||||
<meta name="description" content="ColorUI 使用文档">
|
||||
<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.80babc79.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.ed909cb7.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.e65f3f2f.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.1ff17315.js" as="script"><link rel="preload" href="/colorui-document/assets/js/8.aecfa685.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.abda041d.js"><link rel="prefetch" href="/colorui-document/assets/js/11.d6f4f259.js"><link rel="prefetch" href="/colorui-document/assets/js/12.e239404c.js"><link rel="prefetch" href="/colorui-document/assets/js/13.47c90b91.js"><link rel="prefetch" href="/colorui-document/assets/js/14.9d590cca.js"><link rel="prefetch" href="/colorui-document/assets/js/15.d757c01a.js"><link rel="prefetch" href="/colorui-document/assets/js/16.0c862978.js"><link rel="prefetch" href="/colorui-document/assets/js/17.797b2f92.js"><link rel="prefetch" href="/colorui-document/assets/js/18.73a1e6f6.js"><link rel="prefetch" href="/colorui-document/assets/js/19.d9bb1b0b.js"><link rel="prefetch" href="/colorui-document/assets/js/20.5fef763c.js"><link rel="prefetch" href="/colorui-document/assets/js/21.5de79672.js"><link rel="prefetch" href="/colorui-document/assets/js/22.1b0addf9.js"><link rel="prefetch" href="/colorui-document/assets/js/23.29cc255f.js"><link rel="prefetch" href="/colorui-document/assets/js/24.cbf6dbe2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.241abeb0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.489ea583.js"><link rel="prefetch" href="/colorui-document/assets/js/27.1e408ff8.js"><link rel="prefetch" href="/colorui-document/assets/js/28.3957ea46.js"><link rel="prefetch" href="/colorui-document/assets/js/29.258ab053.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2818fcd8.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b5e2fc60.js"><link rel="prefetch" href="/colorui-document/assets/js/32.fa9a0561.js"><link rel="prefetch" href="/colorui-document/assets/js/33.65178db4.js"><link rel="prefetch" href="/colorui-document/assets/js/4.decf7746.js"><link rel="prefetch" href="/colorui-document/assets/js/5.951dcfb2.js"><link rel="prefetch" href="/colorui-document/assets/js/6.19c3a9a5.js"><link rel="prefetch" href="/colorui-document/assets/js/7.877fc01b.js"><link rel="prefetch" href="/colorui-document/assets/js/9.90c346c6.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.80babc79.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/" 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/layout/#flex布局" class="sidebar-link">Flex布局</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/layout/#grid布局" class="sidebar-link">Grid布局</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/layout/#辅助布局" class="sidebar-link">辅助布局</a></li></ul></li><li><a href="/colorui-document/pages/basics/background/" class="sidebar-link">背景</a></li><li><a href="/colorui-document/pages/basics/text/" class="sidebar-link">文本</a></li><li><a href="/colorui-document/pages/basics/icon/" class="sidebar-link">图标</a></li><li><a href="/colorui-document/pages/basics/button/" class="sidebar-link">按钮</a></li><li><a href="/colorui-document/pages/basics/tag/" class="sidebar-link">标签</a></li><li><a href="/colorui-document/pages/basics/avatar/" class="sidebar-link">头像</a></li><li><a href="/colorui-document/pages/basics/progress/" class="sidebar-link">进度条</a></li><li><a href="/colorui-document/pages/basics/shadow/" class="sidebar-link">边框阴影</a></li><li><a href="/colorui-document/pages/basics/loading/" class="sidebar-link">加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><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"></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%
|
||||
.basis-sm 所占比例 40%
|
||||
.basis-sub 所占比例 50%
|
||||
.basis-lg 所占比例 60%
|
||||
.basis-xl 所占比例 80%
|
||||
</code></pre></div><blockquote><p>演示代码</p></blockquote> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>flex flex-wrap<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>basis-xs bg-grey margin-xs padding-sm radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>xs(20%)<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>basis-df<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>basis-sm bg-grey margin-xs padding-sm radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>sm(40%)<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>basis-df<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>basis-df bg-grey margin-xs padding-sm radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>sub(50%)<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>basis-lg bg-grey margin-xs padding-sm radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>lg(60%)<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>basis-xl bg-grey margin-xs padding-sm radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>xl(80%)<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><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>.flex-sub 所占比例 1
|
||||
.flex-twice 所占比例 2
|
||||
.flex-treble 所占比例 3
|
||||
</code></pre></div><blockquote><p>演示代码</p></blockquote> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token comment"><!-- 1:1 --></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>flex<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>flex-sub bg-grey padding-sm margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>flex-sub bg-grey padding-sm margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token comment"><!-- 1:2 --></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>flex p-xs margin-bottom-sm mb-sm<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>flex-sub bg-grey padding-sm margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>flex-twice bg-grey padding-sm margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>2<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token comment"><!-- 1:2:3 --></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>flex p-xs margin-bottom-sm mb-sm<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>flex-sub bg-grey padding-sm margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>flex-twice bg-grey padding-sm margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>2<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>flex-treble bg-grey padding-sm margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>3<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><h3 id="水平对齐"><a href="#水平对齐" class="header-anchor">#</a> 水平对齐</h3> <p>父容器的 class 中加入 <code>justify-start|end|center|between|around</code></p> <blockquote><p>css</p></blockquote> <div class="language-css extra-class"><pre class="language-css"><code>.justify-start 对齐方式 从行首开始排列
|
||||
.justify-end 对齐方式 从行尾开始排列
|
||||
.justify-center 对齐方式 居中排列
|
||||
.justify-between 对齐方式 均匀排列每个元素，首个元素放置于起点，末尾元素放置于终点
|
||||
.justify-around 对齐方式 均匀排列每个元素，每个元素之间的间隔相等
|
||||
</code></pre></div><blockquote><p>演示代码</p></blockquote> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>flex solid-bottom padding justify-start<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-grey padding-sm margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>start<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-grey padding-sm margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>start<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>flex solid-bottom padding justify-end<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-grey padding-sm margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>end<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-grey padding-sm margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>end<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>flex solid-bottom padding justify-center<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-grey padding-sm margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>center<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-grey padding-sm margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>center<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>flex solid-bottom padding justify-between<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-grey padding-sm margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>between<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-grey padding-sm margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>between<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>flex solid-bottom padding justify-around<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-grey padding-sm margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>around<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-grey padding-sm margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>around<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><h3 id="垂直对齐"><a href="#垂直对齐" class="header-anchor">#</a> 垂直对齐</h3> <p>父容器的 class 中加入 <code>align-start|end|center</code></p> <blockquote><p>css</p></blockquote> <div class="language-css extra-class"><pre class="language-css"><code>.align-start 对齐方式 元素位于容器的开头，弹性盒子元素的侧轴（纵轴）起始位置的边界紧靠住该行的侧轴起始边界。
|
||||
.align-end 对齐方式 元素位于容器的结尾，弹性盒子元素的侧轴（纵轴）起始位置的边界紧靠住该行的侧轴结束边界。
|
||||
.align-center 对齐方式 元素位于容器的中心，弹性盒子元素在该行的侧轴（纵轴）上居中放置。（如果该行的尺寸小于弹性盒子元素的尺寸，则会向两个方向溢出相同的长度）。
|
||||
</code></pre></div><blockquote><p>演示代码</p></blockquote> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>flex solid-bottom padding align-start<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-grey padding-lg margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>ColorUi<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-grey padding-sm margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>start<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>flex solid-bottom padding align-end<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-grey padding-lg margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>ColorUi<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-grey padding-sm margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>end<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>flex solid-bottom padding align-center<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-grey padding-lg margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>ColorUi<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-grey padding-sm margin-xs radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>center<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><h2 id="grid布局"><a href="#grid布局" class="header-anchor">#</a> Grid布局</h2> <h3 id="等分列"><a href="#等分列" class="header-anchor">#</a> 等分列</h3> <p>class 加入 <code>grid col-1|2|3|...</code></p> <blockquote><p>演示代码</p></blockquote> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>grid margin-bottom text-center<span class="token punctuation">"</span></span> <span class="token attr-name">v-for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>(item,index) in 5<span class="token punctuation">"</span></span> <span class="token attr-name">:key</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>index<span class="token punctuation">"</span></span> <span class="token attr-name">:class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">'</span>col-' + (index+1)<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>padding<span class="token punctuation">"</span></span> <span class="token attr-name">:class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>indexs%2==0?'bg-cyan':'bg-blue'<span class="token punctuation">"</span></span> <span class="token attr-name">v-for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>(item,indexs) in (index+1)*2<span class="token punctuation">"</span></span> <span class="token attr-name">:key</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>indexs<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>{{indexs+1}}<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><h3 id="等高"><a href="#等高" class="header-anchor">#</a> 等高</h3> <p>在 class 中加入 <code>grid col-4|5|... grid-square</code></p> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>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>grid col-4 grid-square<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-img<span class="token punctuation">"</span></span> <span class="token attr-name">v-for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>(item,index) in avatar<span class="token punctuation">"</span></span> <span class="token attr-name">:key</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>index<span class="token punctuation">"</span></span> <span class="token attr-name">:style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>[{ backgroundImage:'url(' + avatar[index] + ')' }]<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
|
||||
<span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
|
||||
<span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
||||
<span class="token keyword">return</span> <span class="token punctuation">{</span>
|
||||
<span class="token literal-property property">avatar</span><span class="token operator">:</span><span class="token punctuation">[</span><span class="token string">'https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg'</span><span class="token punctuation">,</span><span class="token string">'https://ossweb-img.qq.com/images/lol/web201310/skin/big81005.jpg'</span><span class="token punctuation">,</span><span class="token string">'https://ossweb-img.qq.com/images/lol/web201310/skin/big25002.jpg'</span><span class="token punctuation">,</span><span class="token string">'https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg'</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 punctuation">,</span>
|
||||
<span class="token punctuation">}</span>
|
||||
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><h2 id="辅助布局"><a href="#辅助布局" class="header-anchor">#</a> 辅助布局</h2> <h3 id="浮动"><a href="#浮动" class="header-anchor">#</a> 浮动</h3> <p>在 class 加入 <code>fl|fr</code>，在父容器 class 加入 <code>cf</code></p> <blockquote><p>演示代码</p></blockquote> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>cf padding-sm<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-grey radius fl padding-sm<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>ColorUi fl<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-grey radius fr padding-sm<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>ColorUi fr<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><h3 id="内外边距"><a href="#内外边距" class="header-anchor">#</a> 内外边距</h3> <p><code>size=xs|sm|默认|lg|xl</code>，属性后面没有跟上 size 就是默认</p> <table><thead><tr><th>属性</th> <th style="text-align:left;">值</th></tr></thead> <tbody><tr><td>xs</td> <td style="text-align:left;"><code>10upx</code></td></tr> <tr><td>sm</td> <td style="text-align:left;"><code>20upx</code></td></tr> <tr><td>默认</td> <td style="text-align:left;"><code>30upx</code></td></tr> <tr><td>lg</td> <td style="text-align:left;"><code>40upx</code></td></tr> <tr><td>xl</td> <td style="text-align:left;"><code>50upx</code></td></tr></tbody></table> <table><thead><tr><th>内容</th> <th style="text-align:left;">css 属性</th></tr></thead> <tbody><tr><td>外边距</td> <td style="text-align:left;"><code>margin-{size}</code></td></tr> <tr><td>内边距</td> <td style="text-align:left;"><code>padding-{size}</code></td></tr> <tr><td>水平方向外边距</td> <td style="text-align:left;"><code>margin-lr-{size}</code></td></tr> <tr><td>水平方向内边距</td> <td style="text-align:left;"><code>padding-lr-{size}</code></td></tr> <tr><td>垂直方向外边距</td> <td style="text-align:left;"><code>margin-tb-{size}</code></td></tr> <tr><td>垂直方向内边距</td> <td style="text-align:left;"><code>padding-tb-{size}</code></td></tr> <tr><td>上外边距</td> <td style="text-align:left;"><code>margin-top-{size}</code></td></tr> <tr><td>上内边距</td> <td style="text-align:left;"><code>padding-top-{size}</code></td></tr> <tr><td>右外边距</td> <td style="text-align:left;"><code>margin-right-{size}</code></td></tr> <tr><td>右内边距</td> <td style="text-align:left;"><code>padding-right-{size}</code></td></tr> <tr><td>下外边距</td> <td style="text-align:left;"><code>margin-bottom-{size}</code></td></tr> <tr><td>下内边距</td> <td style="text-align:left;"><code>padding-bottom-{size}</code></td></tr> <tr><td>左外边距</td> <td style="text-align:left;"><code>margin-left-{size}</code></td></tr> <tr><td>左内边距</td> <td style="text-align:left;"><code>padding-left-{size}</code></td></tr></tbody></table></div></div> <div class="page-edit"><!----> <!----> <!----></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/baseStart/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">快速使用</div></a> <a href="/colorui-document/pages/basics/background/" 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/baseStart/" class="prev">快速使用</a></span> <span class="next"><a href="/colorui-document/pages/basics/background/">背景</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
|
||||
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
||||
| Copyright © 2022-2023
|
||||
<span>miren | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
|
||||
跟随系统
|
||||
</li><li class="iconfont icon-rijianmoshi">
|
||||
浅色模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
深色模式
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.ed909cb7.js" defer></script><script src="/colorui-document/assets/js/2.e65f3f2f.js" defer></script><script src="/colorui-document/assets/js/3.1ff17315.js" defer></script><script src="/colorui-document/assets/js/8.aecfa685.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
43
docs/.vuepress/dist/pages/basics/loading/index.html
vendored
Normal file
43
docs/.vuepress/dist/pages/basics/loading/index.html
vendored
Normal file
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>加载 | ColorUI 使用文档</title>
|
||||
<meta name="generator" content="VuePress 1.9.2">
|
||||
<link rel="icon" href="/colorui-document/img/colorui-logo.png">
|
||||
<meta name="description" content="ColorUI 使用文档">
|
||||
<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.80babc79.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.ed909cb7.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.e65f3f2f.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.1ff17315.js" as="script"><link rel="preload" href="/colorui-document/assets/js/17.797b2f92.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.abda041d.js"><link rel="prefetch" href="/colorui-document/assets/js/11.d6f4f259.js"><link rel="prefetch" href="/colorui-document/assets/js/12.e239404c.js"><link rel="prefetch" href="/colorui-document/assets/js/13.47c90b91.js"><link rel="prefetch" href="/colorui-document/assets/js/14.9d590cca.js"><link rel="prefetch" href="/colorui-document/assets/js/15.d757c01a.js"><link rel="prefetch" href="/colorui-document/assets/js/16.0c862978.js"><link rel="prefetch" href="/colorui-document/assets/js/18.73a1e6f6.js"><link rel="prefetch" href="/colorui-document/assets/js/19.d9bb1b0b.js"><link rel="prefetch" href="/colorui-document/assets/js/20.5fef763c.js"><link rel="prefetch" href="/colorui-document/assets/js/21.5de79672.js"><link rel="prefetch" href="/colorui-document/assets/js/22.1b0addf9.js"><link rel="prefetch" href="/colorui-document/assets/js/23.29cc255f.js"><link rel="prefetch" href="/colorui-document/assets/js/24.cbf6dbe2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.241abeb0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.489ea583.js"><link rel="prefetch" href="/colorui-document/assets/js/27.1e408ff8.js"><link rel="prefetch" href="/colorui-document/assets/js/28.3957ea46.js"><link rel="prefetch" href="/colorui-document/assets/js/29.258ab053.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2818fcd8.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b5e2fc60.js"><link rel="prefetch" href="/colorui-document/assets/js/32.fa9a0561.js"><link rel="prefetch" href="/colorui-document/assets/js/33.65178db4.js"><link rel="prefetch" href="/colorui-document/assets/js/4.decf7746.js"><link rel="prefetch" href="/colorui-document/assets/js/5.951dcfb2.js"><link rel="prefetch" href="/colorui-document/assets/js/6.19c3a9a5.js"><link rel="prefetch" href="/colorui-document/assets/js/7.877fc01b.js"><link rel="prefetch" href="/colorui-document/assets/js/8.aecfa685.js"><link rel="prefetch" href="/colorui-document/assets/js/9.90c346c6.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.80babc79.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">
|
||||
视图模式
|
||||
</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"></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/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> <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>
|
||||
Theme by
|
||||
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
||||
| Copyright © 2022-2023
|
||||
<span>miren | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
|
||||
跟随系统
|
||||
</li><li class="iconfont icon-rijianmoshi">
|
||||
浅色模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
深色模式
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.ed909cb7.js" defer></script><script src="/colorui-document/assets/js/2.e65f3f2f.js" defer></script><script src="/colorui-document/assets/js/3.1ff17315.js" defer></script><script src="/colorui-document/assets/js/17.797b2f92.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
43
docs/.vuepress/dist/pages/basics/progress/index.html
vendored
Normal file
43
docs/.vuepress/dist/pages/basics/progress/index.html
vendored
Normal file
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>进度条 | ColorUI 使用文档</title>
|
||||
<meta name="generator" content="VuePress 1.9.2">
|
||||
<link rel="icon" href="/colorui-document/img/colorui-logo.png">
|
||||
<meta name="description" content="ColorUI 使用文档">
|
||||
<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.80babc79.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.ed909cb7.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.e65f3f2f.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.1ff17315.js" as="script"><link rel="preload" href="/colorui-document/assets/js/15.d757c01a.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.abda041d.js"><link rel="prefetch" href="/colorui-document/assets/js/11.d6f4f259.js"><link rel="prefetch" href="/colorui-document/assets/js/12.e239404c.js"><link rel="prefetch" href="/colorui-document/assets/js/13.47c90b91.js"><link rel="prefetch" href="/colorui-document/assets/js/14.9d590cca.js"><link rel="prefetch" href="/colorui-document/assets/js/16.0c862978.js"><link rel="prefetch" href="/colorui-document/assets/js/17.797b2f92.js"><link rel="prefetch" href="/colorui-document/assets/js/18.73a1e6f6.js"><link rel="prefetch" href="/colorui-document/assets/js/19.d9bb1b0b.js"><link rel="prefetch" href="/colorui-document/assets/js/20.5fef763c.js"><link rel="prefetch" href="/colorui-document/assets/js/21.5de79672.js"><link rel="prefetch" href="/colorui-document/assets/js/22.1b0addf9.js"><link rel="prefetch" href="/colorui-document/assets/js/23.29cc255f.js"><link rel="prefetch" href="/colorui-document/assets/js/24.cbf6dbe2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.241abeb0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.489ea583.js"><link rel="prefetch" href="/colorui-document/assets/js/27.1e408ff8.js"><link rel="prefetch" href="/colorui-document/assets/js/28.3957ea46.js"><link rel="prefetch" href="/colorui-document/assets/js/29.258ab053.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2818fcd8.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b5e2fc60.js"><link rel="prefetch" href="/colorui-document/assets/js/32.fa9a0561.js"><link rel="prefetch" href="/colorui-document/assets/js/33.65178db4.js"><link rel="prefetch" href="/colorui-document/assets/js/4.decf7746.js"><link rel="prefetch" href="/colorui-document/assets/js/5.951dcfb2.js"><link rel="prefetch" href="/colorui-document/assets/js/6.19c3a9a5.js"><link rel="prefetch" href="/colorui-document/assets/js/7.877fc01b.js"><link rel="prefetch" href="/colorui-document/assets/js/8.aecfa685.js"><link rel="prefetch" href="/colorui-document/assets/js/9.90c346c6.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.80babc79.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">
|
||||
视图模式
|
||||
</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"></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/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> <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>
|
||||
Theme by
|
||||
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
||||
| Copyright © 2022-2023
|
||||
<span>miren | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
|
||||
跟随系统
|
||||
</li><li class="iconfont icon-rijianmoshi">
|
||||
浅色模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
深色模式
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.ed909cb7.js" defer></script><script src="/colorui-document/assets/js/2.e65f3f2f.js" defer></script><script src="/colorui-document/assets/js/3.1ff17315.js" defer></script><script src="/colorui-document/assets/js/15.d757c01a.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
43
docs/.vuepress/dist/pages/basics/shadow/index.html
vendored
Normal file
43
docs/.vuepress/dist/pages/basics/shadow/index.html
vendored
Normal file
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>边框阴影 | ColorUI 使用文档</title>
|
||||
<meta name="generator" content="VuePress 1.9.2">
|
||||
<link rel="icon" href="/colorui-document/img/colorui-logo.png">
|
||||
<meta name="description" content="ColorUI 使用文档">
|
||||
<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.80babc79.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.ed909cb7.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.e65f3f2f.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.1ff17315.js" as="script"><link rel="preload" href="/colorui-document/assets/js/16.0c862978.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.abda041d.js"><link rel="prefetch" href="/colorui-document/assets/js/11.d6f4f259.js"><link rel="prefetch" href="/colorui-document/assets/js/12.e239404c.js"><link rel="prefetch" href="/colorui-document/assets/js/13.47c90b91.js"><link rel="prefetch" href="/colorui-document/assets/js/14.9d590cca.js"><link rel="prefetch" href="/colorui-document/assets/js/15.d757c01a.js"><link rel="prefetch" href="/colorui-document/assets/js/17.797b2f92.js"><link rel="prefetch" href="/colorui-document/assets/js/18.73a1e6f6.js"><link rel="prefetch" href="/colorui-document/assets/js/19.d9bb1b0b.js"><link rel="prefetch" href="/colorui-document/assets/js/20.5fef763c.js"><link rel="prefetch" href="/colorui-document/assets/js/21.5de79672.js"><link rel="prefetch" href="/colorui-document/assets/js/22.1b0addf9.js"><link rel="prefetch" href="/colorui-document/assets/js/23.29cc255f.js"><link rel="prefetch" href="/colorui-document/assets/js/24.cbf6dbe2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.241abeb0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.489ea583.js"><link rel="prefetch" href="/colorui-document/assets/js/27.1e408ff8.js"><link rel="prefetch" href="/colorui-document/assets/js/28.3957ea46.js"><link rel="prefetch" href="/colorui-document/assets/js/29.258ab053.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2818fcd8.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b5e2fc60.js"><link rel="prefetch" href="/colorui-document/assets/js/32.fa9a0561.js"><link rel="prefetch" href="/colorui-document/assets/js/33.65178db4.js"><link rel="prefetch" href="/colorui-document/assets/js/4.decf7746.js"><link rel="prefetch" href="/colorui-document/assets/js/5.951dcfb2.js"><link rel="prefetch" href="/colorui-document/assets/js/6.19c3a9a5.js"><link rel="prefetch" href="/colorui-document/assets/js/7.877fc01b.js"><link rel="prefetch" href="/colorui-document/assets/js/8.aecfa685.js"><link rel="prefetch" href="/colorui-document/assets/js/9.90c346c6.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.80babc79.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">
|
||||
视图模式
|
||||
</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"></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> <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>
|
||||
Theme by
|
||||
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
||||
| Copyright © 2022-2023
|
||||
<span>miren | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
|
||||
跟随系统
|
||||
</li><li class="iconfont icon-rijianmoshi">
|
||||
浅色模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
深色模式
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.ed909cb7.js" defer></script><script src="/colorui-document/assets/js/2.e65f3f2f.js" defer></script><script src="/colorui-document/assets/js/3.1ff17315.js" defer></script><script src="/colorui-document/assets/js/16.0c862978.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
43
docs/.vuepress/dist/pages/basics/tag/index.html
vendored
Normal file
43
docs/.vuepress/dist/pages/basics/tag/index.html
vendored
Normal file
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>标签 | ColorUI 使用文档</title>
|
||||
<meta name="generator" content="VuePress 1.9.2">
|
||||
<link rel="icon" href="/colorui-document/img/colorui-logo.png">
|
||||
<meta name="description" content="ColorUI 使用文档">
|
||||
<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.80babc79.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.ed909cb7.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.e65f3f2f.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.1ff17315.js" as="script"><link rel="preload" href="/colorui-document/assets/js/13.47c90b91.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.abda041d.js"><link rel="prefetch" href="/colorui-document/assets/js/11.d6f4f259.js"><link rel="prefetch" href="/colorui-document/assets/js/12.e239404c.js"><link rel="prefetch" href="/colorui-document/assets/js/14.9d590cca.js"><link rel="prefetch" href="/colorui-document/assets/js/15.d757c01a.js"><link rel="prefetch" href="/colorui-document/assets/js/16.0c862978.js"><link rel="prefetch" href="/colorui-document/assets/js/17.797b2f92.js"><link rel="prefetch" href="/colorui-document/assets/js/18.73a1e6f6.js"><link rel="prefetch" href="/colorui-document/assets/js/19.d9bb1b0b.js"><link rel="prefetch" href="/colorui-document/assets/js/20.5fef763c.js"><link rel="prefetch" href="/colorui-document/assets/js/21.5de79672.js"><link rel="prefetch" href="/colorui-document/assets/js/22.1b0addf9.js"><link rel="prefetch" href="/colorui-document/assets/js/23.29cc255f.js"><link rel="prefetch" href="/colorui-document/assets/js/24.cbf6dbe2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.241abeb0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.489ea583.js"><link rel="prefetch" href="/colorui-document/assets/js/27.1e408ff8.js"><link rel="prefetch" href="/colorui-document/assets/js/28.3957ea46.js"><link rel="prefetch" href="/colorui-document/assets/js/29.258ab053.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2818fcd8.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b5e2fc60.js"><link rel="prefetch" href="/colorui-document/assets/js/32.fa9a0561.js"><link rel="prefetch" href="/colorui-document/assets/js/33.65178db4.js"><link rel="prefetch" href="/colorui-document/assets/js/4.decf7746.js"><link rel="prefetch" href="/colorui-document/assets/js/5.951dcfb2.js"><link rel="prefetch" href="/colorui-document/assets/js/6.19c3a9a5.js"><link rel="prefetch" href="/colorui-document/assets/js/7.877fc01b.js"><link rel="prefetch" href="/colorui-document/assets/js/8.aecfa685.js"><link rel="prefetch" href="/colorui-document/assets/js/9.90c346c6.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.80babc79.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/" 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/tag/#标签" class="sidebar-link">标签</a></li></ul></li><li><a href="/colorui-document/pages/basics/avatar/" class="sidebar-link">头像</a></li><li><a href="/colorui-document/pages/basics/progress/" class="sidebar-link">进度条</a></li><li><a href="/colorui-document/pages/basics/shadow/" class="sidebar-link">边框阴影</a></li><li><a href="/colorui-document/pages/basics/loading/" class="sidebar-link">加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><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"></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/basics/tag</code></p> <div class="language-vue extra-class"><pre class="language-vue"><code></code></pre></div></details></div></div> <div class="page-edit"><!----> <!----> <!----></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>
|
||||
Theme by
|
||||
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
||||
| Copyright © 2022-2023
|
||||
<span>miren | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
|
||||
跟随系统
|
||||
</li><li class="iconfont icon-rijianmoshi">
|
||||
浅色模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
深色模式
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.ed909cb7.js" defer></script><script src="/colorui-document/assets/js/2.e65f3f2f.js" defer></script><script src="/colorui-document/assets/js/3.1ff17315.js" defer></script><script src="/colorui-document/assets/js/13.47c90b91.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
118
docs/.vuepress/dist/pages/basics/text/index.html
vendored
Normal file
118
docs/.vuepress/dist/pages/basics/text/index.html
vendored
Normal file
@@ -0,0 +1,118 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>文本 | ColorUI 使用文档</title>
|
||||
<meta name="generator" content="VuePress 1.9.2">
|
||||
<link rel="icon" href="/colorui-document/img/colorui-logo.png">
|
||||
<meta name="description" content="ColorUI 使用文档">
|
||||
<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.80babc79.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.ed909cb7.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.e65f3f2f.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.1ff17315.js" as="script"><link rel="preload" href="/colorui-document/assets/js/10.abda041d.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/11.d6f4f259.js"><link rel="prefetch" href="/colorui-document/assets/js/12.e239404c.js"><link rel="prefetch" href="/colorui-document/assets/js/13.47c90b91.js"><link rel="prefetch" href="/colorui-document/assets/js/14.9d590cca.js"><link rel="prefetch" href="/colorui-document/assets/js/15.d757c01a.js"><link rel="prefetch" href="/colorui-document/assets/js/16.0c862978.js"><link rel="prefetch" href="/colorui-document/assets/js/17.797b2f92.js"><link rel="prefetch" href="/colorui-document/assets/js/18.73a1e6f6.js"><link rel="prefetch" href="/colorui-document/assets/js/19.d9bb1b0b.js"><link rel="prefetch" href="/colorui-document/assets/js/20.5fef763c.js"><link rel="prefetch" href="/colorui-document/assets/js/21.5de79672.js"><link rel="prefetch" href="/colorui-document/assets/js/22.1b0addf9.js"><link rel="prefetch" href="/colorui-document/assets/js/23.29cc255f.js"><link rel="prefetch" href="/colorui-document/assets/js/24.cbf6dbe2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.241abeb0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.489ea583.js"><link rel="prefetch" href="/colorui-document/assets/js/27.1e408ff8.js"><link rel="prefetch" href="/colorui-document/assets/js/28.3957ea46.js"><link rel="prefetch" href="/colorui-document/assets/js/29.258ab053.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2818fcd8.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b5e2fc60.js"><link rel="prefetch" href="/colorui-document/assets/js/32.fa9a0561.js"><link rel="prefetch" href="/colorui-document/assets/js/33.65178db4.js"><link rel="prefetch" href="/colorui-document/assets/js/4.decf7746.js"><link rel="prefetch" href="/colorui-document/assets/js/5.951dcfb2.js"><link rel="prefetch" href="/colorui-document/assets/js/6.19c3a9a5.js"><link rel="prefetch" href="/colorui-document/assets/js/7.877fc01b.js"><link rel="prefetch" href="/colorui-document/assets/js/8.aecfa685.js"><link rel="prefetch" href="/colorui-document/assets/js/9.90c346c6.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.80babc79.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/" 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/text/#文字大小" class="sidebar-link">文字大小</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/text/#文字颜色" class="sidebar-link">文字颜色</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/text/#文字阴影" class="sidebar-link">文字阴影</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/text/#文字截断" class="sidebar-link">文字截断</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/text/#文字对齐" class="sidebar-link">文字对齐</a></li><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/basics/text/#特殊文字" class="sidebar-link">特殊文字</a></li></ul></li><li><a href="/colorui-document/pages/basics/icon/" class="sidebar-link">图标</a></li><li><a href="/colorui-document/pages/basics/button/" class="sidebar-link">按钮</a></li><li><a href="/colorui-document/pages/basics/tag/" class="sidebar-link">标签</a></li><li><a href="/colorui-document/pages/basics/avatar/" class="sidebar-link">头像</a></li><li><a href="/colorui-document/pages/basics/progress/" class="sidebar-link">进度条</a></li><li><a href="/colorui-document/pages/basics/shadow/" class="sidebar-link">边框阴影</a></li><li><a href="/colorui-document/pages/basics/loading/" class="sidebar-link">加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><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"></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 页面大标题，用于结果页等单一信息页
|
||||
.text-lg 文字大小 16px 页面小标题，首要层级显示内容
|
||||
.text-df 文字大小 14px 页面默认字号，用于摘要或阅读文本
|
||||
.text-sm 文字大小 12px 页面辅助信息，次级内容等
|
||||
.text-xs 文字大小 10px 说明文本，标签文字等关注度低的文字
|
||||
</code></pre></div><h2 id="文字颜色"><a href="#文字颜色" class="header-anchor">#</a> 文字颜色</h2> <div class="language-css extra-class"><pre class="language-css"><code>.text-red <span class="token comment">/* 嫣红 #e54d42 */</span>
|
||||
.text-orange <span class="token comment">/* 桔橙 #f37b1d */</span>
|
||||
.text-yellow <span class="token comment">/* 明黄 #fbbd08 */</span>
|
||||
.text-olive <span class="token comment">/* 橄榄 #8dc63f */</span>
|
||||
.text-green <span class="token comment">/* 森绿 #39b54a */</span>
|
||||
.text-cyan <span class="token comment">/* 天青 #1cbbb4 */</span>
|
||||
.text-blue <span class="token comment">/* 海蓝 #0081ff */</span>
|
||||
.text-purple <span class="token comment">/* 姹紫 #6739b6 */</span>
|
||||
.text-mauve <span class="token comment">/* 木槿 #9c26b0 */</span>
|
||||
.text-pink <span class="token comment">/* 桃粉 #e03997 */</span>
|
||||
.text-brown <span class="token comment">/* 棕褐 #a5673f */</span>
|
||||
.text-grey <span class="token comment">/* 玄灰 #8799a3 */</span>
|
||||
.text-gray <span class="token comment">/* 草灰 #aaaaaa */</span>
|
||||
.text-black <span class="token comment">/* 墨黑 #333333 */</span>
|
||||
.text-white <span class="token comment">/* 雅白 #ffffff */</span>
|
||||
</code></pre></div><h2 id="文字阴影"><a href="#文字阴影" class="header-anchor">#</a> 文字阴影</h2> <div class="language-css extra-class"><pre class="language-css"><code><span class="token selector">.text-shadow</span> <span class="token punctuation">{</span>
|
||||
<span class="token comment">/* h-shadow 水平阴影的位置 v-shadow 垂直阴影的位置 blur 模糊的距离 color 阴影的颜色; */</span>
|
||||
<span class="token property">text-shadow</span><span class="token punctuation">:</span> 3px 3px 4px <span class="token function">rgba</span><span class="token punctuation">(</span>204<span class="token punctuation">,</span> 69<span class="token punctuation">,</span> 59<span class="token punctuation">,</span> 0.2<span class="token punctuation">)</span><span class="token punctuation">;</span>
|
||||
<span class="token punctuation">}</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>.text-cut 定义文字容器宽度，超出截断
|
||||
</code></pre></div><blockquote><p>演示代码</p></blockquote> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>template</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>padding bg-white<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-cut padding bg-grey radius<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">width</span><span class="token punctuation">:</span>220px</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>我于杀戮之中绽放 ,亦如黎明中的花朵<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>template</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><h2 id="文字对齐"><a href="#文字对齐" class="header-anchor">#</a> 文字对齐</h2> <blockquote><p>css 代码</p></blockquote> <div class="language-css extra-class"><pre class="language-css"><code>.text-left 左对齐
|
||||
.text-center 居中对齐
|
||||
.text-right 右对齐
|
||||
</code></pre></div><blockquote><p>演示代码</p></blockquote> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>template</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>padding bg-white<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-left padding<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>我于杀戮之中绽放 ,亦如黎明中的花朵<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-center padding<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>我于杀戮之中绽放 ,亦如黎明中的花朵<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-right padding<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>我于杀戮之中绽放 ,亦如黎明中的花朵<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>template</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><h2 id="特殊文字"><a href="#特殊文字" class="header-anchor">#</a> 特殊文字</h2> <blockquote><p>css 代码</p></blockquote> <div class="language-css extra-class"><pre class="language-css"><code>.text-price 价格文本，利用伪元素添加<span class="token string">"¥"</span>符号
|
||||
.text-Abc 英文单词首字母大写
|
||||
.text-ABC 全部字母大写
|
||||
.text-abc 全部字母小写
|
||||
</code></pre></div><blockquote><p>演示代码</p></blockquote> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>template</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>padding text-center<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>padding-lr bg-white<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>solid-bottom padding<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>text</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-price<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>80.00<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>text</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>padding<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>价格文本，利用伪元素添加"¥"符号<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>padding-lr bg-white margin-top<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>solid-bottom padding<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>text</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-Abc<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>color Ui<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>text</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>padding<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>英文单词首字母大写<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>padding-lr bg-white margin-top<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>solid-bottom padding<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>text</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-ABC<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>color Ui<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>text</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>padding<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>全部字母大写<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>padding-lr bg-white margin-top<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>solid-bottom padding<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>text</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-abc<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>color Ui<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>text</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>padding<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>全部字母小写<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>template</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div></div></div> <div class="page-edit"><!----> <!----> <!----></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/basics/background/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">背景</div></a> <a href="/colorui-document/pages/basics/icon/" 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/background/" class="prev">背景</a></span> <span class="next"><a href="/colorui-document/pages/basics/icon/">图标</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
|
||||
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
||||
| Copyright © 2022-2023
|
||||
<span>miren | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
|
||||
跟随系统
|
||||
</li><li class="iconfont icon-rijianmoshi">
|
||||
浅色模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
深色模式
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.ed909cb7.js" defer></script><script src="/colorui-document/assets/js/2.e65f3f2f.js" defer></script><script src="/colorui-document/assets/js/3.1ff17315.js" defer></script><script src="/colorui-document/assets/js/10.abda041d.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
43
docs/.vuepress/dist/pages/component/bar/index.html
vendored
Normal file
43
docs/.vuepress/dist/pages/component/bar/index.html
vendored
Normal file
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>操作条 | ColorUI 使用文档</title>
|
||||
<meta name="generator" content="VuePress 1.9.2">
|
||||
<link rel="icon" href="/colorui-document/img/colorui-logo.png">
|
||||
<meta name="description" content="ColorUI 使用文档">
|
||||
<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.80babc79.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.ed909cb7.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.e65f3f2f.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.1ff17315.js" as="script"><link rel="preload" href="/colorui-document/assets/js/18.73a1e6f6.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.abda041d.js"><link rel="prefetch" href="/colorui-document/assets/js/11.d6f4f259.js"><link rel="prefetch" href="/colorui-document/assets/js/12.e239404c.js"><link rel="prefetch" href="/colorui-document/assets/js/13.47c90b91.js"><link rel="prefetch" href="/colorui-document/assets/js/14.9d590cca.js"><link rel="prefetch" href="/colorui-document/assets/js/15.d757c01a.js"><link rel="prefetch" href="/colorui-document/assets/js/16.0c862978.js"><link rel="prefetch" href="/colorui-document/assets/js/17.797b2f92.js"><link rel="prefetch" href="/colorui-document/assets/js/19.d9bb1b0b.js"><link rel="prefetch" href="/colorui-document/assets/js/20.5fef763c.js"><link rel="prefetch" href="/colorui-document/assets/js/21.5de79672.js"><link rel="prefetch" href="/colorui-document/assets/js/22.1b0addf9.js"><link rel="prefetch" href="/colorui-document/assets/js/23.29cc255f.js"><link rel="prefetch" href="/colorui-document/assets/js/24.cbf6dbe2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.241abeb0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.489ea583.js"><link rel="prefetch" href="/colorui-document/assets/js/27.1e408ff8.js"><link rel="prefetch" href="/colorui-document/assets/js/28.3957ea46.js"><link rel="prefetch" href="/colorui-document/assets/js/29.258ab053.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2818fcd8.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b5e2fc60.js"><link rel="prefetch" href="/colorui-document/assets/js/32.fa9a0561.js"><link rel="prefetch" href="/colorui-document/assets/js/33.65178db4.js"><link rel="prefetch" href="/colorui-document/assets/js/4.decf7746.js"><link rel="prefetch" href="/colorui-document/assets/js/5.951dcfb2.js"><link rel="prefetch" href="/colorui-document/assets/js/6.19c3a9a5.js"><link rel="prefetch" href="/colorui-document/assets/js/7.877fc01b.js"><link rel="prefetch" href="/colorui-document/assets/js/8.aecfa685.js"><link rel="prefetch" href="/colorui-document/assets/js/9.90c346c6.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.80babc79.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"><span>基础元素</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/basics/layout/" class="sidebar-link">布局</a></li><li><a href="/colorui-document/pages/basics/background/" class="sidebar-link">背景</a></li><li><a href="/colorui-document/pages/basics/text/" class="sidebar-link">文本</a></li><li><a href="/colorui-document/pages/basics/icon/" class="sidebar-link">图标</a></li><li><a href="/colorui-document/pages/basics/button/" class="sidebar-link">按钮</a></li><li><a href="/colorui-document/pages/basics/tag/" class="sidebar-link">标签</a></li><li><a href="/colorui-document/pages/basics/avatar/" class="sidebar-link">头像</a></li><li><a href="/colorui-document/pages/basics/progress/" class="sidebar-link">进度条</a></li><li><a href="/colorui-document/pages/basics/shadow/" class="sidebar-link">边框阴影</a></li><li><a href="/colorui-document/pages/basics/loading/" class="sidebar-link">加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>交互组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/component/bar/" aria-current="page" class="active sidebar-link">操作条</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/component/bar/#操作条" class="sidebar-link">操作条</a></li></ul></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"></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/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> <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>
|
||||
Theme by
|
||||
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
||||
| Copyright © 2022-2023
|
||||
<span>miren | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
|
||||
跟随系统
|
||||
</li><li class="iconfont icon-rijianmoshi">
|
||||
浅色模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
深色模式
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.ed909cb7.js" defer></script><script src="/colorui-document/assets/js/2.e65f3f2f.js" defer></script><script src="/colorui-document/assets/js/3.1ff17315.js" defer></script><script src="/colorui-document/assets/js/18.73a1e6f6.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
43
docs/.vuepress/dist/pages/component/card/index.html
vendored
Normal file
43
docs/.vuepress/dist/pages/component/card/index.html
vendored
Normal file
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>卡片 | ColorUI 使用文档</title>
|
||||
<meta name="generator" content="VuePress 1.9.2">
|
||||
<link rel="icon" href="/colorui-document/img/colorui-logo.png">
|
||||
<meta name="description" content="ColorUI 使用文档">
|
||||
<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.80babc79.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.ed909cb7.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.e65f3f2f.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.1ff17315.js" as="script"><link rel="preload" href="/colorui-document/assets/js/21.5de79672.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.abda041d.js"><link rel="prefetch" href="/colorui-document/assets/js/11.d6f4f259.js"><link rel="prefetch" href="/colorui-document/assets/js/12.e239404c.js"><link rel="prefetch" href="/colorui-document/assets/js/13.47c90b91.js"><link rel="prefetch" href="/colorui-document/assets/js/14.9d590cca.js"><link rel="prefetch" href="/colorui-document/assets/js/15.d757c01a.js"><link rel="prefetch" href="/colorui-document/assets/js/16.0c862978.js"><link rel="prefetch" href="/colorui-document/assets/js/17.797b2f92.js"><link rel="prefetch" href="/colorui-document/assets/js/18.73a1e6f6.js"><link rel="prefetch" href="/colorui-document/assets/js/19.d9bb1b0b.js"><link rel="prefetch" href="/colorui-document/assets/js/20.5fef763c.js"><link rel="prefetch" href="/colorui-document/assets/js/22.1b0addf9.js"><link rel="prefetch" href="/colorui-document/assets/js/23.29cc255f.js"><link rel="prefetch" href="/colorui-document/assets/js/24.cbf6dbe2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.241abeb0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.489ea583.js"><link rel="prefetch" href="/colorui-document/assets/js/27.1e408ff8.js"><link rel="prefetch" href="/colorui-document/assets/js/28.3957ea46.js"><link rel="prefetch" href="/colorui-document/assets/js/29.258ab053.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2818fcd8.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b5e2fc60.js"><link rel="prefetch" href="/colorui-document/assets/js/32.fa9a0561.js"><link rel="prefetch" href="/colorui-document/assets/js/33.65178db4.js"><link rel="prefetch" href="/colorui-document/assets/js/4.decf7746.js"><link rel="prefetch" href="/colorui-document/assets/js/5.951dcfb2.js"><link rel="prefetch" href="/colorui-document/assets/js/6.19c3a9a5.js"><link rel="prefetch" href="/colorui-document/assets/js/7.877fc01b.js"><link rel="prefetch" href="/colorui-document/assets/js/8.aecfa685.js"><link rel="prefetch" href="/colorui-document/assets/js/9.90c346c6.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.80babc79.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"><span>基础元素</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/basics/layout/" class="sidebar-link">布局</a></li><li><a href="/colorui-document/pages/basics/background/" class="sidebar-link">背景</a></li><li><a href="/colorui-document/pages/basics/text/" class="sidebar-link">文本</a></li><li><a href="/colorui-document/pages/basics/icon/" class="sidebar-link">图标</a></li><li><a href="/colorui-document/pages/basics/button/" class="sidebar-link">按钮</a></li><li><a href="/colorui-document/pages/basics/tag/" class="sidebar-link">标签</a></li><li><a href="/colorui-document/pages/basics/avatar/" class="sidebar-link">头像</a></li><li><a href="/colorui-document/pages/basics/progress/" class="sidebar-link">进度条</a></li><li><a href="/colorui-document/pages/basics/shadow/" class="sidebar-link">边框阴影</a></li><li><a href="/colorui-document/pages/basics/loading/" class="sidebar-link">加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>交互组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><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/" aria-current="page" class="active sidebar-link">卡片</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/component/card/#操作条" class="sidebar-link">操作条</a></li></ul></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"></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/card</code></p> <div class="language-vue extra-class"><pre class="language-vue"><code></code></pre></div></details></div></div> <div class="page-edit"><!----> <!----> <!----></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/component/list/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">列表</div></a> <a href="/colorui-document/pages/component/form/" 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/list/" class="prev">列表</a></span> <span class="next"><a href="/colorui-document/pages/component/form/">表单</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
|
||||
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
||||
| Copyright © 2022-2023
|
||||
<span>miren | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
|
||||
跟随系统
|
||||
</li><li class="iconfont icon-rijianmoshi">
|
||||
浅色模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
深色模式
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.ed909cb7.js" defer></script><script src="/colorui-document/assets/js/2.e65f3f2f.js" defer></script><script src="/colorui-document/assets/js/3.1ff17315.js" defer></script><script src="/colorui-document/assets/js/21.5de79672.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
43
docs/.vuepress/dist/pages/component/chat/index.html
vendored
Normal file
43
docs/.vuepress/dist/pages/component/chat/index.html
vendored
Normal file
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>聊天 | ColorUI 使用文档</title>
|
||||
<meta name="generator" content="VuePress 1.9.2">
|
||||
<link rel="icon" href="/colorui-document/img/colorui-logo.png">
|
||||
<meta name="description" content="ColorUI 使用文档">
|
||||
<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.80babc79.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.ed909cb7.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.e65f3f2f.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.1ff17315.js" as="script"><link rel="preload" href="/colorui-document/assets/js/24.cbf6dbe2.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.abda041d.js"><link rel="prefetch" href="/colorui-document/assets/js/11.d6f4f259.js"><link rel="prefetch" href="/colorui-document/assets/js/12.e239404c.js"><link rel="prefetch" href="/colorui-document/assets/js/13.47c90b91.js"><link rel="prefetch" href="/colorui-document/assets/js/14.9d590cca.js"><link rel="prefetch" href="/colorui-document/assets/js/15.d757c01a.js"><link rel="prefetch" href="/colorui-document/assets/js/16.0c862978.js"><link rel="prefetch" href="/colorui-document/assets/js/17.797b2f92.js"><link rel="prefetch" href="/colorui-document/assets/js/18.73a1e6f6.js"><link rel="prefetch" href="/colorui-document/assets/js/19.d9bb1b0b.js"><link rel="prefetch" href="/colorui-document/assets/js/20.5fef763c.js"><link rel="prefetch" href="/colorui-document/assets/js/21.5de79672.js"><link rel="prefetch" href="/colorui-document/assets/js/22.1b0addf9.js"><link rel="prefetch" href="/colorui-document/assets/js/23.29cc255f.js"><link rel="prefetch" href="/colorui-document/assets/js/25.241abeb0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.489ea583.js"><link rel="prefetch" href="/colorui-document/assets/js/27.1e408ff8.js"><link rel="prefetch" href="/colorui-document/assets/js/28.3957ea46.js"><link rel="prefetch" href="/colorui-document/assets/js/29.258ab053.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2818fcd8.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b5e2fc60.js"><link rel="prefetch" href="/colorui-document/assets/js/32.fa9a0561.js"><link rel="prefetch" href="/colorui-document/assets/js/33.65178db4.js"><link rel="prefetch" href="/colorui-document/assets/js/4.decf7746.js"><link rel="prefetch" href="/colorui-document/assets/js/5.951dcfb2.js"><link rel="prefetch" href="/colorui-document/assets/js/6.19c3a9a5.js"><link rel="prefetch" href="/colorui-document/assets/js/7.877fc01b.js"><link rel="prefetch" href="/colorui-document/assets/js/8.aecfa685.js"><link rel="prefetch" href="/colorui-document/assets/js/9.90c346c6.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.80babc79.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"><span>基础元素</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/basics/layout/" class="sidebar-link">布局</a></li><li><a href="/colorui-document/pages/basics/background/" class="sidebar-link">背景</a></li><li><a href="/colorui-document/pages/basics/text/" class="sidebar-link">文本</a></li><li><a href="/colorui-document/pages/basics/icon/" class="sidebar-link">图标</a></li><li><a href="/colorui-document/pages/basics/button/" class="sidebar-link">按钮</a></li><li><a href="/colorui-document/pages/basics/tag/" class="sidebar-link">标签</a></li><li><a href="/colorui-document/pages/basics/avatar/" class="sidebar-link">头像</a></li><li><a href="/colorui-document/pages/basics/progress/" class="sidebar-link">进度条</a></li><li><a href="/colorui-document/pages/basics/shadow/" class="sidebar-link">边框阴影</a></li><li><a href="/colorui-document/pages/basics/loading/" class="sidebar-link">加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>交互组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><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/" aria-current="page" class="active sidebar-link">聊天</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/component/chat/#操作条" class="sidebar-link">操作条</a></li></ul></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"></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> <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>
|
||||
Theme by
|
||||
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
||||
| Copyright © 2022-2023
|
||||
<span>miren | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
|
||||
跟随系统
|
||||
</li><li class="iconfont icon-rijianmoshi">
|
||||
浅色模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
深色模式
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.ed909cb7.js" defer></script><script src="/colorui-document/assets/js/2.e65f3f2f.js" defer></script><script src="/colorui-document/assets/js/3.1ff17315.js" defer></script><script src="/colorui-document/assets/js/24.cbf6dbe2.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
43
docs/.vuepress/dist/pages/component/form/index.html
vendored
Normal file
43
docs/.vuepress/dist/pages/component/form/index.html
vendored
Normal file
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>表单 | ColorUI 使用文档</title>
|
||||
<meta name="generator" content="VuePress 1.9.2">
|
||||
<link rel="icon" href="/colorui-document/img/colorui-logo.png">
|
||||
<meta name="description" content="ColorUI 使用文档">
|
||||
<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.80babc79.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.ed909cb7.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.e65f3f2f.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.1ff17315.js" as="script"><link rel="preload" href="/colorui-document/assets/js/22.1b0addf9.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.abda041d.js"><link rel="prefetch" href="/colorui-document/assets/js/11.d6f4f259.js"><link rel="prefetch" href="/colorui-document/assets/js/12.e239404c.js"><link rel="prefetch" href="/colorui-document/assets/js/13.47c90b91.js"><link rel="prefetch" href="/colorui-document/assets/js/14.9d590cca.js"><link rel="prefetch" href="/colorui-document/assets/js/15.d757c01a.js"><link rel="prefetch" href="/colorui-document/assets/js/16.0c862978.js"><link rel="prefetch" href="/colorui-document/assets/js/17.797b2f92.js"><link rel="prefetch" href="/colorui-document/assets/js/18.73a1e6f6.js"><link rel="prefetch" href="/colorui-document/assets/js/19.d9bb1b0b.js"><link rel="prefetch" href="/colorui-document/assets/js/20.5fef763c.js"><link rel="prefetch" href="/colorui-document/assets/js/21.5de79672.js"><link rel="prefetch" href="/colorui-document/assets/js/23.29cc255f.js"><link rel="prefetch" href="/colorui-document/assets/js/24.cbf6dbe2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.241abeb0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.489ea583.js"><link rel="prefetch" href="/colorui-document/assets/js/27.1e408ff8.js"><link rel="prefetch" href="/colorui-document/assets/js/28.3957ea46.js"><link rel="prefetch" href="/colorui-document/assets/js/29.258ab053.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2818fcd8.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b5e2fc60.js"><link rel="prefetch" href="/colorui-document/assets/js/32.fa9a0561.js"><link rel="prefetch" href="/colorui-document/assets/js/33.65178db4.js"><link rel="prefetch" href="/colorui-document/assets/js/4.decf7746.js"><link rel="prefetch" href="/colorui-document/assets/js/5.951dcfb2.js"><link rel="prefetch" href="/colorui-document/assets/js/6.19c3a9a5.js"><link rel="prefetch" href="/colorui-document/assets/js/7.877fc01b.js"><link rel="prefetch" href="/colorui-document/assets/js/8.aecfa685.js"><link rel="prefetch" href="/colorui-document/assets/js/9.90c346c6.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.80babc79.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"><span>基础元素</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/basics/layout/" class="sidebar-link">布局</a></li><li><a href="/colorui-document/pages/basics/background/" class="sidebar-link">背景</a></li><li><a href="/colorui-document/pages/basics/text/" class="sidebar-link">文本</a></li><li><a href="/colorui-document/pages/basics/icon/" class="sidebar-link">图标</a></li><li><a href="/colorui-document/pages/basics/button/" class="sidebar-link">按钮</a></li><li><a href="/colorui-document/pages/basics/tag/" class="sidebar-link">标签</a></li><li><a href="/colorui-document/pages/basics/avatar/" class="sidebar-link">头像</a></li><li><a href="/colorui-document/pages/basics/progress/" class="sidebar-link">进度条</a></li><li><a href="/colorui-document/pages/basics/shadow/" class="sidebar-link">边框阴影</a></li><li><a href="/colorui-document/pages/basics/loading/" class="sidebar-link">加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>交互组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><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/" aria-current="page" class="active sidebar-link">表单</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/component/form/#操作条" class="sidebar-link">操作条</a></li></ul></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"></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/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> <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>
|
||||
Theme by
|
||||
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
||||
| Copyright © 2022-2023
|
||||
<span>miren | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
|
||||
跟随系统
|
||||
</li><li class="iconfont icon-rijianmoshi">
|
||||
浅色模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
深色模式
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.ed909cb7.js" defer></script><script src="/colorui-document/assets/js/2.e65f3f2f.js" defer></script><script src="/colorui-document/assets/js/3.1ff17315.js" defer></script><script src="/colorui-document/assets/js/22.1b0addf9.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
43
docs/.vuepress/dist/pages/component/list/index.html
vendored
Normal file
43
docs/.vuepress/dist/pages/component/list/index.html
vendored
Normal file
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>列表 | ColorUI 使用文档</title>
|
||||
<meta name="generator" content="VuePress 1.9.2">
|
||||
<link rel="icon" href="/colorui-document/img/colorui-logo.png">
|
||||
<meta name="description" content="ColorUI 使用文档">
|
||||
<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.80babc79.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.ed909cb7.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.e65f3f2f.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.1ff17315.js" as="script"><link rel="preload" href="/colorui-document/assets/js/20.5fef763c.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.abda041d.js"><link rel="prefetch" href="/colorui-document/assets/js/11.d6f4f259.js"><link rel="prefetch" href="/colorui-document/assets/js/12.e239404c.js"><link rel="prefetch" href="/colorui-document/assets/js/13.47c90b91.js"><link rel="prefetch" href="/colorui-document/assets/js/14.9d590cca.js"><link rel="prefetch" href="/colorui-document/assets/js/15.d757c01a.js"><link rel="prefetch" href="/colorui-document/assets/js/16.0c862978.js"><link rel="prefetch" href="/colorui-document/assets/js/17.797b2f92.js"><link rel="prefetch" href="/colorui-document/assets/js/18.73a1e6f6.js"><link rel="prefetch" href="/colorui-document/assets/js/19.d9bb1b0b.js"><link rel="prefetch" href="/colorui-document/assets/js/21.5de79672.js"><link rel="prefetch" href="/colorui-document/assets/js/22.1b0addf9.js"><link rel="prefetch" href="/colorui-document/assets/js/23.29cc255f.js"><link rel="prefetch" href="/colorui-document/assets/js/24.cbf6dbe2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.241abeb0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.489ea583.js"><link rel="prefetch" href="/colorui-document/assets/js/27.1e408ff8.js"><link rel="prefetch" href="/colorui-document/assets/js/28.3957ea46.js"><link rel="prefetch" href="/colorui-document/assets/js/29.258ab053.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2818fcd8.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b5e2fc60.js"><link rel="prefetch" href="/colorui-document/assets/js/32.fa9a0561.js"><link rel="prefetch" href="/colorui-document/assets/js/33.65178db4.js"><link rel="prefetch" href="/colorui-document/assets/js/4.decf7746.js"><link rel="prefetch" href="/colorui-document/assets/js/5.951dcfb2.js"><link rel="prefetch" href="/colorui-document/assets/js/6.19c3a9a5.js"><link rel="prefetch" href="/colorui-document/assets/js/7.877fc01b.js"><link rel="prefetch" href="/colorui-document/assets/js/8.aecfa685.js"><link rel="prefetch" href="/colorui-document/assets/js/9.90c346c6.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.80babc79.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"><span>基础元素</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/basics/layout/" class="sidebar-link">布局</a></li><li><a href="/colorui-document/pages/basics/background/" class="sidebar-link">背景</a></li><li><a href="/colorui-document/pages/basics/text/" class="sidebar-link">文本</a></li><li><a href="/colorui-document/pages/basics/icon/" class="sidebar-link">图标</a></li><li><a href="/colorui-document/pages/basics/button/" class="sidebar-link">按钮</a></li><li><a href="/colorui-document/pages/basics/tag/" class="sidebar-link">标签</a></li><li><a href="/colorui-document/pages/basics/avatar/" class="sidebar-link">头像</a></li><li><a href="/colorui-document/pages/basics/progress/" class="sidebar-link">进度条</a></li><li><a href="/colorui-document/pages/basics/shadow/" class="sidebar-link">边框阴影</a></li><li><a href="/colorui-document/pages/basics/loading/" class="sidebar-link">加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>交互组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><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/" aria-current="page" class="active sidebar-link">列表</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/component/list/#操作条" class="sidebar-link">操作条</a></li></ul></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"></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/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> <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>
|
||||
Theme by
|
||||
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
||||
| Copyright © 2022-2023
|
||||
<span>miren | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
|
||||
跟随系统
|
||||
</li><li class="iconfont icon-rijianmoshi">
|
||||
浅色模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
深色模式
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.ed909cb7.js" defer></script><script src="/colorui-document/assets/js/2.e65f3f2f.js" defer></script><script src="/colorui-document/assets/js/3.1ff17315.js" defer></script><script src="/colorui-document/assets/js/20.5fef763c.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
43
docs/.vuepress/dist/pages/component/modal/index.html
vendored
Normal file
43
docs/.vuepress/dist/pages/component/modal/index.html
vendored
Normal file
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>模态框 | ColorUI 使用文档</title>
|
||||
<meta name="generator" content="VuePress 1.9.2">
|
||||
<link rel="icon" href="/colorui-document/img/colorui-logo.png">
|
||||
<meta name="description" content="ColorUI 使用文档">
|
||||
<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.80babc79.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.ed909cb7.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.e65f3f2f.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.1ff17315.js" as="script"><link rel="preload" href="/colorui-document/assets/js/26.489ea583.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.abda041d.js"><link rel="prefetch" href="/colorui-document/assets/js/11.d6f4f259.js"><link rel="prefetch" href="/colorui-document/assets/js/12.e239404c.js"><link rel="prefetch" href="/colorui-document/assets/js/13.47c90b91.js"><link rel="prefetch" href="/colorui-document/assets/js/14.9d590cca.js"><link rel="prefetch" href="/colorui-document/assets/js/15.d757c01a.js"><link rel="prefetch" href="/colorui-document/assets/js/16.0c862978.js"><link rel="prefetch" href="/colorui-document/assets/js/17.797b2f92.js"><link rel="prefetch" href="/colorui-document/assets/js/18.73a1e6f6.js"><link rel="prefetch" href="/colorui-document/assets/js/19.d9bb1b0b.js"><link rel="prefetch" href="/colorui-document/assets/js/20.5fef763c.js"><link rel="prefetch" href="/colorui-document/assets/js/21.5de79672.js"><link rel="prefetch" href="/colorui-document/assets/js/22.1b0addf9.js"><link rel="prefetch" href="/colorui-document/assets/js/23.29cc255f.js"><link rel="prefetch" href="/colorui-document/assets/js/24.cbf6dbe2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.241abeb0.js"><link rel="prefetch" href="/colorui-document/assets/js/27.1e408ff8.js"><link rel="prefetch" href="/colorui-document/assets/js/28.3957ea46.js"><link rel="prefetch" href="/colorui-document/assets/js/29.258ab053.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2818fcd8.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b5e2fc60.js"><link rel="prefetch" href="/colorui-document/assets/js/32.fa9a0561.js"><link rel="prefetch" href="/colorui-document/assets/js/33.65178db4.js"><link rel="prefetch" href="/colorui-document/assets/js/4.decf7746.js"><link rel="prefetch" href="/colorui-document/assets/js/5.951dcfb2.js"><link rel="prefetch" href="/colorui-document/assets/js/6.19c3a9a5.js"><link rel="prefetch" href="/colorui-document/assets/js/7.877fc01b.js"><link rel="prefetch" href="/colorui-document/assets/js/8.aecfa685.js"><link rel="prefetch" href="/colorui-document/assets/js/9.90c346c6.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.80babc79.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"><span>基础元素</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/basics/layout/" class="sidebar-link">布局</a></li><li><a href="/colorui-document/pages/basics/background/" class="sidebar-link">背景</a></li><li><a href="/colorui-document/pages/basics/text/" class="sidebar-link">文本</a></li><li><a href="/colorui-document/pages/basics/icon/" class="sidebar-link">图标</a></li><li><a href="/colorui-document/pages/basics/button/" class="sidebar-link">按钮</a></li><li><a href="/colorui-document/pages/basics/tag/" class="sidebar-link">标签</a></li><li><a href="/colorui-document/pages/basics/avatar/" class="sidebar-link">头像</a></li><li><a href="/colorui-document/pages/basics/progress/" class="sidebar-link">进度条</a></li><li><a href="/colorui-document/pages/basics/shadow/" class="sidebar-link">边框阴影</a></li><li><a href="/colorui-document/pages/basics/loading/" class="sidebar-link">加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>交互组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><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/" aria-current="page" class="active sidebar-link">模态框</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/component/modal/#操作条" class="sidebar-link">操作条</a></li></ul></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"></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> <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>
|
||||
Theme by
|
||||
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
||||
| Copyright © 2022-2023
|
||||
<span>miren | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
|
||||
跟随系统
|
||||
</li><li class="iconfont icon-rijianmoshi">
|
||||
浅色模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
深色模式
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.ed909cb7.js" defer></script><script src="/colorui-document/assets/js/2.e65f3f2f.js" defer></script><script src="/colorui-document/assets/js/3.1ff17315.js" defer></script><script src="/colorui-document/assets/js/26.489ea583.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
43
docs/.vuepress/dist/pages/component/nav/index.html
vendored
Normal file
43
docs/.vuepress/dist/pages/component/nav/index.html
vendored
Normal file
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>导航栏 | ColorUI 使用文档</title>
|
||||
<meta name="generator" content="VuePress 1.9.2">
|
||||
<link rel="icon" href="/colorui-document/img/colorui-logo.png">
|
||||
<meta name="description" content="ColorUI 使用文档">
|
||||
<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.80babc79.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.ed909cb7.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.e65f3f2f.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.1ff17315.js" as="script"><link rel="preload" href="/colorui-document/assets/js/19.d9bb1b0b.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.abda041d.js"><link rel="prefetch" href="/colorui-document/assets/js/11.d6f4f259.js"><link rel="prefetch" href="/colorui-document/assets/js/12.e239404c.js"><link rel="prefetch" href="/colorui-document/assets/js/13.47c90b91.js"><link rel="prefetch" href="/colorui-document/assets/js/14.9d590cca.js"><link rel="prefetch" href="/colorui-document/assets/js/15.d757c01a.js"><link rel="prefetch" href="/colorui-document/assets/js/16.0c862978.js"><link rel="prefetch" href="/colorui-document/assets/js/17.797b2f92.js"><link rel="prefetch" href="/colorui-document/assets/js/18.73a1e6f6.js"><link rel="prefetch" href="/colorui-document/assets/js/20.5fef763c.js"><link rel="prefetch" href="/colorui-document/assets/js/21.5de79672.js"><link rel="prefetch" href="/colorui-document/assets/js/22.1b0addf9.js"><link rel="prefetch" href="/colorui-document/assets/js/23.29cc255f.js"><link rel="prefetch" href="/colorui-document/assets/js/24.cbf6dbe2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.241abeb0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.489ea583.js"><link rel="prefetch" href="/colorui-document/assets/js/27.1e408ff8.js"><link rel="prefetch" href="/colorui-document/assets/js/28.3957ea46.js"><link rel="prefetch" href="/colorui-document/assets/js/29.258ab053.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2818fcd8.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b5e2fc60.js"><link rel="prefetch" href="/colorui-document/assets/js/32.fa9a0561.js"><link rel="prefetch" href="/colorui-document/assets/js/33.65178db4.js"><link rel="prefetch" href="/colorui-document/assets/js/4.decf7746.js"><link rel="prefetch" href="/colorui-document/assets/js/5.951dcfb2.js"><link rel="prefetch" href="/colorui-document/assets/js/6.19c3a9a5.js"><link rel="prefetch" href="/colorui-document/assets/js/7.877fc01b.js"><link rel="prefetch" href="/colorui-document/assets/js/8.aecfa685.js"><link rel="prefetch" href="/colorui-document/assets/js/9.90c346c6.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.80babc79.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"><span>基础元素</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/basics/layout/" class="sidebar-link">布局</a></li><li><a href="/colorui-document/pages/basics/background/" class="sidebar-link">背景</a></li><li><a href="/colorui-document/pages/basics/text/" class="sidebar-link">文本</a></li><li><a href="/colorui-document/pages/basics/icon/" class="sidebar-link">图标</a></li><li><a href="/colorui-document/pages/basics/button/" class="sidebar-link">按钮</a></li><li><a href="/colorui-document/pages/basics/tag/" class="sidebar-link">标签</a></li><li><a href="/colorui-document/pages/basics/avatar/" class="sidebar-link">头像</a></li><li><a href="/colorui-document/pages/basics/progress/" class="sidebar-link">进度条</a></li><li><a href="/colorui-document/pages/basics/shadow/" class="sidebar-link">边框阴影</a></li><li><a href="/colorui-document/pages/basics/loading/" class="sidebar-link">加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>交互组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/component/bar/" class="sidebar-link">操作条</a></li><li><a href="/colorui-document/pages/component/nav/" aria-current="page" class="active sidebar-link">导航栏</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/component/nav/#操作条" class="sidebar-link">操作条</a></li></ul></li><li><a href="/colorui-document/pages/component/list/" class="sidebar-link">列表</a></li><li><a href="/colorui-document/pages/component/card/" class="sidebar-link">卡片</a></li><li><a href="/colorui-document/pages/component/form/" class="sidebar-link">表单</a></li><li><a href="/colorui-document/pages/component/timeline/" class="sidebar-link">时间轴</a></li><li><a href="/colorui-document/pages/component/chat/" class="sidebar-link">聊天</a></li><li><a href="/colorui-document/pages/component/swiper/" class="sidebar-link">轮播</a></li><li><a href="/colorui-document/pages/component/modal/" class="sidebar-link">模态框</a></li><li><a href="/colorui-document/pages/component/steps/" class="sidebar-link">步骤条</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>插件扩展</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/plugin/indexes/" class="sidebar-link">索引动画</a></li><li><a href="/colorui-document/pages/plugin/animation/" class="sidebar-link">微动画</a></li><li><a href="/colorui-document/pages/plugin/drawer/" class="sidebar-link">全屏抽屉</a></li><li><a href="/colorui-document/pages/plugin/verticalnav/" class="sidebar-link">垂直导航</a></li></ul></section></li></ul> </aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper"><div title="切换视图" class="views-switch button blur theme-mode-but iconfont icon-yuedu"><ul class="select-box" style="display:none;"><li class="iconfont icon-rijianmoshi active">
|
||||
视图模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
目录模式
|
||||
</li></ul></div> <div class="docs-box" style="display:;"><iframe src="https://miren123.gitee.io/colorui-h5/#/" frameborder="0"></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/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> <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>
|
||||
Theme by
|
||||
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
||||
| Copyright © 2022-2023
|
||||
<span>miren | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
|
||||
跟随系统
|
||||
</li><li class="iconfont icon-rijianmoshi">
|
||||
浅色模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
深色模式
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.ed909cb7.js" defer></script><script src="/colorui-document/assets/js/2.e65f3f2f.js" defer></script><script src="/colorui-document/assets/js/3.1ff17315.js" defer></script><script src="/colorui-document/assets/js/19.d9bb1b0b.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
43
docs/.vuepress/dist/pages/component/steps/index.html
vendored
Normal file
43
docs/.vuepress/dist/pages/component/steps/index.html
vendored
Normal file
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>步骤条 | ColorUI 使用文档</title>
|
||||
<meta name="generator" content="VuePress 1.9.2">
|
||||
<link rel="icon" href="/colorui-document/img/colorui-logo.png">
|
||||
<meta name="description" content="ColorUI 使用文档">
|
||||
<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.80babc79.css" as="style"><link rel="preload" href="/colorui-document/assets/js/app.ed909cb7.js" as="script"><link rel="preload" href="/colorui-document/assets/js/2.e65f3f2f.js" as="script"><link rel="preload" href="/colorui-document/assets/js/3.1ff17315.js" as="script"><link rel="preload" href="/colorui-document/assets/js/27.1e408ff8.js" as="script"><link rel="prefetch" href="/colorui-document/assets/js/10.abda041d.js"><link rel="prefetch" href="/colorui-document/assets/js/11.d6f4f259.js"><link rel="prefetch" href="/colorui-document/assets/js/12.e239404c.js"><link rel="prefetch" href="/colorui-document/assets/js/13.47c90b91.js"><link rel="prefetch" href="/colorui-document/assets/js/14.9d590cca.js"><link rel="prefetch" href="/colorui-document/assets/js/15.d757c01a.js"><link rel="prefetch" href="/colorui-document/assets/js/16.0c862978.js"><link rel="prefetch" href="/colorui-document/assets/js/17.797b2f92.js"><link rel="prefetch" href="/colorui-document/assets/js/18.73a1e6f6.js"><link rel="prefetch" href="/colorui-document/assets/js/19.d9bb1b0b.js"><link rel="prefetch" href="/colorui-document/assets/js/20.5fef763c.js"><link rel="prefetch" href="/colorui-document/assets/js/21.5de79672.js"><link rel="prefetch" href="/colorui-document/assets/js/22.1b0addf9.js"><link rel="prefetch" href="/colorui-document/assets/js/23.29cc255f.js"><link rel="prefetch" href="/colorui-document/assets/js/24.cbf6dbe2.js"><link rel="prefetch" href="/colorui-document/assets/js/25.241abeb0.js"><link rel="prefetch" href="/colorui-document/assets/js/26.489ea583.js"><link rel="prefetch" href="/colorui-document/assets/js/28.3957ea46.js"><link rel="prefetch" href="/colorui-document/assets/js/29.258ab053.js"><link rel="prefetch" href="/colorui-document/assets/js/30.2818fcd8.js"><link rel="prefetch" href="/colorui-document/assets/js/31.b5e2fc60.js"><link rel="prefetch" href="/colorui-document/assets/js/32.fa9a0561.js"><link rel="prefetch" href="/colorui-document/assets/js/33.65178db4.js"><link rel="prefetch" href="/colorui-document/assets/js/4.decf7746.js"><link rel="prefetch" href="/colorui-document/assets/js/5.951dcfb2.js"><link rel="prefetch" href="/colorui-document/assets/js/6.19c3a9a5.js"><link rel="prefetch" href="/colorui-document/assets/js/7.877fc01b.js"><link rel="prefetch" href="/colorui-document/assets/js/8.aecfa685.js"><link rel="prefetch" href="/colorui-document/assets/js/9.90c346c6.js">
|
||||
<link rel="stylesheet" href="/colorui-document/assets/css/0.styles.80babc79.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"><span>基础元素</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/colorui-document/pages/basics/layout/" class="sidebar-link">布局</a></li><li><a href="/colorui-document/pages/basics/background/" class="sidebar-link">背景</a></li><li><a href="/colorui-document/pages/basics/text/" class="sidebar-link">文本</a></li><li><a href="/colorui-document/pages/basics/icon/" class="sidebar-link">图标</a></li><li><a href="/colorui-document/pages/basics/button/" class="sidebar-link">按钮</a></li><li><a href="/colorui-document/pages/basics/tag/" class="sidebar-link">标签</a></li><li><a href="/colorui-document/pages/basics/avatar/" class="sidebar-link">头像</a></li><li><a href="/colorui-document/pages/basics/progress/" class="sidebar-link">进度条</a></li><li><a href="/colorui-document/pages/basics/shadow/" class="sidebar-link">边框阴影</a></li><li><a href="/colorui-document/pages/basics/loading/" class="sidebar-link">加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>交互组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><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/" aria-current="page" class="active sidebar-link">步骤条</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level2"><a href="/colorui-document/pages/component/steps/#操作条" 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/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"></iframe></div> <div class="right-menu-margin" style="display:none;"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">步骤条<!----></h1> <div class="theme-vdoing-content content__default"><h2 id="操作条"><a href="#操作条" class="header-anchor">#</a> 操作条</h2> <details class="custom-block details"><summary>点此查看页面源代码</summary> <p>页面位置：<code>/pages/component/steps</code></p> <div class="language-vue extra-class"><pre class="language-vue"><code></code></pre></div></details></div></div> <div class="page-edit"><!----> <!----> <!----></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/colorui-document/pages/component/modal/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">模态框</div></a> <a href="/colorui-document/pages/plugin/indexes/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">索引动画</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
←
|
||||
<a href="/colorui-document/pages/component/modal/" class="prev">模态框</a></span> <span class="next"><a href="/colorui-document/pages/plugin/indexes/">索引动画</a>→
|
||||
</span></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"><a href="https://gitee.com/miren123" title="Gitee" target="_blank" class="iconfont icon-gitee"></a></div>
|
||||
Theme by
|
||||
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
||||
| Copyright © 2022-2023
|
||||
<span>miren | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
|
||||
跟随系统
|
||||
</li><li class="iconfont icon-rijianmoshi">
|
||||
浅色模式
|
||||
</li><li class="iconfont icon-yejianmoshi">
|
||||
深色模式
|
||||
</li><li class="iconfont icon-yuedu">
|
||||
阅读模式
|
||||
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
||||
<script src="/colorui-document/assets/js/app.ed909cb7.js" defer></script><script src="/colorui-document/assets/js/2.e65f3f2f.js" defer></script><script src="/colorui-document/assets/js/3.1ff17315.js" defer></script><script src="/colorui-document/assets/js/27.1e408ff8.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user