如何在vuetify中使用append-outer icon？
在Vuetify中使用append-outer icon可以通过以下步骤实现：
- 首先，确保你已经安装了Vuetify并正确配置了Vue.js项目。
- 在需要使用append-outer icon的组件中，找到对应的输入框或按钮元素。
- 在该元素上添加
append-outer属性，以指示在其外部添加一个图标。 - 在
append-outer属性中，使用Vuetify提供的图标组件v-icon来定义要显示的图标。例如，如果你想使用一个名为"mdi-eye"的图标，可以这样写：
<v-text-field append-outer>
<template v-slot:append-outer>
<v-icon>mdi-eye</v-icon>
</template>
</v-text-field>- 保存并重新编译你的Vue.js项目，然后在浏览器中查看结果。你应该能够看到在输入框或按钮的外部显示了指定的图标。
这样，你就成功地在Vuetify中使用了append-outer icon。
Vuetify是一个基于Vue.js的开源UI组件库，它提供了丰富的UI组件和样式，可以帮助开发者快速构建现代化的Web应用程序。Vuetify的优势包括：
- 丰富的组件库：Vuetify提供了大量的UI组件，包括按钮、输入框、表格、对话框等，可以满足各种常见的界面需求。
- 响应式设计：Vuetify的组件都经过了响应式设计，可以自动适应不同的屏幕尺寸和设备类型，提供良好的用户体验。
- Material Design风格：Vuetify遵循了Google的Material Design设计规范，提供了一致的界面风格和交互效果，使应用程序看起来更加现代化和专业。
- 简单易用：Vuetify提供了清晰的文档和示例代码，使开发者能够快速上手并使用各种组件和功能。
Vuetify在各种Web应用程序开发场景中都有广泛的应用，包括企业管理系统、电子商务平台、社交媒体应用等。
如果你想了解更多关于Vuetify的信息，可以访问腾讯云的Vuetify产品介绍页面：Vuetify产品介绍。
相关·内容
1回答
我正在尝试在vuetify文本字段之外添加一个按钮，并且我正在尝试使用append插槽，但不确定如何操作。如果有人能帮我这个忙，我一定会很感激。
请检查这个简单的。
或者作为以下演示的替代方案：
new Vue({
el: "#app",
data() {
return {};
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<script src="https://cdn.j
浏览 22提问于2020-05-12得票数 1
回答已采纳
6回答
是否有一种方法可以调用一个方法，同时使用Vuetify清除文本字段？
<v-text-field
class="mt-2 mb-0"
clearable
solo
v-model="searchQuery"
append-icon="search"
@click:append-outer="searchCos"
label="Nom de compagnies ou mots-clés">
</v-text-field>
...
on
浏览 0提问于2018-09-30得票数 23
回答已采纳
2回答
Vuetify自动完成默认有自定义的“向上”和“向下”箭头图标：
如何将此图标更改为在其他事件(活动或非活动)中搜索图标，并获得此视图：
此示例使用v-text-field创建
代码：
<v-text-field
flat
solo
hide-details
append-icon="search"
label="Search..."
color="#000000"
></v-text-field>
我厌倦了为自动完成组件添加图标，但不能删除默认的上下行。
代码：
<v-
浏览 1提问于2019-06-28得票数 13
回答已采纳
我想对我的验证输入进行min和max验证。
问题是，当我将v-text字段中的值更改为-4时，我就有了一个错误显示，但是我得到了“youset-4”，这是不行的。
只有当控件有效时，我才能找到将更改应用于v模型的方法。如果无效，则不要更改最后一个值。
我怎样才能解决这些问题？
new Vue({
el: '#app',
data () {
return {
foo: 0,
rules: {
required: value => !!value || &
浏览 1提问于2019-07-16得票数 2
回答已采纳
v-select允许添加append- but icon，但如何在点击此项时强制展开图标列表？ <v-select
:items="selectItems.position"
v-model="selectedPosition"
clear-icon="highlight_remove"
append-icon="unfold_more"
append-outer-icon=
浏览 89提问于2019-03-01得票数 3
回答已采纳
1回答
是否可以在不为每个图标编写自定义组件的情况下，用字体()来覆盖Vuetify中的各个图标？
就像这样：？
import { svgPathData as envelopeSvg } from '@fortawesome/free-solid-svg-icons/faEnvelope'
import { svgPathData as questionCircleSvg } from '@fortawesome/free-solid-svg-icons/faQuestionCircle'
Vue.use(Vuetify)
const app = new Vue
浏览 3提问于2021-11-04得票数 1
回答已采纳
我已经挣扎了几个小时，试图在我的laravel项目中安装Vuetify，但我无法让它正常工作，Vuetify组件运行良好，但图标和断点不是，我尝试了所有方法，现在我有点厌倦了，我希望有人能帮助我…
根据证明文档，我在我的app.js中写下了这段代码
require('./bootstrap');
import Vue from 'vue';
import Vuex from 'vuex';
import router from './router'
import vuetify from './plugins/vuet
浏览 4提问于2019-09-22得票数 3
我目前正在从事一个基于Vuetify的项目。我需要在国际化文本中插入一个<a>标记和图标。通常，插入变量很容易，如下所示，
this.$vuetify.lang.$t('I'm {0}', varirable_name)
但以这种方式，我不能插入<a>标记或图标<v-icon>，我如何实现它？就像这样，
`this.$vuetify.lang.$t('Here is an icon {0} and a {1}', <v-icon />, <a>link</a>)`
浏览 10提问于2022-02-14得票数 1
回答已采纳
7回答
我有下面的，它有两个Vuetify选项卡。文档中没有显示如何与vue-router一起使用它们的示例。
我找到了这个关于如何在中使用Vuetify的vue-router，它有以下代码：
<div id="app">
<v-tabs grow light>
<v-tabs-bar>
<v-tabs-item href="/" router>
<v-icon>motorcycle</v-icon>
</v-tabs-item>
浏览 0提问于2018-04-08得票数 77
回答已采纳
2回答
我是新来的，我试着用laravel实现它。
有没有人已经用百拉威实施了?能告诉我怎么做吗？
我已经安装好了
npm安装验证
并在App.scss中尝试这个
@import‘~vuetify/dist/vuatefy.min.css’；
这是我的app.js文件
import Vue from 'vue'
import VueRouter from 'vue-router'
import Vuetify from 'vuetify'
Vue.use(Vuetify)
Vue.use(VueRouter)
// parents
浏览 1提问于2018-02-11得票数 6
2回答
我被卡住了好几个小时，只是为了在v-card中垂直和水平对齐一件物品。下面的图片是我目前所拥有的，我只需要垂直对齐项目，但我不知道如何。有谁可以帮我？提前感谢 ? 我的代码： <div class="pt-3">
<v-card class="pa-3">
<v-row align="center" justify="center" v-bind:style="{ height: deviceHeight * 0.6 + 'px'
浏览 31提问于2020-07-20得票数 2
回答已采纳
我已经安装了
npm install @mdi/font
在nuxt.config.js文件中，我不知道如何导入图标模块.请帮忙！
export default {
build: {
/*
** You can extend webpack config here
*/
extend(config, ctx) {}
},
buildModules: [
// Simple usage
'@nuxtjs/vuetify',
// With options
浏览 3提问于2020-10-05得票数 3
回答已采纳
我正在尝试使用Vuetify的字体-令人敬畏的SVG图标。但我不能显示图标。
我使用以下命令安装了必要的软件包：
npm install @fortawesome/fontawesome-svg-core @fortawesome/vue-fontawesome @fortawesome/free-solid-svg-icons -D
Vuetify插件文件如下所示：
import Vue from 'vue'
import Vuetify from 'vuetify/lib'
import colors from 'vuetify/es5/util/c
浏览 0提问于2019-06-19得票数 4
1回答
我正在尝试让组件从vuetify工作。我正在使用有趣的svg图标，并且我遵循了文档中关于安装页面的说明。下面是我如何注册它的：
import Vue from "vue";
import Vuetify from "vuetify";
import "vuetify/dist/vuetify.min.css";
import { library } from "@fortawesome/fontawesome-svg-core";
import { FontAwesomeIcon } from "@fortawesome
浏览 1提问于2020-08-12得票数 2
1回答
目前，我在我的项目中使用谷歌字体图标，但我也想使用FAS5图标
我正在使用这个vuetify配置，但并没有对此表示否定。
import Vue from 'vue';
import Vuetify from 'vuetify/lib/framework';
import colors from "vuetify/lib/util/colors";
import '@fortawesome/fontawesome-free/css/all.css'
import 'material-design-icons-iconfont
浏览 4提问于2021-07-21得票数 0
回答已采纳
我使用的是vuetify 1.1.8和vue 3.0.0-rc.3。我正在尝试在我的项目中使用一些自定义的SVG图标，这是我设计的，而不是vuetify支持的Material icons或FontAwesome icons中的默认图标
我已经尝试使用vue-svg-loader加载我的自定义svg图标，并将它们用作组件。像这样的东西
<template>
<icon-one></icon-one>
</template>
<script>
import iconOne from './public/iconO
浏览 173提问于2018-07-31得票数 24
我目前正在用vuetify 2.x和vue-i18n编写我的第一个web应用程序。不幸的是，我无法让i18n为我自己的翻译工作。
我有一个带有以下条目的菜单
<v-menu bottom left offset-y transition="slide-y-transition">
<template v-slot:activator="{ on }">
<v-btn icon v-on="on">
<v-icon>mdi-dot
浏览 4提问于2021-07-29得票数 0
回答已采纳
我正在用GAS开发一个Google电子表格插件。我想使用HtmlService类方法切换侧边栏。
下面是我的代码。
function showSidebarA() {
const ui = HtmlService.createTemplateFromFile("html/A").evaluate().setTitle("sidebarA");
SpreadsheetApp.getUi().showSidebar(ui);
}
function showSidebarB() {
const ui = HtmlService.createTemplat
浏览 4提问于2020-11-09得票数 1
2回答
如何在vuetify3和nuxt3中导入自定义svg图标？
在vuetify 2中，我们能够直接导入svg图标，如下所示
import customIcon from './myIcon.vue'
Vue.use(Vuetify)
export default new Vuetify({
icons: {
iconfont: 'mdi',
values: {
myIcon: {component: customIcon}
},
},
})
---------------
// Used like this in v
浏览 19提问于2022-09-21得票数 1
回答已采纳
1回答
根据that answer的说法，以下代码应该用Vuetify呈现一个图标 <v-icon>
arrow_downward
</v-icon> 它没有，相反，我在一个蓝色矩形的中间看到纯文本中的"alarm_on“。使用Vuetify 2.0.0和Vue 2.6.10时，控制台中没有错误。下面是我如何将Vuetify添加到我的项目中： // Vue从‘Vue’导入vue； // Vuetify
import '@mdi/font/css/materialdesignicons.css';
import Vuetify from 'v
浏览 17提问于2019-09-18得票数 1
回答已采纳
我现在被安可困住了:(
Stack
Pimcore 6.8.10
Symfony 4.4
webpack-安可-包: 1.11.1
vue 2.6
变相2.4.5
摘要
我正在尝试将vuetify组件添加到我已经在工作的项目中。不幸的是，vue加载并可以像往常一样使用(目前我只使用一些自定义组件)。但在这里似乎有点不愿意加入。也许我只是瞎了..。
问题
尽管我在vuetify.js中添加了v图标和v容器(据我所知，它们不应该是必要的)，但这些在FE：中是不被识别的。
V图标错误：
[Vue warn]: Error in render: "TypeError: vm.$vuetify.
浏览 3提问于2021-03-07得票数 1
回答已采纳
5回答
希望有人会知道我在这里哪里出了问题--我正在尝试用Vuetify实现。字体已全部导入并准备就绪(安装程序是独立于我已成功集成的字体的项目)：
我最基本的main.js文件：
import '@babel/polyfill'
import Vue from 'vue'
import './plugins/vuetify'
import App from './App.vue'
import store from './store'
import './registerServiceWorker'
i
浏览 0提问于2018-08-26得票数 19
回答已采纳
我正在尝试使用下一个模板在列表中呈现自定义vuetify图标：
<template v-for="item in items">
<v-list nav :key="item.name">
<v-list-item link :to="item.to">
<v-list-item-icon>
<v-icon color="white">{{$vuetify.icons.values[item.
浏览 1提问于2022-02-20得票数 0
回答已采纳
1回答
我正在查看vues页面上的教程，以添加工具提示。
对于一个单独的按钮，它似乎工作得很好。
但是，它在v项中不起作用。我收到一条控制台消息说
“'Vuetify v-item缺少默认的scopedSlot”
<v-item v-for="foo in bars" :key=`${foo}`>
<v-tooltip>
<v-btn slot="activator">
<v-icon>some-icon</v-icon>
</v-btn>
&
浏览 0提问于2019-01-08得票数 2
回答已采纳
今年早些时候，我给自己设定了一个学习Laravel、Vue和Vuetify的目标，而我以前没有使用过这些目标。事实证明，这是相当困难的，因为大多数关于Laravel的教程和视频都不涉及Vue，而Vue的大部分材料没有涉及如何在Laravel中使用Vue，而且到目前为止我发现的任何材料都没有讨论如何在Laravel环境中使用Vue组件。这意味着很难找到我的一些问题的答案。我让Vue现在在Laravel工作，也让Vuetify在一个基本水平上工作，但我仍然在为某些基本知识而奋斗。
具体来说，我试图弄清楚如何制作一个Vue组件，它使用Laravel中的Vuetify在Laravel中嵌入另一个Vue
浏览 6提问于2020-12-16得票数 0
我想更改v-file-input图标，并将该图标放在后面。所以我使用了“append- but icon”来改变图标和位置，但是如果我点击这个图标，什么也不会发生。我想点击“append-outer icon”，然后打开文件夹，就像点击prepend-图标一样。我的示例代码如下。 <template>
<v-file-input
prepend-icon=""
append-outer-icon="mdi-folder-open"
></v
浏览 33提问于2020-12-02得票数 1
回答已采纳
<v-btn outline large fab color="indigo">
<v-icon>edit</v-icon>
</v-btn>
在vuetify.js文档中，示例只使用按钮勾画图标。但我的要求是不使用按钮就能得到轮廓图标。
浏览 0提问于2018-07-17得票数 5
回答已采纳
1回答
我使用vuetify 3.0.0-字母10。这是我的密码：
<template>
<v-card-actions flat>
<v-btn class="yourButton">
<v-icon size="25">mdi-home</v-icon>
</v-btn>
<v-btn>
<v-icon size="25">mdi-star</v-icon>
</v-btn>
浏览 3提问于2021-12-28得票数 3
回答已采纳
当我与laravel 8一起使用时，我似乎无法加载Vuetify中的材料设计图标。我已经尝试通过NPM添加它们，如中所示，我也尝试使用sass加载它们，如所示。我试图让图标显示在一个基本的(非功能到目前为止)导航栏。
我的代码当前如下所示：
app.scss
// Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito');
// Variables
@import 'variables';
// Vuetify
@import "~vuetify/dist/vuetify.
浏览 3提问于2021-08-25得票数 1
回答已采纳
1回答
我想要这样的东西(+ is复选框，- is remove图标)：
+ |‾‾‾‾‾‾|
- |______|
以下是我迄今尝试过的：
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/@mdi/f
浏览 2提问于2019-08-20得票数 0
回答已采纳
我知道我可以使用预定义的材料设计(或者字体，很棒，等等)Vuetify中的图标如下所示： <v-icon>mdi-clock</v-icon> 但是有没有办法使用v-icon组件在my-icon.svg文件中显示我定义为svg的自定义图标呢？这个.svg文件位于我的项目public/img目录中，但是如何在v-icon组件中引用它呢？
浏览 58提问于2020-01-24得票数 1
我有一个动态创建的列表，我希望能够向其中添加一个单击事件。单击列表项应该会使背景颜色变为绿色。再次单击它将删除绿色。 我遇到的问题是将单个列表项变为绿色，而不是整个列表。我已经尝试向每个项目添加索引，这可以将列表项变为绿色，但一旦我单击另一个列表项，就不会保持绿色。 这是我的代码。 new Vue({
el: '#app',
vuetify: new Vuetify(),
data: () => ({
selected: -1,
isLoading: true,
bool: true,
isAct
浏览 43提问于2019-12-13得票数 0
回答已采纳
我正在升级到新的vuetify 2.0，我注意到汉堡包图标没有显示在应用程序栏上。
在使用相同代码的示例中，它确实显示了。
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalab
浏览 0提问于2019-07-25得票数 1
回答已采纳
1回答
我尝试了以下文档步骤：
$ yarn add @mdi/font -D
// OR
$ npm install @mdi/font -D
// src/plugins/vuetify.js
import '@mdi/font/css/materialdesignicons.css' // Ensure you are using css-loader
import Vue from 'vue'
import Vuetify from 'vuetify/lib'
Vue.use(Vuetify)
export default new Vuet
浏览 1提问于2021-10-01得票数 0
我想在vuetify附带的v-icon标签中使用圆形的材料图标。我在stackoverflow上尝试了所有的方法... <v-icon>announcement</v-icon>
浏览 31提问于2020-10-27得票数 1
回答已采纳
1回答
我正在开发一个Vue应用程序和Vuetify，并用Storybook记录组件。
我写得很好，所有组件似乎都出现在童话簿中(就像我的自定义组件& Vuetify组件一样)。除了VIcon。
我有一个组件使用Vuetify的VIcon，我无法让图标显示出来(在真正的应用程序中，这是没有问题的)。
设置：
src/plugins/vuetify.js
import Vue from 'vue';
import Vuetify from 'vuetify/lib';
Vue.use(Vuetify);
export default new Vuetify({
浏览 0提问于2020-09-22得票数 1
我是Vuetify的新手，我正在尝试如何使用Vuetify组件和道具等在卡片顶部获得浮动图标气泡。我认为v-badge将是最适合使用的组件，但我不确定。我正在尝试实现这样的功能，但在蓝色圆圈内有一个图标： ? 我已经在v-card中尝试了这样的东西 <v-badge overlap icon="mdi-shield-account"></v-badge> 我一直在玩offset-x和offset-y的道具，但我不确定这是否适合固定偏移量，因为卡的宽度可以根据屏幕大小而变化。我不想退回到不必要地将自定义类和样式粘贴到每个Vuetify组件上。有没
浏览 66提问于2020-12-01得票数 0
回答已采纳
1回答
语言变体时字体族的改变
、、、
我有和多语言的应用程序，它将切换语言通过选择输入，在两种语言之间切换区域设置，另一方面，我有两个字体家族，我想要切换时，区域设置改变。
vuetify.js
import Vue from 'vue';
import Vuetify from 'vuetify';
import 'vuetify/dist/vuetify.min.css';
import fa from '../i18n/vuetify/fa.ts';
import en from '../i18n/vuetify
浏览 4提问于2021-11-28得票数 6
回答已采纳
1回答
我不能让vuetify的fab按钮垂直地居中。
这是我的用法，特别是与众不同。
<v-btn
color="primary"
fab
small >
<v-icon>print</v-icon>
</v-btn>
这是我的main.js文件
import Vue from "vue";
import Vuetify from "vuetify";
import "vuetify/dist/vuetify.min.css
浏览 0提问于2018-07-10得票数 9
1回答
我在laravel框架上开发了像Twitter或Instagram这样的SNS应用程序。我在我的项目中添加了Vue.js和Vuetify。当我使用v图标时，它没有显示，而是显示空框，如下所示。
铬：
在Firefox中：
这是什么？这是我的密码。
app.js
require(“./bootstrap”);
window.Vue = require(“vue”);
import Vuetify from “vuetify”;
import “vuetify/dist/vuetify.min.css”;
Vue.use(Vuetify);
import “@mdi/fo
浏览 4提问于2020-03-02得票数 1
3回答
我正在使用vuejs和vuetify，我放了一个基本的vuetify模板，并试图改变颜色主题，但颜色不会切换。我在我的控制台中没有得到任何错误，我的缓存也被清除。
main.js代码：
import Vue from 'vue';
import Vuetify from 'vuetify';
import 'vuetify/dist/vuetify.min.css';
import colors from 'vuetify/es5/util/colors';
Vue.use(Vuetify, {
theme: {
p
浏览 0提问于2018-04-13得票数 7
回答已采纳
1回答
如何在旋转木马上放置搜索栏？
、、、、
正如标题所述，我希望在旋转木马上设置一个搜索栏功能，并且我正在尝试使用<v-autocomplete>和v-carousel>来实现这一点。
通过使用官方Vuetify 中的代码片段，我成功地获得了以下内容：
<template>
<v-layout
justify-center
app
>
<v-flex
xs12
sm6
>
<v-container
浏览 0提问于2019-03-03得票数 0
回答已采纳
4回答
Vuetify v-icon通常用一个类表示它的颜色。在我的例子中，当我的路由器链路处于活动状态时，我试图用css类menu-icon来改变它的颜色。
<v-btn icon class="menu-btn">
<router-link to="/client/dashboard">
<v-icon class="menu-icon">
mdi-gauge-full
&
浏览 9提问于2020-03-29得票数 2
回答已采纳
我在Vue.js上有一个项目，我正在使用Vuetify。我有一个工具栏和导航抽屉。我想要的是在桌面上抽屉打开的时候。如果用户单击侧图标，抽屉将切换到mini。
如果是md的话，抽屉会切换到mini。如果用户单击侧图标，则迷你切换回抽屉。
如果在sm上或较低的位置，导航抽屉将切换到临时的
我有大部分的部分，但我得到一个错误，当我点击侧图标。Computed property 'mini' was assigned to but it has no setter.
这是我的代码：
<v-toolbar
:clipped-left="$vuetify.brea
浏览 0提问于2019-06-05得票数 1
回答已采纳
4回答
说我有这个：
<v-btn v-for="action in actions" :key="action.icon" :disabled="action.disabled" icon
@click="action.click(item.id)">
<v-icon>{{ action.icon }}</v-icon>
</v-btn>
行动的定义如下：
export default {
props: {
rowEditingDisabled: Boolea
浏览 8提问于2022-05-09得票数 1
我是Vue的新手，无法找到正确的答案，如何在v图标和前置图标中使用FA SVG图标。如果我用：
<font-awesome-icon :icon="dekstop" color="gray"></font-awesome-icon>
图标被显示，但是我如何在v图标和前置图标中使用FA SVG图标？示例：
<v-autocomplete v-model="replUser"
:items="users"
color="ac
浏览 0提问于2019-03-17得票数 7
回答已采纳
2回答
我正在处理一个Vue.js项目，我需要弄清楚在此断点处于活动状态时如何隐藏这些菜单项。$vuetify.breakpoint.sm当此断点处于活动状态/屏幕较小时，以下代码当前显示此菜单项。 div(v-show="$vuetify.breakpoint.sm").mobileCta
a(@click="showMobileMenu = !showMobileMenu").mobileCta__link
v-icon(v-if="!showMobileMenu").mobileCta__link__icon
浏览 20提问于2020-06-25得票数 1
回答已采纳
1回答
我正在尝试创建具有2行组件的导航头。每种颜色都有自己的背景颜色。这与这里使用的类似： ? 这是我目前设置App.vue的方式： <v-app-bar height="100px" flat app dark flex wrap>
<v-container>
<v-layout row>
test
</v-layout>
<v-layout row class="second-layer&#
浏览 17提问于2020-08-22得票数 0
回答已采纳
1回答
我正在尝试使用以下代码加载一个Vuetify应用程序栏：
<template>
<v-toolbar dark color="primary">
<v-toolbar-side-icon></v-toolbar-side-icon>
<v-toolbar-title class="white--text">Title</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn icon>
浏览 0提问于2018-05-28得票数 5
回答已采纳
2回答
我需要垂直和水平对齐Vuetify组件
版本
vue 2.6.10 vuetify 2.1.10
这是组件Snackbar的当前代码
<v-snackbar
class="no-shadow"
v-model="snackbarShow"
:color="snackbarType"
:timeout="snackbarTimeout"
>
<v-icon class="mr-3">{{ snackbarIcon }}</v-icon>
&l
浏览 1提问于2020-10-03得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
