refactor: ♻️ 示例模块页面重命名
Former-commit-id: beb1dcd1beb716a7c88848e345dffdd2f1db1b7b
This commit is contained in:
@@ -92,7 +92,7 @@ orderCount.value = 2000;
|
|||||||
<el-link
|
<el-link
|
||||||
target="_blank"
|
target="_blank"
|
||||||
type="danger"
|
type="danger"
|
||||||
href="https://www.cnblogs.com/haoxianrui/p/16090029.html"
|
href="https://blog.csdn.net/u013737132/article/details/130191394"
|
||||||
>官方0到1教程</el-link
|
>官方0到1教程</el-link
|
||||||
>
|
>
|
||||||
<el-divider direction="vertical" />
|
<el-divider direction="vertical" />
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<!-- 图标选择器示例 -->
|
<!-- 图标选择器示例 -->
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
const iconName = ref('edit');
|
const iconName = ref("edit");
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
33
src/views/demo/upload.vue
Normal file
33
src/views/demo/upload.vue
Normal file
@@ -0,0 +1,33 @@
|
|||||||
|
<!-- 文件上传组件(单图+多图)示例 -->
|
||||||
|
<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>
|
||||||
@@ -1,26 +0,0 @@
|
|||||||
<!-- 文件上传组件(单图+多图)示例 -->
|
|
||||||
<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">
|
<div class="flex text-white items-center py-4">
|
||||||
<span class="text-2xl flex-1 text-center">{{ $t("login.title") }}</span>
|
<span class="text-2xl flex-1 text-center">{{ $t("login.title") }}</span>
|
||||||
<lang-select style="color: #fff" />
|
<lang-select class="text-white" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<el-form-item prop="username">
|
<el-form-item prop="username">
|
||||||
|
|||||||
Reference in New Issue
Block a user