Card卡片 何时使用 代码演示 API Card Card.Grid Card.Meta Card卡片 通用卡片容器。 何时使用 最基础的卡片容器，可承载文字、列表、图片、段落，常用于后台概览页面。 代码演示 典型卡片 包含标题、内容、操作区域。 import { Card } from 'an...

面板设置 1 面板 2 安全 3 备份账号 已支持的备份账号 OneDrive 账号绑定 部分对象存储服务商与亚马逊 S3 云存储的兼容性 4 监控 5 快照 6 关于 面板设置 1 面板 支持面板的一些基础设置，具体包括： 用户名称，账户密码： 1Panel 系统仅支持单主机单用户，此处是系统登录的验证信息，在初次登陆时由用户...

Sizing Relative to the parent Relative to the viewport Sass Utilities API Sizing Easily make an element as wide or as tall with our width and height utilities. Relative t...

Relative to the parent Relative to the viewport Sass Utilities API Relative to the parent Width and height utilities are generated from the utility API in _utilities.scss . ...

空状态 何时使用 代码演示 基本 全局化配置 自定义 无描述 选择图片 API 内置图片 (1.5.0 以上版本) 空状态 空状态时的展示占位图。 空状态时的展示占位图。 何时使用 当目前没有数据时，用于显式的用户提示。 初始化场景时的引导创建流程。 代码演示 基本 简单的展示。 <template> ...

图片处理功能 图片处理使用 图片处理持久化 图片处理工具 图片处理是OSS提供的海量、安全、低成本、高可靠的图片处理服务。原始图片上传到OSS后，您可以通过简单的RESTful接口，在任何时间、任何地点、任何互联网设备上对图片进行处理。 图片处理的详细信息请参见OSS图片处理指南 。 图片处理功能 OSS图片处理提供以下功能： 获取图...

使用样式 使用全局 使用局部的css 使用样式 样式用起来特别简单. 直接写到 <style> 段落里面即可. 如下代码所示： <template> <div class = 'hi' > Hi Vue! </div> </template> <script> export defau...

CheckBoxGroup and RadioButtonGroup Disabling Items CSS Style Rules Horizontal Layout CheckBoxGroup and RadioButtonGroup RadioButtonGroup is a single selection component t...

使用预处理器 CSS sass-loader 警告 加载一个全局设置文件 JavaScript 模版 行内 Loader Requests 使用预处理器 在 webpack 中，所有的预处理器需要匹配对应的 loader。vue-loader 允许你使用其它 webpack loader 处理 Vue 组件的某一部分。它会根据 lang...

开发详情页 detail.hml detail.css detail.js 开发详情页 详情页是空气质量指标（CO、NO2、PM10、PM2.5、SO2）详细数据的展示。因此，使用多个text组件来展示即可；另外为实现页面上下连续滑动效果，选择list组件；需要注意的是list子组件必须是list-item，并且可以有多个。该页面实现...