提交 df7391ba 编写于 作者: H haoxr

refactor: 示例模块页面重命名

Former-commit-id: beb1dcd1
上级 d218c7de
......@@ -92,7 +92,7 @@ orderCount.value = 2000;
<el-link
target="_blank"
type="danger"
href="https://www.cnblogs.com/haoxianrui/p/16090029.html"
href="https://blog.csdn.net/u013737132/article/details/130191394"
>官方0到1教程</el-link
>
<el-divider direction="vertical" />
......
<!-- 图标选择器示例 -->
<script setup lang="ts">
const iconName = ref('edit');
const iconName = ref("edit");
</script>
<template>
......
<!-- 文件上传组件(单图+多图)示例 -->
<script setup lang="ts">
import SingleUpload from "@/components/Upload/SingleUpload.vue";
import MultiUpload from "@/components/Upload/MultiUpload.vue";
const singlePicUrl = ref(
"https://oss.youlai.tech/youlai-boot/2023/05/20/2b6d8b49fa1047348a0a41cef5aaf69e.gif"
);
const multiPicUrls = ref([
"https://oss.youlai.tech/youlai-boot/2023/05/20/7cc0e5bc14904bd4a8a5e25a7e47ae75.jpg",
"https://oss.youlai.tech/youlai-boot/2023/05/20/67ce044e457b4184a1ff5576e6672941.jpg",
"https://oss.youlai.tech/youlai-boot/2023/05/20/a64d0b4f45904dc7999ed620288d25d2.jpg",
"https://oss.youlai.tech/youlai-boot/2023/05/20/d94d0827c4974c279c190e9ba2b82070.jpg",
"https://oss.youlai.tech/youlai-boot/2023/05/20/e75cd4cbcfe54697bc14c42592427bfc.jpg",
]);
</script>
<template>
<div class="app-container">
<el-link href="https://element-plus.org" type="primary" target="_blank"
>示例源码 请点击>>>>>>></el-link
>
<el-form class="mt-10">
<el-form-item label="单图上传">
<single-upload v-model="singlePicUrl" />
</el-form-item>
<el-form-item label="多图上传">
<multi-upload v-model="multiPicUrls" />
</el-form-item>
</el-form>
</div>
</template>
<!-- 文件上传组件(单图+多图)示例 -->
<script setup lang="ts">
import SingleUpload from '@/components/Upload/SingleUpload.vue';
import MultiUpload from '@/components/Upload/MultiUpload.vue';
const singlePicUrl = ref(
'https://oss.youlai.tech/default/2022/11/20/18e206dae97b40329661537d1e433639.jpg'
);
const multiPicUrls = ref([
'https://oss.youlai.tech/default/2022/11/20/8af5567816094545b53e76b38ae9c974.webp',
'https://oss.youlai.tech/default/2022/11/20/13dbfd7feaf848c2acec2b21675eb9d3.webp'
]);
</script>
<template>
<div class="app-container">
<el-form>
<el-form-item label="单图上传">
<single-upload v-model="singlePicUrl"></single-upload>
</el-form-item>
<el-form-item label="多图上传">
<multi-upload v-model="multiPicUrls"></multi-upload>
</el-form-item>
</el-form>
</div>
</template>
......@@ -8,7 +8,7 @@
>
<div class="flex text-white items-center py-4">
<span class="text-2xl flex-1 text-center">{{ $t("login.title") }}</span>
<lang-select style="color: #fff" />
<lang-select class="text-white" />
</div>
<el-form-item prop="username">
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册